@lifesg/react-design-system 4.0.0-alpha.1 → 4.0.0-alpha.11

package/text-list/text-list.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-list.styles.js","sources":["../../src/text-list/text-list.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour, V3_Font, V3_MediaQuery } from \"../v3_theme\";\nimport type { V3_TypographySizeType } from \"../v3_theme/font/types\";\nimport type { BulletType, CounterType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface ListStyleProps {\n    $bottomMargin: number | undefined;\n    $size: V3_TypographySizeType | undefined;\n}\n\ninterface OrderedListStyleProps extends ListStyleProps {\n    $counterType: CounterType | undefined;\n    $counterSeparator: string | undefined;\n}\n\ninterface UnorderedListStyleProps extends ListStyleProps {\n    $bulletType: BulletType | undefined;\n    $hasCustomIcon: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst baseStyle = css<ListStyleProps>`\n    margin-bottom: ${(props) => props.$bottomMargin || 0}rem;\n\n    // Counter matters\n    counter-reset: list;\n\n    ${(props) => props.$size && V3_Font[`${props.$size}-regular`]}\n    font-weight: ${V3_Font.Spec[\"weight-regular\"]};\n    color: ${V3_Colour.text};\n\n    // nested lists styling\n    ol,\n    ul {\n        margin-top: 0.5rem;\n        margin-bottom: 0.5rem;\n    }\n`;\n\nexport const StyledOrderedList = styled.ol<OrderedListStyleProps>`\n    ${baseStyle}\n\n    margin-left: 3em;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin-left: 2.5em;\n    }\n\n    li {\n        position: relative;\n    }\n\n    ${(props) => {\n        const { reversed } = props;\n        const counterType = props.$counterType || \"decimal\";\n        const counterSeparator = props.$counterSeparator || \")\";\n\n        return css`\n            li:before {\n                content: counter(list, ${counterType}) \"${counterSeparator}\";\n                counter-increment: ${reversed ? \"list -1\" : \"list\"};\n                position: absolute;\n                left: -2em;\n            }\n        `;\n    }}\n\n    ${(props) => {\n        const { reversed, start } = props;\n\n        if (start) {\n            const resetValue = reversed ? start + 1 : start - 1;\n            return css`\n                counter-reset: list ${resetValue};\n            `;\n        }\n    }}\n\n    list-style-position: outside;\n    list-style-type: none;\n\n    ul > li:before {\n        content: \"\";\n    }\n`;\n\nexport const StyledUnorderedList = styled.ul<UnorderedListStyleProps>`\n    ${baseStyle}\n\n    margin-left: ${(props) => (props.$hasCustomIcon ? 0 : \"2.5em\")};\n    list-style-type: ${(props) =>\n        props.$hasCustomIcon ? \"none\" : props.$bulletType || \"disc\"};\n\n    ${(props) =>\n        props.$hasCustomIcon &&\n        css`\n            & > li {\n                display: flex;\n                align-items: flex-start;\n                gap: 0.5em;\n            }\n        `}\n`;\n"],"names":["baseStyle","css","props","$bottomMargin","$size","V3_Font","Spec","V3_Colour","text","StyledOrderedList","styled","ol","V3_MediaQuery","MaxWidth","lg","reversed","counterType","$counterType","counterSeparator","$counterSeparator","start","StyledUnorderedList","ul","$hasCustomIcon","$bulletType"],"mappings":"4HA2BA,MAAMA,EAAYC,CAAmB;qBACfC,GAAUA,EAAMC,eAAiB;;;;;MAKhDD,GAAUA,EAAME,OAASC,EAAQ,GAAGH,EAAME;mBAC9BC,EAAQC,KAAK;aACnBC,EAAUC;;;;;;;;EAUVC,EAAoBC,EAAOC,EAAyB;MAC3DX;;;;MAIAY,EAAcC,SAASC;;;;;;;;MAQtBZ,IACC,MAAMa,SAAEA,GAAab,EACfc,EAAcd,EAAMe,cAAgB,UACpCC,EAAmBhB,EAAMiB,mBAAqB,IAEpD,OAAOlB,CAAG;;yCAEuBe,OAAiBE;qCACrBH,EAAW,UAAY;;;;SAInD;;MAGFb,IACC,MAAMa,SAAEA,EAAQK,MAAEA,GAAUlB,EAE5B,GAAIkB,EAAO,CAEP,OAAOnB,CAAG;sCADSc,EAAWK,EAAQ,EAAIA,EAAQ;aAItD;;;;;;;;EAWKC,EAAsBX,EAAOY,EAA2B;MAC/DtB;;mBAEcE,GAAWA,EAAMqB,eAAiB,EAAI;uBAClCrB,GAChBA,EAAMqB,eAAiB,OAASrB,EAAMsB,aAAe;;MAEtDtB,GACCA,EAAMqB,gBACNtB,CAAG;;;;;;;"}
+{"version":3,"file":"text-list.styles.js","sources":["../../src/text-list/text-list.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, MediaQuery } from \"../theme\";\nimport type { TextListSize } from \"./types\";\n\nexport const tokens = {\n    listBottomMargin: \"--fds-internal-textList-list-bottomMargin\",\n    orderedListCounterStyle: \"--fds-internal-textList-orderedList-counterStyle\",\n    orderedListCounterSeparator:\n        \"--fds-internal-textList-orderedList-counterSeparator\",\n    orderedListStartValue: \"--fds-internal-textList-orderedList-startValue\",\n    unorderedListBulletType: \"--fds-internal-textList-unorderedList-bulletType\",\n};\n\nexport const listBase = css`\n    ${tokens.listBottomMargin}: 0rem;\n    margin-bottom: var(${tokens.listBottomMargin});\n\n    // Counter matters\n    counter-reset: list;\n\n    font-weight: ${Font.Spec[\"weight-regular\"]};\n    color: ${Colour.text};\n\n    // nested lists styling\n    ol,\n    ul {\n        margin-top: 0.5rem;\n        margin-bottom: 0.5rem;\n    }\n`;\n\nexport const listSize: Record<TextListSize, string> = {\n    \"heading-xxl\": css`\n        ${Font[\"heading-xxl-regular\"]}\n    `,\n    \"heading-xl\": css`\n        ${Font[\"heading-xl-regular\"]}\n    `,\n    \"heading-lg\": css`\n        ${Font[\"heading-lg-regular\"]}\n    `,\n    \"heading-md\": css`\n        ${Font[\"heading-md-regular\"]}\n    `,\n    \"heading-sm\": css`\n        ${Font[\"heading-sm-regular\"]}\n    `,\n    \"heading-xs\": css`\n        ${Font[\"heading-xs-regular\"]}\n    `,\n    \"body-baseline\": css`\n        ${Font[\"body-baseline-regular\"]}\n    `,\n    \"body-md\": css`\n        ${Font[\"body-md-regular\"]}\n    `,\n    \"body-sm\": css`\n        ${Font[\"body-sm-regular\"]}\n    `,\n    \"body-xs\": css`\n        ${Font[\"body-xs-regular\"]}\n    `,\n};\n\nexport const orderedList = css`\n    ${tokens.orderedListCounterSeparator}: \")\";\n\n    margin-left: 3em;\n    list-style-position: outside;\n    list-style-type: none;\n\n    ${MediaQuery.MaxWidth.lg} {\n        margin-left: 2.5em;\n    }\n\n    li {\n        position: relative;\n    }\n\n    li:before {\n        counter-increment: list;\n        content: counter(list, var(${tokens.orderedListCounterStyle}, decimal))\n            var(${tokens.orderedListCounterSeparator});\n        position: absolute;\n        left: -2em;\n    }\n\n    ul > li:before {\n        content: \"\";\n    }\n`;\n\nexport const orderedListReversed = css`\n    li:before {\n        counter-increment: list -1;\n    }\n`;\n\nexport const orderedListCustomStart = css`\n    counter-reset: list var(${tokens.orderedListStartValue});\n`;\n\nexport const unorderedList = css`\n    margin-left: 2.5em;\n    list-style-type: var(${tokens.unorderedListBulletType}, disc);\n`;\n\nexport const unorderedListCustomIcon = css`\n    margin-left: 0;\n    list-style-type: none;\n\n    & > li {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.5em;\n    }\n`;\n"],"names":["tokens","listBottomMargin","orderedListCounterStyle","orderedListCounterSeparator","orderedListStartValue","unorderedListBulletType","listBase","listSize","orderedList","orderedListReversed","orderedListCustomStart","unorderedList","unorderedListCustomIcon"],"mappings":"+DAKO,MAAMA,EAAS,CAClBC,iBAAkB,4CAClBC,wBAAyB,mDACzBC,4BACI,uDACJC,sBAAuB,iDACvBC,wBAAyB,oDAGhBC,EAAQ,WAkBRC,EAAyC,CAClD,cAAa,WAGb,aAAY,UAGZ,aAAY,UAGZ,aAAY,UAGZ,aAAY,UAGZ,aAAY,UAGZ,gBAAe,SAGf,UAAS,UAGT,UAAS,WAGT,UAAS,WAKAC,EAAW,WA4BXC,EAAmB,WAMnBC,EAAsB,WAItBC,EAAa,WAKbC,EAAuB"}

