carbon-react/lib/components/typography/list.component.js

A library of reusable React components for easily building user interfaces.

"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./typography.component.js"),n=require("./list.context.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const l=e=>"ul"===e?"square":"decimal";exports.List=r=>{var{children:o,as:s="ul",variant:u="p"}=r,p=a(r,["children","as","variant"]);return e.jsx(t.Typography,c(i({variant:u,as:s,listStyleType:l(s)},p),{children:e.jsx(n.ListContext.Provider,{value:{variant:u},children:o})}))},exports.ListItem=o=>{var{children:l}=o,s=a(o,["children"]);const{variant:u}=r.useContext(n.ListContext);return e.jsx(t.Typography,c(i({as:"li",m:"0 0 8px 16px"},s),{variant:u,children:l}))};