package/text-list/text-list.styles_w3fvyt.css

@@ -0,0 +1,16 @@
+@layer fds{.l1oajjj5{--fds-internal-textList-list-bottomMargin:0rem;margin-bottom:var(--fds-internal-textList-list-bottomMargin);counter-reset:list;font-weight:var(--fds-font-weight-regular);color:var(--fds-colour-text);}.l1oajjj5 ol,.l1oajjj5 ul{margin-top:0.5rem;margin-bottom:0.5rem;}
+.h1cidf62{font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-xxl);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-xxl);letter-spacing:var(--fds-font-heading-ls-xxl);}
+.hzza2og{font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-xl);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-xl);letter-spacing:var(--fds-font-heading-ls-xl);}
+.hvh12um{font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-lg);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-lg);letter-spacing:var(--fds-font-heading-ls-lg);}
+.hmbxm0d{font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-md);letter-spacing:var(--fds-font-heading-ls-md);}
+.he1b4ry{font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-sm);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-sm);letter-spacing:var(--fds-font-heading-ls-sm);}
+.hqe0fod{font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-xs);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-heading-lh-xs);letter-spacing:var(--fds-font-heading-ls-xs);}
+.bd07pl{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
+.bsjejt8{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
+.b1lkco40{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);}
+.bru5c1n{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-xs);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-xs);letter-spacing:var(--fds-font-body-ls-xs);}
+.o1gavxb4{--fds-internal-textList-orderedList-counterSeparator:")";margin-left:3em;list-style-position:outside;list-style-type:none;}:where(body.fds-breakpoint-lg-max) .o1gavxb4{margin-left:2.5em;}.o1gavxb4 li{position:relative;}.o1gavxb4 li:before{counter-increment:list;content:counter(list, var(--fds-internal-textList-orderedList-counterStyle, decimal)) var(--fds-internal-textList-orderedList-counterSeparator);position:absolute;left:-2em;}.o1gavxb4 ul>li:before{content:"";}
+.o1s96hsr li:before{counter-increment:list -1;}
+.o14yxjmu{counter-reset:list var(--fds-internal-textList-orderedList-startValue);}
+.u1kb1ugb{margin-left:2.5em;list-style-type:var(--fds-internal-textList-unorderedList-bulletType, disc);}
+.u1fq31t2{margin-left:0;list-style-type:none;}.u1fq31t2>li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:0.5em;}}

package/text-list/types.d.ts

@@ -1,25 +1,56 @@
-import type { V3_TypographySizeType } from "../v3_theme/font/types";
+import type { FontSize } from "../theme";
+/**
+ * Text size tokens available for list content.
+ */
+export type TextListSize = Exclude<FontSize, "form-label" | "form-description">;
+/** Shared props for both ordered and unordered text list variants. */
 interface BaseListProps {
     children: JSX.Element | JSX.Element[];
+    /** Bottom margin in pixels applied to each list item except the last. */
     bottomMargin?: number | undefined;
-    size?: V3_TypographySizeType | undefined;
+    /** Text size applied to the list content. */
+    size?: TextListSize | undefined;
     id?: string | undefined;
     "data-testid"?: string | undefined;
     className?: string | undefined;
 }
+/** Counter style applied to each item in an ordered list. */
 export type CounterType = "lower-alpha" | "decimal" | "lower-roman";
+/**
+ * Props for the `TextList.Ol` component.
+ */
 export interface OrderedListProps extends BaseListProps {
-    /**  Values: "lower-alpha" | "decimal" | "lower-roman" */
+    /**
+     * Counter style applied to each list item.
+     *
+     * @default "decimal"
+     */
     counterType?: CounterType | undefined;
+    /**
+     * Character or string rendered after each counter value.
+     *
+     * @default ")"
+     */
     counterSeparator?: string | undefined;
-    /** Specifies if the list counter decrements */
+    /** The counter is decremented from the start value instead of incremented. */
     reversed?: boolean | undefined;
-    /** The value to start the list count from */
+    /** The value to start the list count from. */
     start?: number | undefined;
 }
+/** Predefined bullet marker style for an unordered list. */
 export type BulletType = "disc" | "circle" | "square" | "none";
+type CustomBulletIcon = Exclude<React.ReactNode, string>;
+/**
+ * Props for the `TextList.Ul` component.
+ */
 export interface UnorderedListProps extends BaseListProps {
-    /** Values: "disc" | "circle" | "square" | "none" or custom React.ReactNode icon */
-    bulletType?: BulletType | React.ReactNode | undefined;
+    /**
+     * Marker style for list items. Pass a `BulletType` token for a predefined
+     * marker, or any React node to render a custom decorative icon before each
+     * item's content.
+     *
+     * @default "disc"
+     */
+    bulletType?: BulletType | CustomBulletIcon | undefined;
 }
 export {};

package/text-list/unordered-list.d.ts

@@ -1,5 +1,5 @@
 import type { UnorderedListProps } from "./types";
 export declare const UnorderedList: {
-    ({ size, bulletType, bottomMargin, children, ...otherProps }: UnorderedListProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, size, bulletType, bottomMargin, children, ...otherProps }: UnorderedListProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/text-list/unordered-list.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsx as i,jsxs as t,Fragment as r}from"react/jsx-runtime";import l from"react";import{StyledUnorderedList as o}from"./text-list.styles.js";const n=n=>{var{size:s,bulletType:d,bottomMargin:m,children:a}=n,c=e(n,["size","bulletType","bottomMargin","children"]);const p=void 0!==d&&"string"!=typeof d;return i(o,Object.assign({$size:s,$bulletType:p?void 0:d,$bottomMargin:m,$hasCustomIcon:p},c,{children:p?l.Children.map(a,(e=>l.isValidElement(e)?l.cloneElement(e,{children:t(r,{children:[i("div",{"aria-hidden":!0,children:d}),i("div",{children:e.props.children})]})}):e)):a}))};n.displayName="TextList.Ul";export{n as UnorderedList};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsx as t,jsxs as r,Fragment as i}from"react/jsx-runtime";import s from"clsx";import o,{useRef as l}from"react";import"../theme/theme-provider/index.js";import"../theme/theme-provider/context.js";import"../theme/tokens/border.js";import"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{useApplyStyle as m}from"../theme/utils/use-apply-styles.js";import"../theme/utils/use-media-query.js";import{tokens as n,listBase as d,unorderedList as p,listSize as a,unorderedListCustomIcon as c}from"./text-list.styles.js";const h=e=>"disc"===e||"circle"===e||"square"===e||"none"===e,u=u=>{var{className:j,size:y,bulletType:f,bottomMargin:b,children:v}=u,x=e(u,["className","size","bulletType","bottomMargin","children"]);const g=l(null),k=void 0!==f&&!h(f);m(g,{[n.listBottomMargin]:`${null!=b?b:0}rem`,[n.unorderedListBulletType]:h(f)?f:null});return t("ul",Object.assign({ref:g,className:s(d,p,y&&a[y],k&&c,j)},x,{children:k?o.Children.map(v,(e=>o.isValidElement(e)?o.cloneElement(e,{children:r(i,{children:[t("div",{"aria-hidden":!0,children:f}),t("div",{children:e.props.children})]})}):e)):v}))};u.displayName="TextList.Ul";export{u as UnorderedList};
 //# sourceMappingURL=unordered-list.js.map

package/text-list/unordered-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"unordered-list.js","sources":["../../src/text-list/unordered-list.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { StyledUnorderedList } from \"./text-list.styles\";\nimport type { BulletType, UnorderedListProps } from \"./types\";\n\nexport const UnorderedList = ({\n    size,\n    bulletType,\n    bottomMargin,\n    children,\n    ...otherProps\n}: UnorderedListProps) => {\n    const isCustomIcon =\n        bulletType !== undefined && typeof bulletType !== \"string\";\n\n    const renderChildren = () => {\n        if (!isCustomIcon) {\n            return children;\n        }\n\n        return React.Children.map(children, (child) => {\n            if (React.isValidElement<{ children?: React.ReactNode }>(child)) {\n                return React.cloneElement(child, {\n                    children: (\n                        <>\n                            {/* Icon is decorative, hide from screen readers */}\n                            <div aria-hidden>{bulletType}</div>\n                            <div>{child.props.children}</div>\n                        </>\n                    ),\n                });\n            }\n            return child;\n        });\n    };\n\n    return (\n        <StyledUnorderedList\n            $size={size}\n            $bulletType={isCustomIcon ? undefined : (bulletType as BulletType)}\n            $bottomMargin={bottomMargin}\n            $hasCustomIcon={isCustomIcon}\n            {...otherProps}\n        >\n            {renderChildren()}\n        </StyledUnorderedList>\n    );\n};\n\nUnorderedList.displayName = \"TextList.Ul\";\n"],"names":["UnorderedList","_a","size","bulletType","bottomMargin","children","otherProps","__rest","isCustomIcon","undefined","_jsx","StyledUnorderedList","Object","assign","$size","$bulletType","$bottomMargin","$hasCustomIcon","React","Children","map","child","isValidElement","cloneElement","_jsxs","_Fragment","props","displayName"],"mappings":"gMAKO,MAAMA,EAAiBC,IAAA,IAAAC,KAC1BA,EAAIC,WACJA,EAAUC,aACVA,EAAYC,SACZA,GAAQJ,EACLK,EAAUC,EAAAN,EALa,CAAA,OAAA,aAAA,eAAA,aAO1B,MAAMO,OACaC,IAAfN,GAAkD,iBAAfA,EAuBvC,OACIO,EAACC,EAAmBC,OAAAC,OAAA,CAAAC,MACTZ,EAAIa,YACEP,OAAeC,EAAaN,EAAyBa,cACnDZ,EAAYa,eACXT,GACZF,EAAU,CAAAD,SA1BbG,EAIEU,EAAMC,SAASC,IAAIf,GAAWgB,GAC7BH,EAAMI,eAA+CD,GAC9CH,EAAMK,aAAaF,EAAO,CAC7BhB,SACImB,EAAAC,EAAA,CAAApB,SAAA,CAEIK,EAAA,MAAA,CAAA,eAAA,EAAAL,SAAkBF,IAClBO,EAAA,MAAA,CAAAL,SAAMgB,EAAMK,MAAMrB,gBAK3BgB,IAfAhB,IA4BW,EAI9BL,EAAc2B,YAAc"}
+{"version":3,"file":"unordered-list.js","sources":["../../src/text-list/unordered-list.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useRef } from \"react\";\n\nimport { useApplyStyle } from \"../theme\";\nimport * as styles from \"./text-list.styles\";\nimport type { BulletType, UnorderedListProps } from \"./types\";\n\nconst isBulletType = (value: unknown): value is BulletType =>\n    value === \"disc\" ||\n    value === \"circle\" ||\n    value === \"square\" ||\n    value === \"none\";\n\nexport const UnorderedList = ({\n    className,\n    size,\n    bulletType,\n    bottomMargin,\n    children,\n    ...otherProps\n}: UnorderedListProps) => {\n    const listRef = useRef<HTMLUListElement>(null);\n    const isCustomIcon = bulletType !== undefined && !isBulletType(bulletType);\n\n    useApplyStyle(listRef, {\n        [styles.tokens.listBottomMargin]: `${bottomMargin ?? 0}rem`,\n        [styles.tokens.unorderedListBulletType]: isBulletType(bulletType)\n            ? bulletType\n            : null,\n    });\n\n    const renderChildren = () => {\n        if (!isCustomIcon) {\n            return children;\n        }\n\n        return React.Children.map(children, (child) => {\n            if (React.isValidElement<{ children?: React.ReactNode }>(child)) {\n                return React.cloneElement(child, {\n                    children: (\n                        <>\n                            {/* Icon is decorative, hide from screen readers */}\n                            <div aria-hidden>{bulletType}</div>\n                            <div>{child.props.children}</div>\n                        </>\n                    ),\n                });\n            }\n            return child;\n        });\n    };\n\n    return (\n        <ul\n            ref={listRef}\n            className={clsx(\n                styles.listBase,\n                styles.unorderedList,\n                size && styles.listSize[size],\n                isCustomIcon && styles.unorderedListCustomIcon,\n                className\n            )}\n            {...otherProps}\n        >\n            {renderChildren()}\n        </ul>\n    );\n};\n\nUnorderedList.displayName = \"TextList.Ul\";\n"],"names":["isBulletType","value","UnorderedList","_a","className","size","bulletType","bottomMargin","children","otherProps","__rest","listRef","useRef","isCustomIcon","undefined","useApplyStyle","styles.tokens","listBottomMargin","unorderedListBulletType","_jsx","Object","assign","ref","clsx","styles.listBase","styles.unorderedList","styles.listSize","styles.unorderedListCustomIcon","React","Children","map","child","isValidElement","cloneElement","_jsxs","_Fragment","props","displayName"],"mappings":"4mBAOA,MAAMA,EAAgBC,GACR,SAAVA,GACU,WAAVA,GACU,WAAVA,GACU,SAAVA,EAESC,EAAiBC,IAAA,IAAAC,UAC1BA,EAASC,KACTA,EAAIC,WACJA,EAAUC,aACVA,EAAYC,SACZA,GAAQL,EACLM,EAAUC,EAAAP,EANa,6DAQ1B,MAAMQ,EAAUC,EAAyB,MACnCC,OAA8BC,IAAfR,IAA6BN,EAAaM,GAE/DS,EAAcJ,EAAS,CACnB,CAACK,EAAcC,kBAAmB,GAAGV,QAAAA,EAAgB,OACrD,CAACS,EAAcE,yBAA0BlB,EAAaM,GAChDA,EACA,OAwBV,OACIa,EAAA,KAAAC,OAAAC,OAAA,CACIC,IAAKX,EACLP,UAAWmB,EACPC,EACAC,EACApB,GAAQqB,EAAgBrB,GACxBQ,GAAgBc,EAChBvB,IAEAK,EAAU,CAAAD,SA9BbK,EAIEe,EAAMC,SAASC,IAAItB,GAAWuB,GAC7BH,EAAMI,eAA+CD,GAC9CH,EAAMK,aAAaF,EAAO,CAC7BvB,SACI0B,EAAAC,EAAA,CAAA3B,SAAA,CAEIW,EAAA,MAAA,CAAA,eAAA,EAAAX,SAAkBF,IAClBa,EAAA,MAAA,CAAAX,SAAMuB,EAAMK,MAAM5B,gBAK3BuB,IAfAvB,IAgCN,EAIbN,EAAcmC,YAAc"}

package/theme/index.d.ts

@@ -2,4 +2,7 @@ export { ThemeProvider } from "./theme-provider";
 export { useInheritedThemeScope, useTheme } from "./theme-provider/hooks";
 export * from "./tokens";
 export * from "./types";
-export * from "./utils";
+export { formatUnitValue, parsePxOrRemValue } from "./utils/css-variable";
+export { useApplyStyle } from "./utils/use-apply-styles";
+export { useDesignToken } from "./utils/use-design-token";
+export { useMaxWidthMediaQuery, useMediaQuery, useMinWidthMediaQuery, useResolvedBreakpointToken, } from "./utils/use-media-query";

package/theme/index.js

@@ -1,2 +1,2 @@
-export{ThemeProvider}from"./theme-provider/index.js";export{useInheritedThemeScope,useTheme}from"./theme-provider/hooks.js";export{Border,BorderStyle,BorderThickness}from"./tokens/border.js";export{Breakpoint}from"./tokens/breakpoint.js";export{Colour,PrimitiveColours,SemanticColours}from"./tokens/colour.js";export{ComponentToken}from"./tokens/component.js";export{Font,FontSpec}from"./tokens/font.js";export{MediaQuery}from"./tokens/media-query.js";export{Motion}from"./tokens/motion.js";export{Radius}from"./tokens/radius.js";export{Shadow}from"./tokens/shadow.js";export{Spacing}from"./tokens/spacing.js";export{getInheritedInlineCssVariables,parseCSSVariableValue,parsePxOrRemValue}from"./utils/css-variable.js";export{generateFont}from"./utils/font.js";export{getEffectiveTokenOrCustom,getResolvedValue,getTokenOrDefault,isTokenFromSet,isTokenWithPrefix,toCssValue}from"./utils/token-resolver.js";export{useApplyStyle}from"./utils/use-apply-styles.js";export{useDesignToken,useResolvedTokenValue}from"./utils/use-design-token.js";
+export{ThemeProvider}from"./theme-provider/index.js";export{useInheritedThemeScope,useTheme}from"./theme-provider/hooks.js";export{Border,BorderStyle,BorderThickness}from"./tokens/border.js";export{Breakpoint}from"./tokens/breakpoint.js";export{Colour,PrimitiveColours,SemanticColours}from"./tokens/colour.js";export{ComponentToken}from"./tokens/component.js";export{Font,FontSpec}from"./tokens/font.js";export{MediaQuery}from"./tokens/media-query.js";export{Motion}from"./tokens/motion.js";export{Radius}from"./tokens/radius.js";export{Shadow}from"./tokens/shadow.js";export{Spacing}from"./tokens/spacing.js";export{THEME_TYPES}from"./types.js";export{formatUnitValue,parsePxOrRemValue}from"./utils/css-variable.js";export{useApplyStyle}from"./utils/use-apply-styles.js";export{useDesignToken}from"./utils/use-design-token.js";export{useMaxWidthMediaQuery,useMediaQuery,useMinWidthMediaQuery,useResolvedBreakpointToken}from"./utils/use-media-query.js";
 //# sourceMappingURL=index.js.map