@lifesg/react-design-system 3.4.0-canary.6 → 3.4.0-canary.8

package/shared/dropdown-list/dropdown-list.styles.js

@@ -1,4 +1,4 @@
-import{ExclamationCircleFillIcon as i}from"@lifesg/react-icons/exclamation-circle-fill";import{SquareIcon as r}from"@lifesg/react-icons/square";import{SquareFillIcon as e}from"@lifesg/react-icons/square-fill";import{SquareTickFillIcon as t}from"@lifesg/react-icons/square-tick-fill";import{TickIcon as a}from"@lifesg/react-icons/tick";import o,{css as n}from"styled-components";import{Border as l,Colour as s,Radius as d,MediaQuery as c,Breakpoint as h,Font as p,Spacing as g}from"../../theme/index.js";import{ComponentLoadingSpinner as m}from"../component-loading-spinner/component-loading-spinner.js";import{applyHtmlContentStyle as $}from"../html-content/html-content.js";import{BasicButton as b}from"../input-wrapper/input-wrapper.js";const x=o.div`
+import{ExclamationCircleFillIcon as i}from"@lifesg/react-icons/exclamation-circle-fill";import{SquareIcon as r}from"@lifesg/react-icons/square";import{SquareFillIcon as e}from"@lifesg/react-icons/square-fill";import{SquareTickFillIcon as t}from"@lifesg/react-icons/square-tick-fill";import{TickIcon as o}from"@lifesg/react-icons/tick";import a,{css as n}from"styled-components";import{Border as l,Colour as s,Radius as d,MediaQuery as c,Breakpoint as h,Font as p,Spacing as g}from"../../theme/index.js";import{ComponentLoadingSpinner as m}from"../component-loading-spinner/component-loading-spinner.js";import{applyHtmlContentStyle as $}from"../html-content/html-content.js";import{BasicButton as b}from"../input-wrapper/input-wrapper.js";const x=a.div`
     border: ${l["width-010"]} ${l.solid} ${s.border};
     border-radius: ${d.sm};
     background: ${s.bg};
@@ -42,10 +42,10 @@ import{ExclamationCircleFillIcon as i}from"@lifesg/react-icons/exclamation-circl
         border-radius: ${d.full};
         background-clip: padding-box;
     }
-`,f=o.div`
+`,f=a.div`
     background: transparent;
     padding: ${g["spacing-8"]};
-`,u=o.li`
+`,u=a.li`
     display: flex;
     align-items: flex-start;
     gap: ${g["spacing-8"]};
@@ -62,58 +62,59 @@ import{ExclamationCircleFillIcon as i}from"@lifesg/react-icons/exclamation-circl
             `:i.$active?n`
                 background: ${s["bg-hover-subtle"]};
             `:void 0}
-`,w=o(a)`
+`,w=a(o)`
     flex-shrink: 0;
     height: 1lh;
     width: 1rem;
     color: ${s["icon-selected"]};
-`,v=o.div`
+`,v=a.div`
     flex-shrink: 0;
     height: 1lh;
     width: 1rem;
-`,k=o(t)`
+`,k=a(t)`
     flex-shrink: 0;
     height: 1lh;
     width: 1lh;
     color: ${s["icon-selected"]};
-`,y=o(r)`
+`,y=a(r)`
     flex-shrink: 0;
     height: 1lh;
     width: 1lh;
     color: ${s["icon-primary-subtlest"]};
-`,j=o(e)`
+`,j=a(e)`
     flex-shrink: 0;
     height: 1lh;
     width: 1lh;
     color: ${s["icon-disabled-subtle"]};
-`,W=o.div`
+`,W=a.div`
     width: 100%;
     display: flex;
     justify-content: flex-end;
-`,q=o(b)`
+`,q=a(b)`
     cursor: pointer;
     overflow: hidden;
     color: ${s["text-primary"]};
     font-size: inherit;
-`,M=o(q)`
+`,M=a(q)`
     ${p["body-baseline-semibold"]}
-`,z=o(q)`
+`,z=a(q)`
     ${p["body-md-semibold"]}
     padding: ${g["spacing-8"]} ${g["spacing-8"]};
-`,A=o.div`
+`,A=a.div`
     width: 100%;
     display: flex;
     padding: ${g["spacing-12"]} ${g["spacing-16"]};
     align-items: center;
-`,B=o(i)`
+    color: ${s.text};
+`,B=a(i)`
     margin-right: ${g["spacing-4"]};
     color: ${s["icon-error"]};
     height: 1em;
     width: 1em;
-`,C=o(m)`
+`,C=a(m)`
     margin-right: ${g["spacing-8"]};
     color: ${s.icon};
-`,D=o.div`
+`,D=a.div`
     ${$()}
     color: ${s["text-subtle"]};
     padding: 0 ${g["spacing-16"]} ${g["spacing-12"]}

package/shared/dropdown-list/dropdown-list.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-list.styles.js","sources":["../../../src/shared/dropdown-list/dropdown-list.styles.tsx"],"sourcesContent":["import { ExclamationCircleFillIcon } from \"@lifesg/react-icons/exclamation-circle-fill\";\nimport { SquareIcon } from \"@lifesg/react-icons/square\";\nimport { SquareFillIcon } from \"@lifesg/react-icons/square-fill\";\nimport { SquareTickFillIcon } from \"@lifesg/react-icons/square-tick-fill\";\nimport { TickIcon } from \"@lifesg/react-icons/tick\";\nimport styled, { css } from \"styled-components\";\nimport {\n    Border,\n    Breakpoint,\n    Colour,\n    Font,\n    MediaQuery,\n    Radius,\n    Spacing,\n} from \"../../theme\";\nimport { ComponentLoadingSpinner } from \"../component-loading-spinner\";\nimport { applyHtmlContentStyle } from \"../html-content/html-content\";\nimport { BasicButton } from \"../input-wrapper/input-wrapper\";\nimport { DropdownVariantType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface ContainerStyleProps {\n    $width?: number;\n    $customWidth?: string;\n    $variant: DropdownVariantType;\n}\n\nexport interface ListItemStyleProps {\n    $active: boolean;\n    $selected: boolean;\n    $disabled: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\n// -----------------------------------------------------------------------------\n// MAIN STYLES\n// -----------------------------------------------------------------------------\nexport const Container = styled.div<ContainerStyleProps>`\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    background: ${Colour[\"bg\"]};\n\n    --x-spacing: 0px;\n    --available-width: calc(100vw - var(--x-spacing) * 2);\n\n    ${MediaQuery.MaxWidth.sm} {\n        --x-spacing: ${Breakpoint[\"sm-margin\"]}px;\n        max-height: 15rem;\n    }\n\n    ${MediaQuery.MaxWidth.xs} {\n        --x-spacing: ${Breakpoint[\"xs-margin\"]}px;\n    }\n\n    ${MediaQuery.MaxWidth.xxs} {\n        --x-spacing: ${Breakpoint[\"xxs-margin\"]}px;\n    }\n\n    max-width: var(--available-width);\n\n    ${(props) => {\n        if (props.$customWidth) return `width: ${props.$customWidth};`;\n        if (props.$width)\n            return `width: ${props.$width}px; min-width: min(23rem, var(--available-width));`;\n\n        return \"min-width: min(23rem, var(--available-width));\";\n    }}\n\n    max-height: min(27rem, var(--available-height, infinity * 1px));\n    overflow: hidden;\n    overflow-y: auto;\n    ${(props) =>\n        props.$variant === \"small\"\n            ? Font[\"body-md-regular\"]\n            : Font[\"body-baseline-regular\"]}\n\n    &::-webkit-scrollbar {\n        width: 14px;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: ${Colour[\"bg-inverse-subtlest\"]};\n        border: 5px solid transparent;\n        border-radius: ${Radius[\"full\"]};\n        background-clip: padding-box;\n    }\n`;\nexport const List = styled.div`\n    background: transparent;\n    padding: ${Spacing[\"spacing-8\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// LIST ITEM STYLES\n// -----------------------------------------------------------------------------\n\nexport const ListItem = styled.li<ListItemStyleProps>`\n    display: flex;\n    align-items: flex-start;\n    gap: ${Spacing[\"spacing-8\"]};\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-8\"]};\n    cursor: pointer;\n    border: none;\n    border-radius: ${Radius[\"none\"]};\n    outline: none;\n\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                cursor: not-allowed;\n            `;\n        } else if (props.$active && props.$selected) {\n            return css`\n                background: ${Colour[\"bg-hover\"]};\n            `;\n        } else if (props.$active) {\n            return css`\n                background: ${Colour[\"bg-hover-subtle\"]};\n            `;\n        }\n    }}\n`;\n\nexport const SelectedIndicator = styled(TickIcon)`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1rem;\n    color: ${Colour[\"icon-selected\"]};\n`;\n\nexport const UnselectedIndicator = styled.div`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1rem;\n`;\n\nexport const CheckboxSelectedIndicator = styled(SquareTickFillIcon)`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1lh;\n    color: ${Colour[\"icon-selected\"]};\n`;\n\nexport const CheckboxUnselectedIndicator = styled(SquareIcon)`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1lh;\n    color: ${Colour[\"icon-primary-subtlest\"]};\n`;\n\nexport const CheckboxDisabledIndicator = styled(SquareFillIcon)`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1lh;\n    color: ${Colour[\"icon-disabled-subtle\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// ELEMENT STYLES\n// -----------------------------------------------------------------------------\n\nexport const SelectAllContainer = styled.div`\n    width: 100%;\n    display: flex;\n    justify-content: flex-end;\n`;\n\nexport const DropdownCommonButton = styled(BasicButton)`\n    cursor: pointer;\n    overflow: hidden;\n    color: ${Colour[\"text-primary\"]};\n    font-size: inherit;\n`;\n\nexport const TryAgainButton = styled(DropdownCommonButton)`\n    ${Font[\"body-baseline-semibold\"]}\n`;\n\nexport const SelectAllButton = styled(DropdownCommonButton)`\n    ${Font[\"body-md-semibold\"]}\n    padding: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-8\"]};\n`;\n\nexport const ResultStateContainer = styled.div`\n    width: 100%;\n    display: flex;\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n    align-items: center;\n`;\n\nexport const LabelIcon = styled(ExclamationCircleFillIcon)`\n    margin-right: ${Spacing[\"spacing-4\"]};\n    color: ${Colour[\"icon-error\"]};\n    height: 1em;\n    width: 1em;\n`;\n\nexport const Spinner = styled(ComponentLoadingSpinner)`\n    margin-right: ${Spacing[\"spacing-8\"]};\n    color: ${Colour[\"icon\"]};\n`;\n\nexport const NoResultDescContainer = styled.div`\n    ${applyHtmlContentStyle()}\n    color: ${Colour[\"text-subtle\"]};\n    padding: 0 ${Spacing[\"spacing-16\"]} ${Spacing[\"spacing-12\"]}\n        ${Spacing[\"spacing-16\"]};\n`;\n"],"names":["Container","styled","div","Border","Colour","Radius","MediaQuery","MaxWidth","sm","Breakpoint","xs","xxs","props","$customWidth","$width","$variant","Font","List","Spacing","ListItem","li","$disabled","css","$active","$selected","SelectedIndicator","TickIcon","UnselectedIndicator","CheckboxSelectedIndicator","SquareTickFillIcon","CheckboxUnselectedIndicator","SquareIcon","CheckboxDisabledIndicator","SquareFillIcon","SelectAllContainer","DropdownCommonButton","BasicButton","TryAgainButton","SelectAllButton","ResultStateContainer","LabelIcon","ExclamationCircleFillIcon","Spinner","ComponentLoadingSpinner","NoResultDescContainer","applyHtmlContentStyle"],"mappings":"muBA0CO,MAAMA,EAAYC,EAAOC,GAAwB;cAC1CC,EAAO,gBAAgBA,EAAc,SAAKC,EAAe;qBAClDC,EAAW;kBACdD,EAAW;;;;;MAKvBE,EAAWC,SAASC;uBACHC,EAAW;;;;MAI5BH,EAAWC,SAASG;uBACHD,EAAW;;;MAG5BH,EAAWC,SAASI;uBACHF,EAAW;;;;;MAK3BG,GACKA,EAAMC,aAAqB,UAAUD,EAAMC,gBAC3CD,EAAME,OACC,UAAUF,EAAME,2DAEpB;;;;;MAMRF,GACoB,UAAnBA,EAAMG,SACAC,EAAK,mBACLA,EAAK;;;;;;;;;;;sBAWGZ,EAAO;;yBAEJC,EAAa;;;EAIzBY,EAAOhB,EAAOC,GAAG;;eAEfgB,EAAQ;EAOVC,EAAWlB,EAAOmB,EAAsB;;;WAG1CF,EAAQ;eACJA,EAAQ,iBAAiBA,EAAQ;;;qBAG3Bb,EAAa;;;MAG3BO,GACKA,EAAMS,UACCC,CAAG;;cAGHV,EAAMW,SAAWX,EAAMY,UACvBF,CAAG;8BACQlB,EAAO;cAElBQ,EAAMW,QACND,CAAG;8BACQlB,EAAO;mBAFtB;EAQFqB,EAAoBxB,EAAOyB,EAAS;;;;aAIpCtB,EAAO;EAGPuB,EAAsB1B,EAAOC,GAAG;;;;EAMhC0B,EAA4B3B,EAAO4B,EAAmB;;;;aAItDzB,EAAO;EAGP0B,EAA8B7B,EAAO8B,EAAW;;;;aAIhD3B,EAAO;EAGP4B,EAA4B/B,EAAOgC,EAAe;;;;aAIlD7B,EAAO;EAOP8B,EAAqBjC,EAAOC,GAAG;;;;EAM/BiC,EAAuBlC,EAAOmC,EAAY;;;aAG1ChC,EAAO;;EAIPiC,EAAiBpC,EAAOkC,EAAqB;MACpDnB,EAAK;EAGEsB,EAAkBrC,EAAOkC,EAAqB;MACrDnB,EAAK;eACIE,EAAQ,gBAAgBA,EAAQ;EAGlCqB,EAAuBtC,EAAOC,GAAG;;;eAG/BgB,EAAQ,iBAAiBA,EAAQ;;EAInCsB,EAAYvC,EAAOwC,EAA0B;oBACtCvB,EAAQ;aACfd,EAAO;;;EAKPsC,EAAUzC,EAAO0C,EAAwB;oBAClCzB,EAAQ;aACfd,EAAa;EAGbwC,EAAwB3C,EAAOC,GAAG;MACzC2C;aACOzC,EAAO;iBACHc,EAAQ,iBAAiBA,EAAQ;UACxCA,EAAQ;"}
+{"version":3,"file":"dropdown-list.styles.js","sources":["../../../src/shared/dropdown-list/dropdown-list.styles.tsx"],"sourcesContent":["import { ExclamationCircleFillIcon } from \"@lifesg/react-icons/exclamation-circle-fill\";\nimport { SquareIcon } from \"@lifesg/react-icons/square\";\nimport { SquareFillIcon } from \"@lifesg/react-icons/square-fill\";\nimport { SquareTickFillIcon } from \"@lifesg/react-icons/square-tick-fill\";\nimport { TickIcon } from \"@lifesg/react-icons/tick\";\nimport styled, { css } from \"styled-components\";\nimport {\n    Border,\n    Breakpoint,\n    Colour,\n    Font,\n    MediaQuery,\n    Radius,\n    Spacing,\n} from \"../../theme\";\nimport { ComponentLoadingSpinner } from \"../component-loading-spinner\";\nimport { applyHtmlContentStyle } from \"../html-content/html-content\";\nimport { BasicButton } from \"../input-wrapper/input-wrapper\";\nimport { DropdownVariantType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface ContainerStyleProps {\n    $width?: number;\n    $customWidth?: string;\n    $variant: DropdownVariantType;\n}\n\nexport interface ListItemStyleProps {\n    $active: boolean;\n    $selected: boolean;\n    $disabled: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\n// -----------------------------------------------------------------------------\n// MAIN STYLES\n// -----------------------------------------------------------------------------\nexport const Container = styled.div<ContainerStyleProps>`\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    background: ${Colour[\"bg\"]};\n\n    --x-spacing: 0px;\n    --available-width: calc(100vw - var(--x-spacing) * 2);\n\n    ${MediaQuery.MaxWidth.sm} {\n        --x-spacing: ${Breakpoint[\"sm-margin\"]}px;\n        max-height: 15rem;\n    }\n\n    ${MediaQuery.MaxWidth.xs} {\n        --x-spacing: ${Breakpoint[\"xs-margin\"]}px;\n    }\n\n    ${MediaQuery.MaxWidth.xxs} {\n        --x-spacing: ${Breakpoint[\"xxs-margin\"]}px;\n    }\n\n    max-width: var(--available-width);\n\n    ${(props) => {\n        if (props.$customWidth) return `width: ${props.$customWidth};`;\n        if (props.$width)\n            return `width: ${props.$width}px; min-width: min(23rem, var(--available-width));`;\n\n        return \"min-width: min(23rem, var(--available-width));\";\n    }}\n\n    max-height: min(27rem, var(--available-height, infinity * 1px));\n    overflow: hidden;\n    overflow-y: auto;\n    ${(props) =>\n        props.$variant === \"small\"\n            ? Font[\"body-md-regular\"]\n            : Font[\"body-baseline-regular\"]}\n\n    &::-webkit-scrollbar {\n        width: 14px;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: ${Colour[\"bg-inverse-subtlest\"]};\n        border: 5px solid transparent;\n        border-radius: ${Radius[\"full\"]};\n        background-clip: padding-box;\n    }\n`;\nexport const List = styled.div`\n    background: transparent;\n    padding: ${Spacing[\"spacing-8\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// LIST ITEM STYLES\n// -----------------------------------------------------------------------------\n\nexport const ListItem = styled.li<ListItemStyleProps>`\n    display: flex;\n    align-items: flex-start;\n    gap: ${Spacing[\"spacing-8\"]};\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-8\"]};\n    cursor: pointer;\n    border: none;\n    border-radius: ${Radius[\"none\"]};\n    outline: none;\n\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                cursor: not-allowed;\n            `;\n        } else if (props.$active && props.$selected) {\n            return css`\n                background: ${Colour[\"bg-hover\"]};\n            `;\n        } else if (props.$active) {\n            return css`\n                background: ${Colour[\"bg-hover-subtle\"]};\n            `;\n        }\n    }}\n`;\n\nexport const SelectedIndicator = styled(TickIcon)`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1rem;\n    color: ${Colour[\"icon-selected\"]};\n`;\n\nexport const UnselectedIndicator = styled.div`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1rem;\n`;\n\nexport const CheckboxSelectedIndicator = styled(SquareTickFillIcon)`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1lh;\n    color: ${Colour[\"icon-selected\"]};\n`;\n\nexport const CheckboxUnselectedIndicator = styled(SquareIcon)`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1lh;\n    color: ${Colour[\"icon-primary-subtlest\"]};\n`;\n\nexport const CheckboxDisabledIndicator = styled(SquareFillIcon)`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1lh;\n    color: ${Colour[\"icon-disabled-subtle\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// ELEMENT STYLES\n// -----------------------------------------------------------------------------\n\nexport const SelectAllContainer = styled.div`\n    width: 100%;\n    display: flex;\n    justify-content: flex-end;\n`;\n\nexport const DropdownCommonButton = styled(BasicButton)`\n    cursor: pointer;\n    overflow: hidden;\n    color: ${Colour[\"text-primary\"]};\n    font-size: inherit;\n`;\n\nexport const TryAgainButton = styled(DropdownCommonButton)`\n    ${Font[\"body-baseline-semibold\"]}\n`;\n\nexport const SelectAllButton = styled(DropdownCommonButton)`\n    ${Font[\"body-md-semibold\"]}\n    padding: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-8\"]};\n`;\n\nexport const ResultStateContainer = styled.div`\n    width: 100%;\n    display: flex;\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n    align-items: center;\n    color: ${Colour[\"text\"]};\n`;\n\nexport const LabelIcon = styled(ExclamationCircleFillIcon)`\n    margin-right: ${Spacing[\"spacing-4\"]};\n    color: ${Colour[\"icon-error\"]};\n    height: 1em;\n    width: 1em;\n`;\n\nexport const Spinner = styled(ComponentLoadingSpinner)`\n    margin-right: ${Spacing[\"spacing-8\"]};\n    color: ${Colour[\"icon\"]};\n`;\n\nexport const NoResultDescContainer = styled.div`\n    ${applyHtmlContentStyle()}\n    color: ${Colour[\"text-subtle\"]};\n    padding: 0 ${Spacing[\"spacing-16\"]} ${Spacing[\"spacing-12\"]}\n        ${Spacing[\"spacing-16\"]};\n`;\n"],"names":["Container","styled","div","Border","Colour","Radius","MediaQuery","MaxWidth","sm","Breakpoint","xs","xxs","props","$customWidth","$width","$variant","Font","List","Spacing","ListItem","li","$disabled","css","$active","$selected","SelectedIndicator","TickIcon","UnselectedIndicator","CheckboxSelectedIndicator","SquareTickFillIcon","CheckboxUnselectedIndicator","SquareIcon","CheckboxDisabledIndicator","SquareFillIcon","SelectAllContainer","DropdownCommonButton","BasicButton","TryAgainButton","SelectAllButton","ResultStateContainer","LabelIcon","ExclamationCircleFillIcon","Spinner","ComponentLoadingSpinner","NoResultDescContainer","applyHtmlContentStyle"],"mappings":"muBA0CO,MAAMA,EAAYC,EAAOC,GAAwB;cAC1CC,EAAO,gBAAgBA,EAAc,SAAKC,EAAe;qBAClDC,EAAW;kBACdD,EAAW;;;;;MAKvBE,EAAWC,SAASC;uBACHC,EAAW;;;;MAI5BH,EAAWC,SAASG;uBACHD,EAAW;;;MAG5BH,EAAWC,SAASI;uBACHF,EAAW;;;;;MAK3BG,GACKA,EAAMC,aAAqB,UAAUD,EAAMC,gBAC3CD,EAAME,OACC,UAAUF,EAAME,2DAEpB;;;;;MAMRF,GACoB,UAAnBA,EAAMG,SACAC,EAAK,mBACLA,EAAK;;;;;;;;;;;sBAWGZ,EAAO;;yBAEJC,EAAa;;;EAIzBY,EAAOhB,EAAOC,GAAG;;eAEfgB,EAAQ;EAOVC,EAAWlB,EAAOmB,EAAsB;;;WAG1CF,EAAQ;eACJA,EAAQ,iBAAiBA,EAAQ;;;qBAG3Bb,EAAa;;;MAG3BO,GACKA,EAAMS,UACCC,CAAG;;cAGHV,EAAMW,SAAWX,EAAMY,UACvBF,CAAG;8BACQlB,EAAO;cAElBQ,EAAMW,QACND,CAAG;8BACQlB,EAAO;mBAFtB;EAQFqB,EAAoBxB,EAAOyB,EAAS;;;;aAIpCtB,EAAO;EAGPuB,EAAsB1B,EAAOC,GAAG;;;;EAMhC0B,EAA4B3B,EAAO4B,EAAmB;;;;aAItDzB,EAAO;EAGP0B,EAA8B7B,EAAO8B,EAAW;;;;aAIhD3B,EAAO;EAGP4B,EAA4B/B,EAAOgC,EAAe;;;;aAIlD7B,EAAO;EAOP8B,EAAqBjC,EAAOC,GAAG;;;;EAM/BiC,EAAuBlC,EAAOmC,EAAY;;;aAG1ChC,EAAO;;EAIPiC,EAAiBpC,EAAOkC,EAAqB;MACpDnB,EAAK;EAGEsB,EAAkBrC,EAAOkC,EAAqB;MACrDnB,EAAK;eACIE,EAAQ,gBAAgBA,EAAQ;EAGlCqB,EAAuBtC,EAAOC,GAAG;;;eAG/BgB,EAAQ,iBAAiBA,EAAQ;;aAEnCd,EAAa;EAGboC,EAAYvC,EAAOwC,EAA0B;oBACtCvB,EAAQ;aACfd,EAAO;;;EAKPsC,EAAUzC,EAAO0C,EAAwB;oBAClCzB,EAAQ;aACfd,EAAa;EAGbwC,EAAwB3C,EAAOC,GAAG;MACzC2C;aACOzC,EAAO;iBACHc,EAAQ,iBAAiBA,EAAQ;UACxCA,EAAQ;"}

package/shared/dropdown-wrapper/dropdown-wrapper.styles.js

@@ -1,25 +1,26 @@
-import e,{css as t}from"styled-components";import{Colour as i,Font as r}from"../../theme/index.js";import{lineClampCss as l}from"../styles/index.js";const o=e.div`
+import e,{css as t}from"styled-components";import{Colour as r,Font as i}from"../../theme/index.js";import{lineClampCss as l}from"../styles/index.js";const o=e.div`
     position: relative;
     width: 100%;
-    ${e=>{const i="small"===e.$variant?2.5:3;return t`
-            min-height: ${i}rem;
-            height: ${i}rem; // Need this to persist the height when expanding or collapsing list
+    ${e=>{const r="small"===e.$variant?2.5:3;return t`
+            min-height: ${r}rem;
+            height: ${r}rem; // Need this to persist the height when expanding or collapsing list
         `}}
 `,d=e.div`
     display: flex;
     flex: 1;
     word-break: break-all;
     ${e=>{if(e.$disabled)return t`
-                color: ${i["text-disabled"]};
+                color: ${r["text-disabled"]};
             `}}
 `,n=e.div`
-    ${e=>"small"===e.$variant?r["body-md-regular"]:r["body-baseline-regular"]}
+    ${e=>"small"===e.$variant?i["body-md-regular"]:i["body-baseline-regular"]}
+    color: ${r.text};
     text-align: left;
     ${e=>{if("middle"!==e.$truncateType)return t`
                     ${l(1)}
                 `}}
     overflow: hidden;
 `,s=e(n)`
-    color: ${i["text-subtler"]};
+    color: ${r["text-subtler"]};
 `;export{d as LabelContainer,s as PlaceholderLabel,n as ValueLabel,o as Wrapper};
 //# sourceMappingURL=dropdown-wrapper.styles.js.map

package/shared/dropdown-wrapper/dropdown-wrapper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-wrapper.styles.js","sources":["../../../src/shared/dropdown-wrapper/dropdown-wrapper.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Font } from \"../../theme\";\nimport { DropdownVariantType, TruncateType } from \"../dropdown-list/types\";\nimport { lineClampCss } from \"../styles\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\nexport interface DropdownWrapperStyleProps {\n    $disabled?: boolean;\n    $readOnly?: boolean;\n    $error?: boolean;\n    $expanded?: boolean;\n}\n\nexport interface ValueLabelStyleProps {\n    $truncateType?: TruncateType;\n    $variant?: DropdownVariantType | undefined;\n}\n\nexport interface SelectorStyleProps {\n    $variant?: DropdownVariantType | undefined;\n}\n\nexport interface LabelContainerStyleProps {\n    $disabled?: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst getHeight = (variant?: DropdownVariantType | undefined) => {\n    return variant === \"small\" ? 2.5 : 3;\n};\n\nexport const Wrapper = styled.div<SelectorStyleProps>`\n    position: relative;\n    width: 100%;\n    ${(props) => {\n        const height = getHeight(props.$variant);\n        return css`\n            min-height: ${height}rem;\n            height: ${height}rem; // Need this to persist the height when expanding or collapsing list\n        `;\n    }}\n`;\n\nexport const LabelContainer = styled.div<LabelContainerStyleProps>`\n    display: flex;\n    flex: 1;\n    word-break: break-all;\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                color: ${Colour[\"text-disabled\"]};\n            `;\n        }\n    }}\n`;\n\nexport const ValueLabel = styled.div<ValueLabelStyleProps>`\n    ${(props) =>\n        props.$variant === \"small\"\n            ? Font[\"body-md-regular\"]\n            : Font[\"body-baseline-regular\"]}\n    text-align: left;\n    ${(props) => {\n        switch (props.$truncateType) {\n            case \"middle\":\n                break;\n            case \"end\":\n            default:\n                return css`\n                    ${lineClampCss(1)}\n                `;\n        }\n    }}\n    overflow: hidden;\n`;\n\nexport const PlaceholderLabel = styled(ValueLabel)`\n    color: ${Colour[\"text-subtler\"]};\n`;\n"],"names":["Wrapper","styled","div","props","height","$variant","css","LabelContainer","$disabled","Colour","ValueLabel","Font","$truncateType","lineClampCss","PlaceholderLabel"],"mappings":"qJA+BA,MAIaA,EAAUC,EAAOC,GAAuB;;;MAG9CC,IACC,MAAMC,EAPS,UAOUD,EAAME,SAPN,IAAM,EAQ/B,OAAOC,CAAG;0BACQF;sBACJA;SACb;EAIIG,EAAiBN,EAAOC,GAA6B;;;;MAI3DC,IACC,GAAIA,EAAMK,UACN,OAAOF,CAAG;yBACGG,EAAO;aAExB;EAIKC,EAAaT,EAAOC,GAAyB;MACnDC,GACoB,UAAnBA,EAAME,SACAM,EAAK,mBACLA,EAAK;;MAEZR,IACC,GACS,WADDA,EAAMS,cAKN,OAAON,CAAG;sBACJO,EAAa;;;EAOtBC,EAAmBb,EAAOS,EAAW;aACrCD,EAAO;"}
+{"version":3,"file":"dropdown-wrapper.styles.js","sources":["../../../src/shared/dropdown-wrapper/dropdown-wrapper.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Font } from \"../../theme\";\nimport { DropdownVariantType, TruncateType } from \"../dropdown-list/types\";\nimport { lineClampCss } from \"../styles\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\nexport interface DropdownWrapperStyleProps {\n    $disabled?: boolean;\n    $readOnly?: boolean;\n    $error?: boolean;\n    $expanded?: boolean;\n}\n\nexport interface ValueLabelStyleProps {\n    $truncateType?: TruncateType;\n    $variant?: DropdownVariantType | undefined;\n}\n\nexport interface SelectorStyleProps {\n    $variant?: DropdownVariantType | undefined;\n}\n\nexport interface LabelContainerStyleProps {\n    $disabled?: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst getHeight = (variant?: DropdownVariantType | undefined) => {\n    return variant === \"small\" ? 2.5 : 3;\n};\n\nexport const Wrapper = styled.div<SelectorStyleProps>`\n    position: relative;\n    width: 100%;\n    ${(props) => {\n        const height = getHeight(props.$variant);\n        return css`\n            min-height: ${height}rem;\n            height: ${height}rem; // Need this to persist the height when expanding or collapsing list\n        `;\n    }}\n`;\n\nexport const LabelContainer = styled.div<LabelContainerStyleProps>`\n    display: flex;\n    flex: 1;\n    word-break: break-all;\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                color: ${Colour[\"text-disabled\"]};\n            `;\n        }\n    }}\n`;\n\nexport const ValueLabel = styled.div<ValueLabelStyleProps>`\n    ${(props) =>\n        props.$variant === \"small\"\n            ? Font[\"body-md-regular\"]\n            : Font[\"body-baseline-regular\"]}\n    color: ${Colour[\"text\"]};\n    text-align: left;\n    ${(props) => {\n        switch (props.$truncateType) {\n            case \"middle\":\n                break;\n            case \"end\":\n            default:\n                return css`\n                    ${lineClampCss(1)}\n                `;\n        }\n    }}\n    overflow: hidden;\n`;\n\nexport const PlaceholderLabel = styled(ValueLabel)`\n    color: ${Colour[\"text-subtler\"]};\n`;\n"],"names":["Wrapper","styled","div","props","height","$variant","css","LabelContainer","$disabled","Colour","ValueLabel","Font","$truncateType","lineClampCss","PlaceholderLabel"],"mappings":"qJA+BA,MAIaA,EAAUC,EAAOC,GAAuB;;;MAG9CC,IACC,MAAMC,EAPS,UAOUD,EAAME,SAPN,IAAM,EAQ/B,OAAOC,CAAG;0BACQF;sBACJA;SACb;EAIIG,EAAiBN,EAAOC,GAA6B;;;;MAI3DC,IACC,GAAIA,EAAMK,UACN,OAAOF,CAAG;yBACGG,EAAO;aAExB;EAIKC,EAAaT,EAAOC,GAAyB;MACnDC,GACoB,UAAnBA,EAAME,SACAM,EAAK,mBACLA,EAAK;aACNF,EAAa;;MAEnBN,IACC,GACS,WADDA,EAAMS,cAKN,OAAON,CAAG;sBACJO,EAAa;;;EAOtBC,EAAmBb,EAAOS,EAAW;aACrCD,EAAO;"}

package/shared/internal-calendar/single/single-cell.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import t from"../../../external/dayjs/dayjs.min.js";import{CalendarHelper as r}from"../../../util/calendar-helper.js";import"../../../util/date-helper.js";import"../../../util/date-input-helper.js";import"react";import"../../../util/simple-id-generator.js";import"../../../util/string-helper.js";import"@react-aria/live-announcer";import{DayCell as a}from"../day-cell/day-cell.js";const o=({date:o,calendarDate:l,selectedDate:i,hoverDate:n,focusDate:c,minDate:s,maxDate:d,disabledDates:u,allowDisabledSelection:m,showActiveMonthDaysOnly:p,onSelect:y,onHover:D,onFocus:h,setFocusCell:f,tabIndex:b})=>{const v=r.isDisabledDay(o,u,s,d),Y=!v||m,j=()=>{y(o,!Y)},w={date:o,calendarDate:l,disabled:v,interactive:Y,currentDateIndicator:!0,onSelect:j,onHover:()=>{D(o.format("YYYY-MM-DD"),!Y)},onFocus:()=>{h(o.format("YYYY-MM-DD"))},onKeyDown:e=>{const t=e.key;if("Enter"===t||" "===t)return e.preventDefault(),void(Y&&j());(e=>{let t;const r={ArrowLeft:()=>o.subtract(1,"day"),ArrowRight:()=>o.add(1,"day"),ArrowUp:()=>o.subtract(7,"day"),ArrowDown:()=>o.add(7,"day"),Home:()=>o.startOf("week"),End:()=>o.endOf("week"),PageUp:()=>e.shiftKey?o.subtract(1,"year"):o.subtract(1,"month"),PageDown:()=>e.shiftKey?o.add(1,"year"):o.add(1,"month")}[e.key];r&&(e.preventDefault(),t=r(),f(t.format("YYYY-MM-DD")))})(e)},role:"gridcell",focusDate:t(c),tabIndex:b};return e(a,Object.assign({},w,(()=>{const e={};l.month()!==o.month()?e.labelType=p?"hidden":"unavailable":t().isSame(o,"day")&&!v&&(e.labelType="current");const r=o.isSame(i,"day"),a=o.isSame(n,"day");return r&&a?(e.labelType="selected-hover",e.circleLeft="selected-hover-outline",e.circleRight="selected-hover-outline"):r?(e.labelType="selected",e.circleLeft="selected-outline",e.circleRight="selected-outline"):a&&(e.labelType="hover",e.circleLeft="hover-subtle",e.circleRight="hover-subtle"),e})()))};export{o as SingleCell};
+import{jsx as e}from"react/jsx-runtime";import t from"../../../external/dayjs/dayjs.min.js";import{CalendarHelper as r}from"../../../util/calendar-helper.js";import"../../../util/date-helper.js";import"../../../util/date-input-helper.js";import"react";import"../../../util/simple-id-generator.js";import"../../../util/string-helper.js";import"@react-aria/live-announcer";import{DayCell as a}from"../day-cell/day-cell.js";const o=({date:o,calendarDate:l,selectedDate:i,hoverDate:n,focusDate:c,minDate:s,maxDate:d,disabledDates:u,allowDisabledSelection:m,showActiveMonthDaysOnly:p,onSelect:y,onHover:D,onFocus:h,setFocusCell:f,tabIndex:b})=>{const v=r.isDisabledDay(o,u,s,d),Y=!v||m,j=()=>{y(o,!Y)},w={date:o,calendarDate:l,disabled:v,interactive:Y,currentDateIndicator:!0,onSelect:j,onHover:()=>{D(o.format("YYYY-MM-DD"),!Y)},onFocus:()=>{h(o.format("YYYY-MM-DD"))},onKeyDown:e=>{const t=e.key;if("Enter"===t||" "===t)return e.preventDefault(),void(Y&&j());(e=>{let t;const r={ArrowLeft:()=>o.subtract(1,"day"),ArrowRight:()=>o.add(1,"day"),ArrowUp:()=>o.subtract(7,"day"),ArrowDown:()=>o.add(7,"day"),Home:()=>o.startOf("week"),End:()=>o.endOf("week"),PageUp:()=>e.shiftKey?o.subtract(1,"year"):o.subtract(1,"month"),PageDown:()=>e.shiftKey?o.add(1,"year"):o.add(1,"month")}[e.key];r&&(e.preventDefault(),t=r(),f(t.format("YYYY-MM-DD")))})(e)},role:"gridcell",focusDate:t(c),tabIndex:b};return e(a,Object.assign({},w,(()=>{const e={};l.month()!==o.month()?e.labelType=p?"hidden":"unavailable":t().isSame(o,"day")&&!v&&(e.labelType="current");const r=i&&o.isSame(i,"day"),a=o.isSame(n,"day");return r&&a?(e.labelType="selected-hover",e.circleLeft="selected-hover-outline",e.circleRight="selected-hover-outline"):r?(e.labelType="selected",e.circleLeft="selected-outline",e.circleRight="selected-outline"):a&&(e.labelType="hover",e.circleLeft="hover-subtle",e.circleRight="hover-subtle"),e})()))};export{o as SingleCell};
 //# sourceMappingURL=single-cell.js.map

package/shared/internal-calendar/single/single-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"single-cell.js","sources":["../../../../src/shared/internal-calendar/single/single-cell.tsx"],"sourcesContent":["import dayjs, { Dayjs } from \"dayjs\";\nimport { CalendarHelper } from \"../../../util\";\nimport { CellStyleProps, DayCell, DayCellProps } from \"../day-cell\";\n\ninterface Props {\n    date: Dayjs;\n    calendarDate: Dayjs;\n    selectedDate: string | undefined;\n    hoverDate: string | undefined;\n    focusDate: string;\n    minDate?: string | undefined;\n    maxDate?: string | undefined;\n    disabledDates?: string[] | undefined;\n    allowDisabledSelection?: boolean | undefined;\n    showActiveMonthDaysOnly?: boolean | undefined;\n    onSelect: (value: Dayjs, disabled: boolean) => void;\n    onHover: (value: string, disabled: boolean) => void;\n    onFocus: (value: string) => void;\n    setFocusCell: (value: string) => void;\n    tabIndex: number;\n}\n\nexport const SingleCell = ({\n    date,\n    calendarDate,\n    selectedDate,\n    hoverDate,\n    focusDate,\n    minDate,\n    maxDate,\n    disabledDates,\n    allowDisabledSelection,\n    showActiveMonthDaysOnly,\n    onSelect,\n    onHover,\n    onFocus,\n    setFocusCell,\n    tabIndex,\n}: Props) => {\n    // =========================================================================\n    // CONSTS\n    // =========================================================================\n    const disabled = CalendarHelper.isDisabledDay(\n        date,\n        disabledDates,\n        minDate,\n        maxDate\n    );\n    const interactive = !disabled || allowDisabledSelection;\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleSelect = () => {\n        onSelect(date, !interactive);\n    };\n\n    const handleHover = () => {\n        onHover(date.format(\"YYYY-MM-DD\"), !interactive);\n    };\n\n    const handleFocus = () => {\n        onFocus(date.format(\"YYYY-MM-DD\"));\n    };\n\n    const handleKeyNavigation = (event: React.KeyboardEvent) => {\n        let newFocusSelection: Dayjs | undefined;\n\n        const keyActions: Record<string, () => dayjs.Dayjs> = {\n            ArrowLeft: () => date.subtract(1, \"day\"),\n            ArrowRight: () => date.add(1, \"day\"),\n            ArrowUp: () => date.subtract(7, \"day\"),\n            ArrowDown: () => date.add(7, \"day\"),\n            Home: () => date.startOf(\"week\"),\n            End: () => date.endOf(\"week\"),\n            PageUp: () => {\n                return event.shiftKey\n                    ? date.subtract(1, \"year\")\n                    : date.subtract(1, \"month\");\n            },\n            PageDown: () => {\n                return event.shiftKey\n                    ? date.add(1, \"year\")\n                    : date.add(1, \"month\");\n            },\n        };\n\n        const action = keyActions[event.key];\n        if (action) {\n            event.preventDefault();\n            newFocusSelection = action();\n            setFocusCell(newFocusSelection.format(\"YYYY-MM-DD\"));\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        const keyboardEvent = event as React.KeyboardEvent<HTMLInputElement>;\n        const selectedKey = keyboardEvent.key;\n\n        if (selectedKey === \"Enter\" || selectedKey === \" \") {\n            event.preventDefault();\n            if (interactive) {\n                handleSelect();\n            }\n            return;\n        }\n\n        handleKeyNavigation(event);\n    };\n\n    // =========================================================================\n    // HELPERS\n    // =========================================================================\n    const getCellStyle = () => {\n        const props: CellStyleProps = {};\n\n        if (calendarDate.month() !== date.month()) {\n            props.labelType = showActiveMonthDaysOnly\n                ? \"hidden\"\n                : \"unavailable\";\n        } else if (dayjs().isSame(date, \"day\") && !disabled) {\n            props.labelType = \"current\";\n        }\n\n        const isSelected = date.isSame(selectedDate, \"day\");\n        const isHover = date.isSame(hoverDate, \"day\");\n\n        if (isSelected && isHover) {\n            props.labelType = \"selected-hover\";\n            props.circleLeft = \"selected-hover-outline\";\n            props.circleRight = \"selected-hover-outline\";\n        } else if (isSelected) {\n            props.labelType = \"selected\";\n            props.circleLeft = \"selected-outline\";\n            props.circleRight = \"selected-outline\";\n        } else if (isHover) {\n            props.labelType = \"hover\";\n            props.circleLeft = \"hover-subtle\";\n            props.circleRight = \"hover-subtle\";\n        }\n\n        return props;\n    };\n\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n\n    const commonProps: DayCellProps = {\n        date,\n        calendarDate,\n        disabled,\n        interactive,\n        currentDateIndicator: true,\n        onSelect: handleSelect,\n        onHover: handleHover,\n        onFocus: handleFocus,\n        onKeyDown: handleKeyDown,\n        role: \"gridcell\",\n        focusDate: dayjs(focusDate),\n        tabIndex,\n    };\n\n    return <DayCell {...commonProps} {...getCellStyle()} />;\n};\n"],"names":["SingleCell","date","calendarDate","selectedDate","hoverDate","focusDate","minDate","maxDate","disabledDates","allowDisabledSelection","showActiveMonthDaysOnly","onSelect","onHover","onFocus","setFocusCell","tabIndex","disabled","CalendarHelper","isDisabledDay","interactive","handleSelect","commonProps","currentDateIndicator","format","onKeyDown","event","selectedKey","key","preventDefault","newFocusSelection","action","ArrowLeft","subtract","ArrowRight","add","ArrowUp","ArrowDown","Home","startOf","End","endOf","PageUp","shiftKey","PageDown","handleKeyNavigation","role","dayjs","_jsx","DayCell","Object","assign","props","month","labelType","isSame","isSelected","isHover","circleLeft","circleRight","getCellStyle"],"mappings":"qaAsBO,MAAMA,EAAa,EACtBC,OACAC,eACAC,eACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,0BACAC,WACAC,UACAC,UACAC,eACAC,eAKA,MAAMC,EAAWC,EAAeC,cAC5BjB,EACAO,EACAF,EACAC,GAEEY,GAAeH,GAAYP,EAK3BW,EAAe,KACjBT,EAASV,GAAOkB,EAAY,EA8F1BE,EAA4B,CAC9BpB,OACAC,eACAc,WACAG,cACAG,sBAAsB,EACtBX,SAAUS,EACVR,QAlGgB,KAChBA,EAAQX,EAAKsB,OAAO,eAAgBJ,EAAY,EAkGhDN,QA/FgB,KAChBA,EAAQZ,EAAKsB,OAAO,cAAc,EA+FlCC,UA9DmBC,IACnB,MACMC,EADgBD,EACYE,IAElC,GAAoB,UAAhBD,GAA2C,MAAhBA,EAK3B,OAJAD,EAAMG,sBACFT,GACAC,KArCgB,CAACK,IACzB,IAAII,EAEJ,MAmBMC,EAnBgD,CAClDC,UAAW,IAAM9B,EAAK+B,SAAS,EAAG,OAClCC,WAAY,IAAMhC,EAAKiC,IAAI,EAAG,OAC9BC,QAAS,IAAMlC,EAAK+B,SAAS,EAAG,OAChCI,UAAW,IAAMnC,EAAKiC,IAAI,EAAG,OAC7BG,KAAM,IAAMpC,EAAKqC,QAAQ,QACzBC,IAAK,IAAMtC,EAAKuC,MAAM,QACtBC,OAAQ,IACGhB,EAAMiB,SACPzC,EAAK+B,SAAS,EAAG,QACjB/B,EAAK+B,SAAS,EAAG,SAE3BW,SAAU,IACClB,EAAMiB,SACPzC,EAAKiC,IAAI,EAAG,QACZjC,EAAKiC,IAAI,EAAG,UAIAT,EAAME,KAC5BG,IACAL,EAAMG,iBACNC,EAAoBC,IACpBhB,EAAae,EAAkBN,OAAO,eAC1C,EAeAqB,CAAoBnB,EAAM,EAmD1BoB,KAAM,WACNxC,UAAWyC,EAAMzC,GACjBU,YAGJ,OAAOgC,EAACC,EAAOC,OAAAC,OAAA,CAAA,EAAK7B,EAlDC,MACjB,MAAM8B,EAAwB,CAAA,EAE1BjD,EAAakD,UAAYnD,EAAKmD,QAC9BD,EAAME,UAAY3C,EACZ,SACA,cACCoC,IAAQQ,OAAOrD,EAAM,SAAWe,IACvCmC,EAAME,UAAY,WAGtB,MAAME,EAAatD,EAAKqD,OAAOnD,EAAc,OACvCqD,EAAUvD,EAAKqD,OAAOlD,EAAW,OAgBvC,OAdImD,GAAcC,GACdL,EAAME,UAAY,iBAClBF,EAAMM,WAAa,yBACnBN,EAAMO,YAAc,0BACbH,GACPJ,EAAME,UAAY,WAClBF,EAAMM,WAAa,mBACnBN,EAAMO,YAAc,oBACbF,IACPL,EAAME,UAAY,QAClBF,EAAMM,WAAa,eACnBN,EAAMO,YAAc,gBAGjBP,CAAK,EAsBqBQ,IAAkB"}
+{"version":3,"file":"single-cell.js","sources":["../../../../src/shared/internal-calendar/single/single-cell.tsx"],"sourcesContent":["import dayjs, { Dayjs } from \"dayjs\";\nimport { CalendarHelper } from \"../../../util\";\nimport { CellStyleProps, DayCell, DayCellProps } from \"../day-cell\";\n\ninterface Props {\n    date: Dayjs;\n    calendarDate: Dayjs;\n    selectedDate: string | undefined;\n    hoverDate: string | undefined;\n    focusDate: string;\n    minDate?: string | undefined;\n    maxDate?: string | undefined;\n    disabledDates?: string[] | undefined;\n    allowDisabledSelection?: boolean | undefined;\n    showActiveMonthDaysOnly?: boolean | undefined;\n    onSelect: (value: Dayjs, disabled: boolean) => void;\n    onHover: (value: string, disabled: boolean) => void;\n    onFocus: (value: string) => void;\n    setFocusCell: (value: string) => void;\n    tabIndex: number;\n}\n\nexport const SingleCell = ({\n    date,\n    calendarDate,\n    selectedDate,\n    hoverDate,\n    focusDate,\n    minDate,\n    maxDate,\n    disabledDates,\n    allowDisabledSelection,\n    showActiveMonthDaysOnly,\n    onSelect,\n    onHover,\n    onFocus,\n    setFocusCell,\n    tabIndex,\n}: Props) => {\n    // =========================================================================\n    // CONSTS\n    // =========================================================================\n    const disabled = CalendarHelper.isDisabledDay(\n        date,\n        disabledDates,\n        minDate,\n        maxDate\n    );\n    const interactive = !disabled || allowDisabledSelection;\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleSelect = () => {\n        onSelect(date, !interactive);\n    };\n\n    const handleHover = () => {\n        onHover(date.format(\"YYYY-MM-DD\"), !interactive);\n    };\n\n    const handleFocus = () => {\n        onFocus(date.format(\"YYYY-MM-DD\"));\n    };\n\n    const handleKeyNavigation = (event: React.KeyboardEvent) => {\n        let newFocusSelection: Dayjs | undefined;\n\n        const keyActions: Record<string, () => dayjs.Dayjs> = {\n            ArrowLeft: () => date.subtract(1, \"day\"),\n            ArrowRight: () => date.add(1, \"day\"),\n            ArrowUp: () => date.subtract(7, \"day\"),\n            ArrowDown: () => date.add(7, \"day\"),\n            Home: () => date.startOf(\"week\"),\n            End: () => date.endOf(\"week\"),\n            PageUp: () => {\n                return event.shiftKey\n                    ? date.subtract(1, \"year\")\n                    : date.subtract(1, \"month\");\n            },\n            PageDown: () => {\n                return event.shiftKey\n                    ? date.add(1, \"year\")\n                    : date.add(1, \"month\");\n            },\n        };\n\n        const action = keyActions[event.key];\n        if (action) {\n            event.preventDefault();\n            newFocusSelection = action();\n            setFocusCell(newFocusSelection.format(\"YYYY-MM-DD\"));\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        const keyboardEvent = event as React.KeyboardEvent<HTMLInputElement>;\n        const selectedKey = keyboardEvent.key;\n\n        if (selectedKey === \"Enter\" || selectedKey === \" \") {\n            event.preventDefault();\n            if (interactive) {\n                handleSelect();\n            }\n            return;\n        }\n\n        handleKeyNavigation(event);\n    };\n\n    // =========================================================================\n    // HELPERS\n    // =========================================================================\n    const getCellStyle = () => {\n        const props: CellStyleProps = {};\n\n        if (calendarDate.month() !== date.month()) {\n            props.labelType = showActiveMonthDaysOnly\n                ? \"hidden\"\n                : \"unavailable\";\n        } else if (dayjs().isSame(date, \"day\") && !disabled) {\n            props.labelType = \"current\";\n        }\n\n        const isSelected = selectedDate && date.isSame(selectedDate, \"day\");\n        const isHover = date.isSame(hoverDate, \"day\");\n\n        if (isSelected && isHover) {\n            props.labelType = \"selected-hover\";\n            props.circleLeft = \"selected-hover-outline\";\n            props.circleRight = \"selected-hover-outline\";\n        } else if (isSelected) {\n            props.labelType = \"selected\";\n            props.circleLeft = \"selected-outline\";\n            props.circleRight = \"selected-outline\";\n        } else if (isHover) {\n            props.labelType = \"hover\";\n            props.circleLeft = \"hover-subtle\";\n            props.circleRight = \"hover-subtle\";\n        }\n\n        return props;\n    };\n\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n\n    const commonProps: DayCellProps = {\n        date,\n        calendarDate,\n        disabled,\n        interactive,\n        currentDateIndicator: true,\n        onSelect: handleSelect,\n        onHover: handleHover,\n        onFocus: handleFocus,\n        onKeyDown: handleKeyDown,\n        role: \"gridcell\",\n        focusDate: dayjs(focusDate),\n        tabIndex,\n    };\n\n    return <DayCell {...commonProps} {...getCellStyle()} />;\n};\n"],"names":["SingleCell","date","calendarDate","selectedDate","hoverDate","focusDate","minDate","maxDate","disabledDates","allowDisabledSelection","showActiveMonthDaysOnly","onSelect","onHover","onFocus","setFocusCell","tabIndex","disabled","CalendarHelper","isDisabledDay","interactive","handleSelect","commonProps","currentDateIndicator","format","onKeyDown","event","selectedKey","key","preventDefault","newFocusSelection","action","ArrowLeft","subtract","ArrowRight","add","ArrowUp","ArrowDown","Home","startOf","End","endOf","PageUp","shiftKey","PageDown","handleKeyNavigation","role","dayjs","_jsx","DayCell","Object","assign","props","month","labelType","isSame","isSelected","isHover","circleLeft","circleRight","getCellStyle"],"mappings":"qaAsBO,MAAMA,EAAa,EACtBC,OACAC,eACAC,eACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,0BACAC,WACAC,UACAC,UACAC,eACAC,eAKA,MAAMC,EAAWC,EAAeC,cAC5BjB,EACAO,EACAF,EACAC,GAEEY,GAAeH,GAAYP,EAK3BW,EAAe,KACjBT,EAASV,GAAOkB,EAAY,EA8F1BE,EAA4B,CAC9BpB,OACAC,eACAc,WACAG,cACAG,sBAAsB,EACtBX,SAAUS,EACVR,QAlGgB,KAChBA,EAAQX,EAAKsB,OAAO,eAAgBJ,EAAY,EAkGhDN,QA/FgB,KAChBA,EAAQZ,EAAKsB,OAAO,cAAc,EA+FlCC,UA9DmBC,IACnB,MACMC,EADgBD,EACYE,IAElC,GAAoB,UAAhBD,GAA2C,MAAhBA,EAK3B,OAJAD,EAAMG,sBACFT,GACAC,KArCgB,CAACK,IACzB,IAAII,EAEJ,MAmBMC,EAnBgD,CAClDC,UAAW,IAAM9B,EAAK+B,SAAS,EAAG,OAClCC,WAAY,IAAMhC,EAAKiC,IAAI,EAAG,OAC9BC,QAAS,IAAMlC,EAAK+B,SAAS,EAAG,OAChCI,UAAW,IAAMnC,EAAKiC,IAAI,EAAG,OAC7BG,KAAM,IAAMpC,EAAKqC,QAAQ,QACzBC,IAAK,IAAMtC,EAAKuC,MAAM,QACtBC,OAAQ,IACGhB,EAAMiB,SACPzC,EAAK+B,SAAS,EAAG,QACjB/B,EAAK+B,SAAS,EAAG,SAE3BW,SAAU,IACClB,EAAMiB,SACPzC,EAAKiC,IAAI,EAAG,QACZjC,EAAKiC,IAAI,EAAG,UAIAT,EAAME,KAC5BG,IACAL,EAAMG,iBACNC,EAAoBC,IACpBhB,EAAae,EAAkBN,OAAO,eAC1C,EAeAqB,CAAoBnB,EAAM,EAmD1BoB,KAAM,WACNxC,UAAWyC,EAAMzC,GACjBU,YAGJ,OAAOgC,EAACC,EAAOC,OAAAC,OAAA,CAAA,EAAK7B,EAlDC,MACjB,MAAM8B,EAAwB,CAAA,EAE1BjD,EAAakD,UAAYnD,EAAKmD,QAC9BD,EAAME,UAAY3C,EACZ,SACA,cACCoC,IAAQQ,OAAOrD,EAAM,SAAWe,IACvCmC,EAAME,UAAY,WAGtB,MAAME,EAAapD,GAAgBF,EAAKqD,OAAOnD,EAAc,OACvDqD,EAAUvD,EAAKqD,OAAOlD,EAAW,OAgBvC,OAdImD,GAAcC,GACdL,EAAME,UAAY,iBAClBF,EAAMM,WAAa,yBACnBN,EAAMO,YAAc,0BACbH,GACPJ,EAAME,UAAY,WAClBF,EAAMM,WAAa,mBACnBN,EAAMO,YAAc,oBACbF,IACPL,EAAME,UAAY,QAClBF,EAAMM,WAAa,eACnBN,EAAMO,YAAc,gBAGjBP,CAAK,EAsBqBQ,IAAkB"}

package/tab/tab-link-chain.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,useRef as n}from"react";import{r as i}from"../external/react-responsive/dist/react-responsive.js";import{ThemeContext as o}from"styled-components";import{Breakpoint as l}from"../theme/index.js";import{TabContext as d}from"./tab-context.js";import{CustomFadeWrapper as a,Chain as c,ChainItem as s,ChainLink as u,LabelContainer as m,Label as h,BoldLabel as f}from"./tab-link-chain.style.js";const p=({controlledMode:p,"data-testid":v,onTabClick:x,fullWidthIndicatorLine:g,fadeColor:b})=>{const{setCurrentActiveIndex:$,currentActiveIndex:k,tabLinks:w}=r(d),y=r(o),C=l["md-max"]({theme:y}),j=i.useMediaQuery({maxWidth:C}),A=l["lg-max"]({theme:y}),I=n(null),L=n([]),D=e=>t=>{t.preventDefault(),t.stopPropagation(),p||$(e),x&&x(w[e].title,e)},W=e=>j&&e.length>20?`${e.substring(0,20)}...`:e;return e(a,{onResize:({content:e,wrapper:t})=>{e&&t&&window.innerWidth<=A&&I.current&&(e.scrollLeft=I.current.getBoundingClientRect().left)},"data-testid":v,fadeColor:b,children:e(c,{role:"tablist",$fullWidthIndicatorLine:g,children:w.map((({title:r,width:n,titleAddon:i},o)=>{const l=k===o;return e(s,{role:"none",$active:l,ref:l?I:null,$width:n,children:t(u,{role:"none",onClick:D(o),"data-testid":`${v}-link-${o}`,$reversed:"left"===(null==i?void 0:i.position),children:[t(m,{role:"none",children:[e(h,{$active:l,onClick:D(o),"aria-hidden":"true",children:W(r)}),e(f,{role:"tab",type:"button","aria-selected":l,tabIndex:l?0:-1,onKeyDown:e=>((e,t)=>{var r;let n=t;"ArrowRight"===e.key?(n=(t+1)%w.length,e.preventDefault()):"ArrowLeft"===e.key&&(n=(t-1+w.length)%w.length,e.preventDefault()),null===(r=L.current[n])||void 0===r||r.focus()})(e,o),ref:e=>L.current[o]=e,$active:l,children:W(r)})]}),null==i?void 0:i.content]})},o)}))})})};export{p as TabLinkChain};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as n,useRef as r}from"react";import{r as i}from"../external/react-responsive/dist/react-responsive.js";import{ThemeContext as o}from"styled-components";import{Breakpoint as l}from"../theme/index.js";import{TabContext as d}from"./tab-context.js";import{CustomFadeWrapper as a,Chain as c,ChainItem as s,ChainLink as u,LabelContainer as m,Label as f,BoldLabel as h}from"./tab-link-chain.style.js";const p=({controlledMode:p,"data-testid":v,onTabClick:g,fullWidthIndicatorLine:x,fadeColor:b})=>{const{setCurrentActiveIndex:$,currentActiveIndex:k,tabLinks:w}=n(d),C=n(o),y=l["md-max"]({theme:C}),j=i.useMediaQuery({maxWidth:y}),A=l["lg-max"]({theme:C}),I=r(null),L=r([]),D=r(null),R=e=>t=>{t.preventDefault(),t.stopPropagation(),p||$(e),g&&g(w[e].title,e)},W=e=>j&&e.length>20?`${e.substring(0,20)}...`:e;return e(a,{onResize:({content:e,wrapper:t})=>{e&&t&&window.innerWidth<=A&&I.current&&D.current&&(e.scrollLeft=I.current.getBoundingClientRect().left-D.current.getBoundingClientRect().left)},"data-testid":v,fadeColor:b,children:e(c,{role:"tablist",$fullWidthIndicatorLine:x,ref:D,children:w.map((({title:n,width:r,titleAddon:i},o)=>{const l=k===o;return e(s,{role:"none",$active:l,ref:l?I:null,$width:r,children:t(u,{role:"none",onClick:R(o),"data-testid":`${v}-link-${o}`,$reversed:"left"===(null==i?void 0:i.position),children:[t(m,{role:"none",children:[e(f,{$active:l,onClick:R(o),"aria-hidden":"true",children:W(n)}),e(h,{role:"tab",type:"button","aria-selected":l,tabIndex:l?0:-1,onKeyDown:e=>((e,t)=>{var n;let r=t;"ArrowRight"===e.key?(r=(t+1)%w.length,e.preventDefault()):"ArrowLeft"===e.key&&(r=(t-1+w.length)%w.length,e.preventDefault()),null===(n=L.current[r])||void 0===n||n.focus()})(e,o),ref:e=>L.current[o]=e,$active:l,children:W(n)})]}),null==i?void 0:i.content]})},o)}))})})};export{p as TabLinkChain};
 //# sourceMappingURL=tab-link-chain.js.map

package/tab/tab-link-chain.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-link-chain.js","sources":["../../src/tab/tab-link-chain.tsx"],"sourcesContent":["import { useContext, useRef } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\nimport { ResizeCallbackParams } from \"../shared/fade-wrapper\";\nimport { Breakpoint } from \"../theme\";\nimport { TabContext } from \"./tab-context\";\nimport {\n    BoldLabel,\n    Chain,\n    ChainItem,\n    ChainLink,\n    CustomFadeWrapper,\n    Label,\n    LabelContainer,\n} from \"./tab-link-chain.style\";\nimport { TabProps } from \"./types\";\n\ninterface Props\n    extends Pick<\n        TabProps,\n        \"fullWidthIndicatorLine\" | \"onTabClick\" | \"data-testid\" | \"fadeColor\"\n    > {\n    controlledMode?: boolean | undefined;\n}\n\nexport const TabLinkChain = ({\n    controlledMode,\n    \"data-testid\": testId,\n    onTabClick,\n    fullWidthIndicatorLine,\n    fadeColor,\n}: Props) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const { setCurrentActiveIndex, currentActiveIndex, tabLinks } =\n        useContext(TabContext);\n\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = Breakpoint[\"md-max\"]({ theme });\n\n    const isMobile = useMediaQuery({\n        maxWidth: mobileBreakpoint,\n    });\n\n    const tabletBreakpoint = Breakpoint[\"lg-max\"]({ theme });\n\n    const activeLinkRef = useRef<HTMLLIElement>(null);\n    const chainLinkRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleChainLinkClick =\n        (index: number) =>\n        (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => {\n            event.preventDefault();\n            event.stopPropagation();\n            if (!controlledMode) {\n                setCurrentActiveIndex(index);\n            }\n\n            if (onTabClick) {\n                onTabClick(tabLinks[index].title, index);\n            }\n        };\n\n    const handleResize = ({ content, wrapper }: ResizeCallbackParams) => {\n        if (\n            content &&\n            wrapper &&\n            window.innerWidth <= tabletBreakpoint &&\n            activeLinkRef.current\n        ) {\n            content.scrollLeft =\n                activeLinkRef.current.getBoundingClientRect().left;\n        }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent, index: number) => {\n        let nextIndex = index;\n        if (e.key === \"ArrowRight\") {\n            nextIndex = (index + 1) % tabLinks.length;\n            e.preventDefault();\n        } else if (e.key === \"ArrowLeft\") {\n            nextIndex = (index - 1 + tabLinks.length) % tabLinks.length;\n            e.preventDefault();\n        }\n\n        chainLinkRefs.current[nextIndex]?.focus();\n    };\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const truncateText = (value: string) => {\n        if (isMobile) {\n            return value.length > 20 ? `${value.substring(0, 20)}...` : value;\n        }\n\n        return value;\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    return (\n        <CustomFadeWrapper\n            onResize={handleResize}\n            data-testid={testId}\n            fadeColor={fadeColor}\n        >\n            <Chain\n                role=\"tablist\"\n                $fullWidthIndicatorLine={fullWidthIndicatorLine}\n            >\n                {tabLinks.map(({ title, width, titleAddon }, index) => {\n                    const isActive = currentActiveIndex === index;\n\n                    return (\n                        <ChainItem\n                            key={index}\n                            role=\"none\"\n                            $active={isActive}\n                            ref={isActive ? activeLinkRef : null}\n                            $width={width}\n                        >\n                            <ChainLink\n                                role=\"none\"\n                                onClick={handleChainLinkClick(index)}\n                                data-testid={`${testId}-link-${index}`}\n                                $reversed={titleAddon?.position === \"left\"}\n                            >\n                                <LabelContainer role=\"none\">\n                                    <Label\n                                        $active={isActive}\n                                        onClick={handleChainLinkClick(index)}\n                                        aria-hidden=\"true\"\n                                    >\n                                        {truncateText(title)}\n                                    </Label>\n                                    <BoldLabel\n                                        role=\"tab\"\n                                        type=\"button\"\n                                        aria-selected={isActive}\n                                        tabIndex={isActive ? 0 : -1}\n                                        onKeyDown={(e) =>\n                                            handleKeyDown(e, index)\n                                        }\n                                        ref={(el) =>\n                                            (chainLinkRefs.current[index] = el)\n                                        }\n                                        $active={isActive}\n                                    >\n                                        {truncateText(title)}\n                                    </BoldLabel>\n                                </LabelContainer>\n                                {titleAddon?.content}\n                            </ChainLink>\n                        </ChainItem>\n                    );\n                })}\n            </Chain>\n        </CustomFadeWrapper>\n    );\n};\n"],"names":["TabLinkChain","controlledMode","testId","onTabClick","fullWidthIndicatorLine","fadeColor","setCurrentActiveIndex","currentActiveIndex","tabLinks","useContext","TabContext","theme","ThemeContext","mobileBreakpoint","Breakpoint","isMobile","useMediaQuery","maxWidth","tabletBreakpoint","activeLinkRef","useRef","chainLinkRefs","handleChainLinkClick","index","event","preventDefault","stopPropagation","title","truncateText","value","length","substring","_jsx","CustomFadeWrapper","onResize","content","wrapper","window","innerWidth","current","scrollLeft","getBoundingClientRect","left","Chain","role","$fullWidthIndicatorLine","children","map","width","titleAddon","isActive","ChainItem","$active","ref","$width","_jsxs","ChainLink","onClick","$reversed","position","LabelContainer","Label","BoldLabel","type","tabIndex","onKeyDown","e","nextIndex","key","_a","focus","handleKeyDown","el"],"mappings":"8cAyBO,MAAMA,EAAe,EACxBC,iBACA,cAAeC,EACfC,aACAC,yBACAC,gBAKA,MAAMC,sBAAEA,EAAqBC,mBAAEA,EAAkBC,SAAEA,GAC/CC,EAAWC,GAETC,EAAQF,EAAWG,GACnBC,EAAmBC,EAAW,UAAU,CAAEH,UAE1CI,EAAWC,EAAAA,cAAc,CAC3BC,SAAUJ,IAGRK,EAAmBJ,EAAW,UAAU,CAAEH,UAE1CQ,EAAgBC,EAAsB,MACtCC,EAAgBD,EAAqC,IAKrDE,EACDC,GACAC,IACGA,EAAMC,iBACND,EAAME,kBACDzB,GACDK,EAAsBiB,GAGtBpB,GACAA,EAAWK,EAASe,GAAOI,MAAOJ,EACtC,EA+BFK,EAAgBC,GACdd,GACOc,EAAMC,OAAS,GAAK,GAAGD,EAAME,UAAU,EAAG,SAG9CF,EAMX,OACIG,EAACC,EAAiB,CACdC,SAzCa,EAAGC,UAASC,cAEzBD,GACAC,GACAC,OAAOC,YAAcpB,GACrBC,EAAcoB,UAEdJ,EAAQK,WACJrB,EAAcoB,QAAQE,wBAAwBC,KACtD,EAgC0B,cACTxC,EACbG,UAAWA,WAEX2B,EAACW,GACGC,KAAK,UAASC,wBACWzC,EAAsB0C,SAE9CtC,EAASuC,KAAI,EAAGpB,QAAOqB,QAAOC,cAAc1B,KACzC,MAAM2B,EAAW3C,IAAuBgB,EAExC,OACIS,EAACmB,EAAS,CAENP,KAAK,OAAMQ,QACFF,EACTG,IAAKH,EAAW/B,EAAgB,KAAImC,OAC5BN,EAAKF,SAEbS,EAACC,EAAS,CACNZ,KAAK,OACLa,QAASnC,EAAqBC,GAAM,cACvB,GAAGrB,UAAeqB,IAAOmC,UACF,UAAzBT,aAAU,EAAVA,EAAYU,UAAmBb,SAAA,CAE1CS,EAACK,EAAc,CAAChB,KAAK,iBACjBZ,EAAC6B,EAAK,CAAAT,QACOF,EACTO,QAASnC,EAAqBC,GAAM,cACxB,OAAMuB,SAEjBlB,EAAaD,KAElBK,EAAC8B,EAAS,CACNlB,KAAK,MACLmB,KAAK,yBACUb,EACfc,SAAUd,EAAW,KACrBe,UAAYC,GAnE1B,EAACA,EAAwB3C,WAC3C,IAAI4C,EAAY5C,EACF,eAAV2C,EAAEE,KACFD,GAAa5C,EAAQ,GAAKf,EAASsB,OACnCoC,EAAEzC,kBACe,cAAVyC,EAAEE,MACTD,GAAa5C,EAAQ,EAAIf,EAASsB,QAAUtB,EAASsB,OACrDoC,EAAEzC,kBAG0B,QAAhC4C,EAAAhD,EAAckB,QAAQ4B,UAAU,IAAAE,GAAAA,EAAEC,OAAO,EA0DLC,CAAcL,EAAG3C,GAErB8B,IAAMmB,GACDnD,EAAckB,QAAQhB,GAASiD,UAE3BtB,EAAQJ,SAEhBlB,EAAaD,QAGrBsB,aAAU,EAAVA,EAAYd,YApCZZ,EAsCG,OAIR"}
+{"version":3,"file":"tab-link-chain.js","sources":["../../src/tab/tab-link-chain.tsx"],"sourcesContent":["import { useContext, useRef } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\nimport { ResizeCallbackParams } from \"../shared/fade-wrapper\";\nimport { Breakpoint } from \"../theme\";\nimport { TabContext } from \"./tab-context\";\nimport {\n    BoldLabel,\n    Chain,\n    ChainItem,\n    ChainLink,\n    CustomFadeWrapper,\n    Label,\n    LabelContainer,\n} from \"./tab-link-chain.style\";\nimport { TabProps } from \"./types\";\n\ninterface Props\n    extends Pick<\n        TabProps,\n        \"fullWidthIndicatorLine\" | \"onTabClick\" | \"data-testid\" | \"fadeColor\"\n    > {\n    controlledMode?: boolean | undefined;\n}\n\nexport const TabLinkChain = ({\n    controlledMode,\n    \"data-testid\": testId,\n    onTabClick,\n    fullWidthIndicatorLine,\n    fadeColor,\n}: Props) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const { setCurrentActiveIndex, currentActiveIndex, tabLinks } =\n        useContext(TabContext);\n\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = Breakpoint[\"md-max\"]({ theme });\n\n    const isMobile = useMediaQuery({\n        maxWidth: mobileBreakpoint,\n    });\n\n    const tabletBreakpoint = Breakpoint[\"lg-max\"]({ theme });\n\n    const activeLinkRef = useRef<HTMLLIElement>(null);\n    const chainLinkRefs = useRef<(HTMLButtonElement | null)[]>([]);\n    const chainRef = useRef<HTMLUListElement | null>(null);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleChainLinkClick =\n        (index: number) =>\n        (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => {\n            event.preventDefault();\n            event.stopPropagation();\n            if (!controlledMode) {\n                setCurrentActiveIndex(index);\n            }\n\n            if (onTabClick) {\n                onTabClick(tabLinks[index].title, index);\n            }\n        };\n\n    const handleResize = ({ content, wrapper }: ResizeCallbackParams) => {\n        if (\n            content &&\n            wrapper &&\n            window.innerWidth <= tabletBreakpoint &&\n            activeLinkRef.current &&\n            chainRef.current\n        ) {\n            content.scrollLeft =\n                activeLinkRef.current.getBoundingClientRect().left -\n                chainRef.current.getBoundingClientRect().left;\n        }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent, index: number) => {\n        let nextIndex = index;\n        if (e.key === \"ArrowRight\") {\n            nextIndex = (index + 1) % tabLinks.length;\n            e.preventDefault();\n        } else if (e.key === \"ArrowLeft\") {\n            nextIndex = (index - 1 + tabLinks.length) % tabLinks.length;\n            e.preventDefault();\n        }\n\n        chainLinkRefs.current[nextIndex]?.focus();\n    };\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const truncateText = (value: string) => {\n        if (isMobile) {\n            return value.length > 20 ? `${value.substring(0, 20)}...` : value;\n        }\n\n        return value;\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    return (\n        <CustomFadeWrapper\n            onResize={handleResize}\n            data-testid={testId}\n            fadeColor={fadeColor}\n        >\n            <Chain\n                role=\"tablist\"\n                $fullWidthIndicatorLine={fullWidthIndicatorLine}\n                ref={chainRef}\n            >\n                {tabLinks.map(({ title, width, titleAddon }, index) => {\n                    const isActive = currentActiveIndex === index;\n\n                    return (\n                        <ChainItem\n                            key={index}\n                            role=\"none\"\n                            $active={isActive}\n                            ref={isActive ? activeLinkRef : null}\n                            $width={width}\n                        >\n                            <ChainLink\n                                role=\"none\"\n                                onClick={handleChainLinkClick(index)}\n                                data-testid={`${testId}-link-${index}`}\n                                $reversed={titleAddon?.position === \"left\"}\n                            >\n                                <LabelContainer role=\"none\">\n                                    <Label\n                                        $active={isActive}\n                                        onClick={handleChainLinkClick(index)}\n                                        aria-hidden=\"true\"\n                                    >\n                                        {truncateText(title)}\n                                    </Label>\n                                    <BoldLabel\n                                        role=\"tab\"\n                                        type=\"button\"\n                                        aria-selected={isActive}\n                                        tabIndex={isActive ? 0 : -1}\n                                        onKeyDown={(e) =>\n                                            handleKeyDown(e, index)\n                                        }\n                                        ref={(el) =>\n                                            (chainLinkRefs.current[index] = el)\n                                        }\n                                        $active={isActive}\n                                    >\n                                        {truncateText(title)}\n                                    </BoldLabel>\n                                </LabelContainer>\n                                {titleAddon?.content}\n                            </ChainLink>\n                        </ChainItem>\n                    );\n                })}\n            </Chain>\n        </CustomFadeWrapper>\n    );\n};\n"],"names":["TabLinkChain","controlledMode","testId","onTabClick","fullWidthIndicatorLine","fadeColor","setCurrentActiveIndex","currentActiveIndex","tabLinks","useContext","TabContext","theme","ThemeContext","mobileBreakpoint","Breakpoint","isMobile","useMediaQuery","maxWidth","tabletBreakpoint","activeLinkRef","useRef","chainLinkRefs","chainRef","handleChainLinkClick","index","event","preventDefault","stopPropagation","title","truncateText","value","length","substring","_jsx","CustomFadeWrapper","onResize","content","wrapper","window","innerWidth","current","scrollLeft","getBoundingClientRect","left","children","Chain","role","$fullWidthIndicatorLine","ref","map","width","titleAddon","isActive","ChainItem","$active","$width","_jsxs","ChainLink","onClick","$reversed","position","LabelContainer","Label","BoldLabel","type","tabIndex","onKeyDown","e","nextIndex","key","_a","focus","handleKeyDown","el"],"mappings":"8cAyBO,MAAMA,EAAe,EACxBC,iBACA,cAAeC,EACfC,aACAC,yBACAC,gBAKA,MAAMC,sBAAEA,EAAqBC,mBAAEA,EAAkBC,SAAEA,GAC/CC,EAAWC,GAETC,EAAQF,EAAWG,GACnBC,EAAmBC,EAAW,UAAU,CAAEH,UAE1CI,EAAWC,EAAAA,cAAc,CAC3BC,SAAUJ,IAGRK,EAAmBJ,EAAW,UAAU,CAAEH,UAE1CQ,EAAgBC,EAAsB,MACtCC,EAAgBD,EAAqC,IACrDE,EAAWF,EAAgC,MAK3CG,EACDC,GACAC,IACGA,EAAMC,iBACND,EAAME,kBACD1B,GACDK,EAAsBkB,GAGtBrB,GACAA,EAAWK,EAASgB,GAAOI,MAAOJ,EACtC,EAiCFK,EAAgBC,GACdf,GACOe,EAAMC,OAAS,GAAK,GAAGD,EAAME,UAAU,EAAG,SAG9CF,EAMX,OACIG,EAACC,GACGC,SA3Ca,EAAGC,UAASC,cAEzBD,GACAC,GACAC,OAAOC,YAAcrB,GACrBC,EAAcqB,SACdlB,EAASkB,UAETJ,EAAQK,WACJtB,EAAcqB,QAAQE,wBAAwBC,KAC9CrB,EAASkB,QAAQE,wBAAwBC,KACjD,EAgC0B,cACTzC,EACbG,UAAWA,EAASuC,SAEpBX,EAACY,EAAK,CACFC,KAAK,UAASC,wBACW3C,EACzB4C,IAAK1B,WAEJd,EAASyC,KAAI,EAAGrB,QAAOsB,QAAOC,cAAc3B,KACzC,MAAM4B,EAAW7C,IAAuBiB,EAExC,OACIS,EAACoB,EAAS,CAENP,KAAK,OAAMQ,QACFF,EACTJ,IAAKI,EAAWjC,EAAgB,KAAIoC,OAC5BL,EAAKN,SAEbY,EAACC,EAAS,CACNX,KAAK,OACLY,QAASnC,EAAqBC,GAAM,cACvB,GAAGtB,UAAesB,IAAOmC,UACF,UAAzBR,aAAU,EAAVA,EAAYS,UAAmBhB,SAAA,CAE1CY,EAACK,EAAc,CAACf,KAAK,iBACjBb,EAAC6B,EAAK,CAAAR,QACOF,EACTM,QAASnC,EAAqBC,GAAM,cACxB,OAAMoB,SAEjBf,EAAaD,KAElBK,EAAC8B,EAAS,CACNjB,KAAK,MACLkB,KAAK,yBACUZ,EACfa,SAAUb,EAAW,KACrBc,UAAYC,GApE1B,EAACA,EAAwB3C,WAC3C,IAAI4C,EAAY5C,EACF,eAAV2C,EAAEE,KACFD,GAAa5C,EAAQ,GAAKhB,EAASuB,OACnCoC,EAAEzC,kBACe,cAAVyC,EAAEE,MACTD,GAAa5C,EAAQ,EAAIhB,EAASuB,QAAUvB,EAASuB,OACrDoC,EAAEzC,kBAG0B,QAAhC4C,EAAAjD,EAAcmB,QAAQ4B,UAAU,IAAAE,GAAAA,EAAEC,OAAO,EA2DLC,CAAcL,EAAG3C,GAErBwB,IAAMyB,GACDpD,EAAcmB,QAAQhB,GAASiD,UAE3BrB,EAAQR,SAEhBf,EAAaD,QAGrBuB,aAAU,EAAVA,EAAYf,YApCZZ,EAsCG,OAIR"}

package/theme/colour-primitive/specs/spf-colour-set.js

@@ -1,2 +1,2 @@
-const r={"brand-10":"#00143A","brand-20":"#00205B","brand-30":"#153368","brand-40":"#18417C","brand-50":"#00558C","brand-60":"#009CDE","brand-70":"#5AB9E7","brand-80":"#9ED0ED","brand-90":"#CAE3F4","brand-95":"#E2F0F9","brand-100":"#F4FAFD","primary-10":"#00143A","primary-20":"#00205B","primary-30":"#153368","primary-40":"#18417C","primary-50":"#00558C","primary-60":"#009CDE","primary-70":"#5AB9E7","primary-80":"#9ED0ED","primary-90":"#CAE3F4","primary-95":"#E2F0F9","primary-100":"#F4FAFD","secondary-10":"#10171F","secondary-20":"#1E252C","secondary-30":"#2F353B","secondary-40":"#3D4247","secondary-50":"#4E5255","secondary-60":"#8F9396","secondary-70":"#A9B0B3","secondary-80":"#C7CBCC","secondary-90":"#DDDFE0","secondary-95":"#ECEDEE","secondary-100":"#F8F8F9","neutral-10":"#10171F","neutral-20":"#1E252C","neutral-30":"#2F353B","neutral-40":"#3D4247","neutral-50":"#4E5255","neutral-60":"#8F9396","neutral-70":"#A9B0B3","neutral-80":"#C7CBCC","neutral-90":"#DDDFE0","neutral-95":"#ECEDEE","neutral-100":"#F8F8F9","success-10":"#001B0E","success-20":"#012A16","success-30":"#013D20","success-40":"#014D28","success-50":"#005F30","success-60":"#48A377","success-70":"#77BD9B","success-80":"#A3D5BD","success-90":"#C4E7D6","success-95":"#DBF4E7","success-100":"#ECFDF5","warning-10":"#1F1500","warning-20":"#312100","warning-30":"#473000","warning-40":"#593C00","warning-50":"#6E4B00","warning-60":"#B78C31","warning-70":"#DDA633","warning-80":"#E0C792","warning-90":"#E9DEC5","warning-95":"#F4EEE0","warning-100":"#FAF8F3","error-10":"#360109","error-20":"#50010E","error-30":"#6F0213","error-40":"#88051A","error-50":"#A60A24","error-60":"#E07083","error-70":"#EA98A6","error-80":"#F3BBC4","error-90":"#FAD5DC","error-95":"#FEE9ED","error-100":"#FFF6F8","info-10":"#00143A","info-20":"#00205B","info-30":"#153368","info-40":"#18417C","info-50":"#00558C","info-60":"#009CDE","info-70":"#5AB9E7","info-80":"#9ED0ED","info-90":"#CAE3F4","info-95":"#E2F0F9","info-100":"#F4FAFD",white:"#FFFFFF",black:"#000000","primary-inverse":"#FFCB6A"};export{r as SPFColourSet};
+const r={"brand-10":"#00205B","brand-20":"#143168","brand-30":"#274374","brand-40":"#3C5481","brand-50":"#4E648D","brand-60":"#8493B0","brand-70":"#B6BFD0","brand-80":"#CCD2DE","brand-90":"#DEE2EA","brand-95":"#EBEEF2","brand-100":"#F8F9FB","primary-10":"#00263F","primary-20":"#00365A","primary-30":"#004674","primary-40":"#00558C","primary-50":"#0069A4","primary-60":"#009CDE","primary-70":"#73C9ED","primary-80":"#A1DBF3","primary-90":"#C1E7F7","primary-95":"#DCF1FA","primary-100":"#F3FAFD","secondary-10":"#27241D","secondary-20":"#38332A","secondary-30":"#494337","secondary-40":"#5B5343","secondary-50":"#6C6350","secondary-60":"#9E9175","secondary-70":"#CEBD99","secondary-80":"#DDCBA4","secondary-90":"#EAE0C8","secondary-95":"#F4EEE0","secondary-100":"#FAF8F3","neutral-10":"#262627","neutral-20":"#323435","neutral-30":"#414446","neutral-40":"#54585A","neutral-50":"#616566","neutral-60":"#909294","neutral-70":"#BDBEBF","neutral-80":"#D1D2D2","neutral-90":"#E1E2E3","neutral-95":"#EDEDED","neutral-100":"#F8F8F8","success-10":"#052A16","success-20":"#073C1F","success-30":"#094D28","success-40":"#0F6134","success-50":"#14733E","success-60":"#22A55A","success-70":"#86CEA4","success-80":"#ACDDC1","success-90":"#CAE9D7","success-95":"#DFF2E7","success-100":"#F2FAF5","warning-10":"#302204","warning-20":"#453005","warning-30":"#593F07","warning-40":"#6F4F08","warning-50":"#845D0A","warning-60":"#BD891B","warning-70":"#F1B434","warning-80":"#F6CC76","warning-90":"#F9DFA7","warning-95":"#FCEDCE","warning-100":"#FEF9EF","error-10":"#4D0612","error-20":"#6B0919","error-30":"#890B20","error-40":"#A90E27","error-50":"#C8102E","error-60":"#DE7082","error-70":"#ECAEB8","error-80":"#F2C8CF","error-90":"#F7DBDF","error-95":"#FAEBED","error-100":"#FDF8F9","info-10":"#330072","info-20":"#45177E","info-30":"#572C8B","info-40":"#674196","info-50":"#7654A1","info-60":"#A088BD","info-70":"#C7B9D8","info-80":"#D7CEE4","info-90":"#E5DEED","info-95":"#F1EDF5","info-100":"#FAF8FB",white:"#FFFFFF",black:"#000000","primary-inverse":"#6FC7EC"};export{r as SPFColourSet};
 //# sourceMappingURL=spf-colour-set.js.map

package/theme/colour-primitive/specs/spf-colour-set.js.map

@@ -1 +1 @@
-{"version":3,"file":"spf-colour-set.js","sources":["../../../../src/theme/colour-primitive/specs/spf-colour-set.ts"],"sourcesContent":["import { PrimitiveColourSet } from \"../../types\";\n\nexport const SPFColourSet: PrimitiveColourSet = {\n    \"brand-10\": \"#00143A\",\n    \"brand-20\": \"#00205B\",\n    \"brand-30\": \"#153368\",\n    \"brand-40\": \"#18417C\",\n    \"brand-50\": \"#00558C\",\n    \"brand-60\": \"#009CDE\",\n    \"brand-70\": \"#5AB9E7\",\n    \"brand-80\": \"#9ED0ED\",\n    \"brand-90\": \"#CAE3F4\",\n    \"brand-95\": \"#E2F0F9\",\n    \"brand-100\": \"#F4FAFD\",\n    \"primary-10\": \"#00143A\",\n    \"primary-20\": \"#00205B\",\n    \"primary-30\": \"#153368\",\n    \"primary-40\": \"#18417C\",\n    \"primary-50\": \"#00558C\",\n    \"primary-60\": \"#009CDE\",\n    \"primary-70\": \"#5AB9E7\",\n    \"primary-80\": \"#9ED0ED\",\n    \"primary-90\": \"#CAE3F4\",\n    \"primary-95\": \"#E2F0F9\",\n    \"primary-100\": \"#F4FAFD\",\n    \"secondary-10\": \"#10171F\",\n    \"secondary-20\": \"#1E252C\",\n    \"secondary-30\": \"#2F353B\",\n    \"secondary-40\": \"#3D4247\",\n    \"secondary-50\": \"#4E5255\",\n    \"secondary-60\": \"#8F9396\",\n    \"secondary-70\": \"#A9B0B3\",\n    \"secondary-80\": \"#C7CBCC\",\n    \"secondary-90\": \"#DDDFE0\",\n    \"secondary-95\": \"#ECEDEE\",\n    \"secondary-100\": \"#F8F8F9\",\n    \"neutral-10\": \"#10171F\",\n    \"neutral-20\": \"#1E252C\",\n    \"neutral-30\": \"#2F353B\",\n    \"neutral-40\": \"#3D4247\",\n    \"neutral-50\": \"#4E5255\",\n    \"neutral-60\": \"#8F9396\",\n    \"neutral-70\": \"#A9B0B3\",\n    \"neutral-80\": \"#C7CBCC\",\n    \"neutral-90\": \"#DDDFE0\",\n    \"neutral-95\": \"#ECEDEE\",\n    \"neutral-100\": \"#F8F8F9\",\n    \"success-10\": \"#001B0E\",\n    \"success-20\": \"#012A16\",\n    \"success-30\": \"#013D20\",\n    \"success-40\": \"#014D28\",\n    \"success-50\": \"#005F30\",\n    \"success-60\": \"#48A377\",\n    \"success-70\": \"#77BD9B\",\n    \"success-80\": \"#A3D5BD\",\n    \"success-90\": \"#C4E7D6\",\n    \"success-95\": \"#DBF4E7\",\n    \"success-100\": \"#ECFDF5\",\n    \"warning-10\": \"#1F1500\",\n    \"warning-20\": \"#312100\",\n    \"warning-30\": \"#473000\",\n    \"warning-40\": \"#593C00\",\n    \"warning-50\": \"#6E4B00\",\n    \"warning-60\": \"#B78C31\",\n    \"warning-70\": \"#DDA633\",\n    \"warning-80\": \"#E0C792\",\n    \"warning-90\": \"#E9DEC5\",\n    \"warning-95\": \"#F4EEE0\",\n    \"warning-100\": \"#FAF8F3\",\n    \"error-10\": \"#360109\",\n    \"error-20\": \"#50010E\",\n    \"error-30\": \"#6F0213\",\n    \"error-40\": \"#88051A\",\n    \"error-50\": \"#A60A24\",\n    \"error-60\": \"#E07083\",\n    \"error-70\": \"#EA98A6\",\n    \"error-80\": \"#F3BBC4\",\n    \"error-90\": \"#FAD5DC\",\n    \"error-95\": \"#FEE9ED\",\n    \"error-100\": \"#FFF6F8\",\n    \"info-10\": \"#00143A\",\n    \"info-20\": \"#00205B\",\n    \"info-30\": \"#153368\",\n    \"info-40\": \"#18417C\",\n    \"info-50\": \"#00558C\",\n    \"info-60\": \"#009CDE\",\n    \"info-70\": \"#5AB9E7\",\n    \"info-80\": \"#9ED0ED\",\n    \"info-90\": \"#CAE3F4\",\n    \"info-95\": \"#E2F0F9\",\n    \"info-100\": \"#F4FAFD\",\n    white: \"#FFFFFF\",\n    black: \"#000000\",\n    \"primary-inverse\": \"#FFCB6A\",\n};\n"],"names":["SPFColourSet","white","black"],"mappings":"AAEO,MAAMA,EAAmC,CAC5C,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,gBAAiB,UACjB,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,WAAY,UACZC,MAAO,UACPC,MAAO,UACP,kBAAmB"}
+{"version":3,"file":"spf-colour-set.js","sources":["../../../../src/theme/colour-primitive/specs/spf-colour-set.ts"],"sourcesContent":["import { PrimitiveColourSet } from \"../../types\";\n\nexport const SPFColourSet: PrimitiveColourSet = {\n    \"brand-10\": \"#00205B\",\n    \"brand-20\": \"#143168\",\n    \"brand-30\": \"#274374\",\n    \"brand-40\": \"#3C5481\",\n    \"brand-50\": \"#4E648D\",\n    \"brand-60\": \"#8493B0\",\n    \"brand-70\": \"#B6BFD0\",\n    \"brand-80\": \"#CCD2DE\",\n    \"brand-90\": \"#DEE2EA\",\n    \"brand-95\": \"#EBEEF2\",\n    \"brand-100\": \"#F8F9FB\",\n    \"primary-10\": \"#00263F\",\n    \"primary-20\": \"#00365A\",\n    \"primary-30\": \"#004674\",\n    \"primary-40\": \"#00558C\",\n    \"primary-50\": \"#0069A4\",\n    \"primary-60\": \"#009CDE\",\n    \"primary-70\": \"#73C9ED\",\n    \"primary-80\": \"#A1DBF3\",\n    \"primary-90\": \"#C1E7F7\",\n    \"primary-95\": \"#DCF1FA\",\n    \"primary-100\": \"#F3FAFD\",\n    \"secondary-10\": \"#27241D\",\n    \"secondary-20\": \"#38332A\",\n    \"secondary-30\": \"#494337\",\n    \"secondary-40\": \"#5B5343\",\n    \"secondary-50\": \"#6C6350\",\n    \"secondary-60\": \"#9E9175\",\n    \"secondary-70\": \"#CEBD99\",\n    \"secondary-80\": \"#DDCBA4\",\n    \"secondary-90\": \"#EAE0C8\",\n    \"secondary-95\": \"#F4EEE0\",\n    \"secondary-100\": \"#FAF8F3\",\n    \"neutral-10\": \"#262627\",\n    \"neutral-20\": \"#323435\",\n    \"neutral-30\": \"#414446\",\n    \"neutral-40\": \"#54585A\",\n    \"neutral-50\": \"#616566\",\n    \"neutral-60\": \"#909294\",\n    \"neutral-70\": \"#BDBEBF\",\n    \"neutral-80\": \"#D1D2D2\",\n    \"neutral-90\": \"#E1E2E3\",\n    \"neutral-95\": \"#EDEDED\",\n    \"neutral-100\": \"#F8F8F8\",\n    \"success-10\": \"#052A16\",\n    \"success-20\": \"#073C1F\",\n    \"success-30\": \"#094D28\",\n    \"success-40\": \"#0F6134\",\n    \"success-50\": \"#14733E\",\n    \"success-60\": \"#22A55A\",\n    \"success-70\": \"#86CEA4\",\n    \"success-80\": \"#ACDDC1\",\n    \"success-90\": \"#CAE9D7\",\n    \"success-95\": \"#DFF2E7\",\n    \"success-100\": \"#F2FAF5\",\n    \"warning-10\": \"#302204\",\n    \"warning-20\": \"#453005\",\n    \"warning-30\": \"#593F07\",\n    \"warning-40\": \"#6F4F08\",\n    \"warning-50\": \"#845D0A\",\n    \"warning-60\": \"#BD891B\",\n    \"warning-70\": \"#F1B434\",\n    \"warning-80\": \"#F6CC76\",\n    \"warning-90\": \"#F9DFA7\",\n    \"warning-95\": \"#FCEDCE\",\n    \"warning-100\": \"#FEF9EF\",\n    \"error-10\": \"#4D0612\",\n    \"error-20\": \"#6B0919\",\n    \"error-30\": \"#890B20\",\n    \"error-40\": \"#A90E27\",\n    \"error-50\": \"#C8102E\",\n    \"error-60\": \"#DE7082\",\n    \"error-70\": \"#ECAEB8\",\n    \"error-80\": \"#F2C8CF\",\n    \"error-90\": \"#F7DBDF\",\n    \"error-95\": \"#FAEBED\",\n    \"error-100\": \"#FDF8F9\",\n    \"info-10\": \"#330072\",\n    \"info-20\": \"#45177E\",\n    \"info-30\": \"#572C8B\",\n    \"info-40\": \"#674196\",\n    \"info-50\": \"#7654A1\",\n    \"info-60\": \"#A088BD\",\n    \"info-70\": \"#C7B9D8\",\n    \"info-80\": \"#D7CEE4\",\n    \"info-90\": \"#E5DEED\",\n    \"info-95\": \"#F1EDF5\",\n    \"info-100\": \"#FAF8FB\",\n    white: \"#FFFFFF\",\n    black: \"#000000\",\n    \"primary-inverse\": \"#6FC7EC\",\n};\n"],"names":["SPFColourSet","white","black"],"mappings":"AAEO,MAAMA,EAAmC,CAC5C,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,gBAAiB,UACjB,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,WAAY,UACZC,MAAO,UACPC,MAAO,UACP,kBAAmB"}

package/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js

@@ -1,2 +1,2 @@
-import{getPrimitiveColour as r}from"../../colour-primitive/theme-helper.js";const e={text:r("neutral-20"),"text-subtle":r("neutral-30"),"text-subtler":r("neutral-50"),"text-subtlest":r("neutral-60"),"text-primary":r("primary-50"),"text-primary-strongest":r("primary-20"),"text-secondary":r("secondary-50"),"text-secondary-subtle":r("secondary-60"),"text-hover":r("primary-40"),"text-selected":r("primary-50"),"text-selected-hover":r("primary-40"),"text-disabled":r("neutral-50"),"text-disabled-subtle":r("neutral-60"),"text-disabled-subtlest":r("neutral-80"),"text-selected-disabled":r("neutral-20"),"text-success":r("success-40"),"text-warning":r("warning-40"),"text-error":r("error-40"),"text-info":r("info-40"),"text-inverse":r("white"),icon:r("neutral-50"),"icon-subtle":r("neutral-60"),"icon-strongest":r("neutral-20"),"icon-primary":r("primary-50"),"icon-primary-subtle":r("primary-60"),"icon-primary-subtlest":r("primary-70"),"icon-secondary":r("secondary-50"),"icon-secondary-subtle":r("secondary-60"),"icon-hover":r("primary-40"),"icon-selected":r("primary-50"),"icon-selected-hover":r("primary-40"),"icon-disabled":r("neutral-50"),"icon-disabled-subtle":r("neutral-60"),"icon-selected-disabled":r("neutral-60"),"icon-success":r("success-50"),"icon-warning":r("warning-60"),"icon-error":r("error-50"),"icon-error-strong":r("error-40"),"icon-info":r("info-50"),"icon-inverse":r("white"),"icon-primary-inverse":r("primary-inverse"),border:r("neutral-90"),"border-strong":r("neutral-70"),"border-stronger":r("neutral-50"),"border-primary":r("primary-50"),"border-primary-subtle":r("primary-60"),"border-hover":r("primary-90"),"border-hover-strong":r("primary-60"),"border-selected":r("primary-50"),"border-selected-subtle":r("primary-70"),"border-selected-subtlest":r("primary-90"),"border-selected-hover":r("primary-40"),"border-focus":r("primary-60"),"border-focus-strong":r("primary-50"),"border-disabled":r("neutral-90"),"border-selected-disabled":r("neutral-70"),"border-success":r("success-60"),"border-warning":r("warning-60"),"border-error":r("error-60"),"border-error-focus":r("error-60"),"border-error-focus-strong":r("error-40"),"border-error-strong":r("error-40"),"border-info":r("info-60"),bg:r("white"),"bg-strong":r("neutral-100"),"bg-stronger":r("neutral-95"),"bg-strongest":r("neutral-90"),"bg-hover":r("primary-95"),"bg-hover-strong":r("primary-90"),"bg-hover-subtle":r("primary-100"),"bg-hover-neutral":r("neutral-100"),"bg-hover-neutral-strong":r("neutral-90"),"bg-selected":r("primary-95"),"bg-selected-hover":r("primary-90"),"bg-selected-strong":r("primary-90"),"bg-selected-stronger":r("primary-70"),"bg-selected-strongest":r("primary-50"),"bg-selected-strongest-hover":r("primary-40"),"bg-disabled":r("neutral-95"),"bg-selected-disabled":r("neutral-95"),"bg-selected-stronger-disabled":r("neutral-70"),"bg-success":r("success-100"),"bg-success-hover":r("success-95"),"bg-success-strong":r("success-50"),"bg-success-strong-hover":r("success-40"),"bg-warning":r("warning-100"),"bg-warning-hover":r("warning-95"),"bg-warning-strong":r("warning-50"),"bg-warning-strong-hover":r("warning-40"),"bg-info":r("info-100"),"bg-info-hover":r("info-95"),"bg-info-strong":r("info-50"),"bg-info-strong-hover":r("info-40"),"bg-error":r("error-100"),"bg-error-hover":r("error-95"),"bg-error-strong":r("error-50"),"bg-error-strong-hover":r("error-40"),"bg-inverse":r("neutral-20"),"bg-inverse-subtle":r("neutral-30"),"bg-inverse-subtler":r("neutral-50"),"bg-inverse-subtlest":r("neutral-60"),"bg-inverse-hover":r("neutral-40"),"bg-primary":r("primary-50"),"bg-primary-subtle":r("primary-60"),"bg-primary-subtler":r("primary-95"),"bg-primary-subtlest":r("primary-100"),"bg-available":"#6DD0A1","bg-secondary":r("secondary-50"),"bg-secondary-subtle":r("secondary-60"),"bg-secondary-subtler":r("secondary-95"),"bg-secondary-subtlest":r("secondary-100"),"bg-primary-hover":r("primary-40"),"bg-primary-subtlest-hover":r("primary-90"),"bg-primary-subtlest-selected":r("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r("primary-50"),"hyperlink-hover":r("primary-40"),"hyperlink-visited":r("primary-40"),"hyperlink-inverse":r("primary-inverse"),"focus-ring":r("primary-50"),"focus-ring-inverse":r("white")},s={text:r("neutral-100"),"text-subtle":r("neutral-80"),"text-subtler":r("neutral-60"),"text-subtlest":r("neutral-50"),"text-primary":r("primary-60"),"text-primary-strongest":r("primary-90"),"text-secondary":r("secondary-60"),"text-secondary-subtle":r("secondary-50"),"text-hover":r("primary-70"),"text-selected":r("primary-60"),"text-selected-hover":r("primary-70"),"text-disabled":r("neutral-60"),"text-disabled-subtle":r("neutral-50"),"text-disabled-subtlest":r("neutral-30"),"text-selected-disabled":r("neutral-90"),"text-success":r("success-70"),"text-warning":r("warning-70"),"text-error":r("error-70"),"text-info":r("info-70"),"text-inverse":r("black"),icon:r("neutral-60"),"icon-subtle":r("neutral-50"),"icon-strongest":r("neutral-90"),"icon-primary":r("primary-60"),"icon-primary-subtle":r("primary-50"),"icon-primary-subtlest":r("primary-40"),"icon-secondary":r("secondary-60"),"icon-secondary-subtle":r("secondary-50"),"icon-hover":r("primary-70"),"icon-selected":r("primary-60"),"icon-selected-hover":r("primary-70"),"icon-disabled":r("neutral-60"),"icon-disabled-subtle":r("neutral-50"),"icon-selected-disabled":r("neutral-50"),"icon-success":r("success-60"),"icon-warning":r("warning-50"),"icon-error":r("error-60"),"icon-error-strong":r("error-70"),"icon-info":r("info-60"),"icon-inverse":r("black"),"icon-primary-inverse":r("primary-inverse"),border:r("neutral-20"),"border-strong":r("neutral-40"),"border-stronger":r("neutral-60"),"border-primary":r("primary-60"),"border-primary-subtle":r("primary-50"),"border-hover":r("primary-20"),"border-hover-strong":r("primary-50"),"border-selected":r("primary-60"),"border-selected-subtle":r("primary-40"),"border-selected-subtlest":r("primary-20"),"border-selected-hover":r("primary-70"),"border-focus":r("primary-50"),"border-focus-strong":r("primary-60"),"border-disabled":r("neutral-20"),"border-selected-disabled":r("neutral-40"),"border-success":r("success-50"),"border-warning":r("warning-50"),"border-error":r("error-50"),"border-error-focus":r("error-50"),"border-error-focus-strong":r("error-70"),"border-error-strong":r("error-70"),"border-info":r("info-50"),bg:r("black"),"bg-strong":r("neutral-10"),"bg-stronger":r("neutral-20"),"bg-strongest":r("neutral-20"),"bg-hover":r("primary-20"),"bg-hover-strong":r("primary-20"),"bg-hover-subtle":r("primary-10"),"bg-hover-neutral":r("neutral-10"),"bg-hover-neutral-strong":r("neutral-20"),"bg-selected":r("primary-20"),"bg-selected-hover":r("primary-20"),"bg-selected-strong":r("primary-20"),"bg-selected-stronger":r("primary-40"),"bg-selected-strongest":r("primary-60"),"bg-selected-strongest-hover":r("primary-70"),"bg-disabled":r("neutral-20"),"bg-selected-disabled":r("neutral-20"),"bg-selected-stronger-disabled":r("neutral-40"),"bg-success":r("success-10"),"bg-success-hover":r("success-20"),"bg-success-strong":r("success-60"),"bg-success-strong-hover":r("success-70"),"bg-warning":r("warning-10"),"bg-warning-hover":r("warning-20"),"bg-warning-strong":r("warning-60"),"bg-warning-strong-hover":r("warning-70"),"bg-info":r("info-10"),"bg-info-hover":r("info-20"),"bg-info-strong":r("info-60"),"bg-info-strong-hover":r("info-70"),"bg-error":r("error-10"),"bg-error-hover":r("error-20"),"bg-error-strong":r("error-60"),"bg-error-strong-hover":r("error-70"),"bg-inverse":r("neutral-90"),"bg-inverse-subtle":r("neutral-80"),"bg-inverse-subtler":r("neutral-60"),"bg-inverse-subtlest":r("neutral-50"),"bg-inverse-hover":r("neutral-70"),"bg-primary":r("primary-60"),"bg-primary-subtle":r("primary-50"),"bg-primary-subtler":r("primary-20"),"bg-primary-subtlest":r("primary-10"),"bg-available":"#185339","bg-secondary":r("secondary-60"),"bg-secondary-subtle":r("secondary-50"),"bg-secondary-subtler":r("secondary-20"),"bg-secondary-subtlest":r("secondary-10"),"bg-primary-hover":r("primary-70"),"bg-primary-subtlest-hover":r("primary-20"),"bg-primary-subtlest-selected":r("primary-20"),"overlay-strong":"rgba(78, 78, 78, 0.80)","overlay-subtle":"rgba(78, 78, 78, 0.50)",hyperlink:r("primary-60"),"hyperlink-hover":r("primary-70"),"hyperlink-visited":r("primary-70"),"hyperlink-inverse":r("primary-inverse"),"focus-ring":r("primary-60"),"focus-ring-inverse":r("black")};export{e as A11yPlaygroundColourSet,s as A11yPlaygroundDarkColourSet};
+import{getPrimitiveColour as r}from"../../colour-primitive/theme-helper.js";const e={text:r("neutral-20"),"text-subtle":r("neutral-30"),"text-subtler":r("neutral-50"),"text-subtlest":r("neutral-60"),"text-primary":r("primary-50"),"text-primary-strong":r("primary-40"),"text-primary-strongest":r("primary-20"),"text-brand":r("brand-50"),"text-secondary":r("secondary-50"),"text-secondary-subtle":r("secondary-60"),"text-hover":r("primary-40"),"text-selected":r("primary-50"),"text-selected-hover":r("primary-40"),"text-disabled":r("neutral-50"),"text-disabled-subtle":r("neutral-60"),"text-disabled-subtlest":r("neutral-80"),"text-selected-disabled":r("neutral-20"),"text-success":r("success-40"),"text-warning":r("warning-40"),"text-error":r("error-40"),"text-info":r("info-40"),"text-inverse":r("white"),icon:r("neutral-50"),"icon-subtle":r("neutral-60"),"icon-strongest":r("neutral-20"),"icon-primary":r("primary-50"),"icon-primary-subtle":r("primary-60"),"icon-primary-subtlest":r("primary-70"),"icon-brand":r("brand-50"),"icon-secondary":r("secondary-50"),"icon-secondary-subtle":r("secondary-60"),"icon-hover":r("primary-40"),"icon-selected":r("primary-50"),"icon-selected-hover":r("primary-40"),"icon-disabled":r("neutral-50"),"icon-disabled-subtle":r("neutral-60"),"icon-selected-disabled":r("neutral-60"),"icon-success":r("success-50"),"icon-warning":r("warning-60"),"icon-error":r("error-50"),"icon-error-strong":r("error-40"),"icon-info":r("info-50"),"icon-inverse":r("white"),"icon-primary-inverse":r("primary-inverse"),border:r("neutral-90"),"border-strong":r("neutral-70"),"border-stronger":r("neutral-50"),"border-primary":r("primary-50"),"border-primary-strong":r("primary-40"),"border-primary-subtle":r("primary-60"),"border-hover":r("primary-90"),"border-hover-strong":r("primary-60"),"border-selected":r("primary-50"),"border-selected-subtle":r("primary-70"),"border-selected-subtlest":r("primary-90"),"border-selected-hover":r("primary-40"),"border-focus":r("primary-60"),"border-focus-strong":r("primary-50"),"border-disabled":r("neutral-90"),"border-selected-disabled":r("neutral-70"),"border-success":r("success-60"),"border-warning":r("warning-60"),"border-error":r("error-60"),"border-error-focus":r("error-60"),"border-error-focus-strong":r("error-40"),"border-error-strong":r("error-40"),"border-info":r("info-60"),bg:r("white"),"bg-strong":r("neutral-100"),"bg-stronger":r("neutral-95"),"bg-strongest":r("neutral-90"),"bg-hover":r("primary-95"),"bg-hover-strong":r("primary-90"),"bg-hover-subtle":r("primary-100"),"bg-hover-neutral":r("neutral-100"),"bg-hover-neutral-strong":r("neutral-90"),"bg-selected":r("primary-95"),"bg-selected-hover":r("primary-90"),"bg-selected-strong":r("primary-90"),"bg-selected-stronger":r("primary-70"),"bg-selected-strongest":r("primary-50"),"bg-selected-strongest-hover":r("primary-40"),"bg-disabled":r("neutral-95"),"bg-selected-disabled":r("neutral-95"),"bg-selected-stronger-disabled":r("neutral-70"),"bg-success":r("success-100"),"bg-success-hover":r("success-95"),"bg-success-strong":r("success-50"),"bg-success-strong-hover":r("success-40"),"bg-warning":r("warning-100"),"bg-warning-hover":r("warning-95"),"bg-warning-strong":r("warning-50"),"bg-warning-strong-hover":r("warning-40"),"bg-info":r("info-100"),"bg-info-hover":r("info-95"),"bg-info-strong":r("info-50"),"bg-info-strong-hover":r("info-40"),"bg-error":r("error-100"),"bg-error-hover":r("error-95"),"bg-error-strong":r("error-50"),"bg-error-strong-hover":r("error-40"),"bg-inverse":r("neutral-20"),"bg-inverse-subtle":r("neutral-30"),"bg-inverse-subtler":r("neutral-50"),"bg-inverse-subtlest":r("neutral-60"),"bg-inverse-hover":r("neutral-40"),"bg-primary":r("primary-50"),"bg-primary-strong":r("primary-40"),"bg-primary-subtle":r("primary-60"),"bg-primary-subtler":r("primary-95"),"bg-primary-subtlest":r("primary-100"),"bg-secondary":r("secondary-50"),"bg-secondary-subtle":r("secondary-60"),"bg-secondary-subtler":r("secondary-95"),"bg-secondary-subtlest":r("secondary-100"),"bg-available":"#6DD0A1","bg-primary-hover":r("primary-40"),"bg-primary-strong-hover":r("primary-30"),"bg-primary-subtlest-hover":r("primary-90"),"bg-primary-subtlest-selected":r("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r("primary-50"),"hyperlink-hover":r("primary-40"),"hyperlink-visited":r("primary-40"),"hyperlink-inverse":r("primary-inverse"),"focus-ring":r("primary-50"),"focus-ring-inverse":r("white")},s={text:r("neutral-100"),"text-subtle":r("neutral-80"),"text-subtler":r("neutral-60"),"text-subtlest":r("neutral-50"),"text-primary":r("primary-60"),"text-primary-strong":r("primary-70"),"text-primary-strongest":r("primary-90"),"text-brand":r("brand-50"),"text-secondary":r("secondary-60"),"text-secondary-subtle":r("secondary-50"),"text-hover":r("primary-70"),"text-selected":r("primary-60"),"text-selected-hover":r("primary-70"),"text-disabled":r("neutral-60"),"text-disabled-subtle":r("neutral-50"),"text-disabled-subtlest":r("neutral-30"),"text-selected-disabled":r("neutral-90"),"text-success":r("success-70"),"text-warning":r("warning-70"),"text-error":r("error-70"),"text-info":r("info-70"),"text-inverse":r("black"),icon:r("neutral-60"),"icon-subtle":r("neutral-50"),"icon-strongest":r("neutral-90"),"icon-primary":r("primary-60"),"icon-primary-subtle":r("primary-50"),"icon-primary-subtlest":r("primary-40"),"icon-brand":r("brand-50"),"icon-secondary":r("secondary-60"),"icon-secondary-subtle":r("secondary-50"),"icon-hover":r("primary-70"),"icon-selected":r("primary-60"),"icon-selected-hover":r("primary-70"),"icon-disabled":r("neutral-60"),"icon-disabled-subtle":r("neutral-50"),"icon-selected-disabled":r("neutral-50"),"icon-success":r("success-60"),"icon-warning":r("warning-50"),"icon-error":r("error-60"),"icon-error-strong":r("error-70"),"icon-info":r("info-60"),"icon-inverse":r("black"),"icon-primary-inverse":r("primary-inverse"),border:r("neutral-20"),"border-strong":r("neutral-40"),"border-stronger":r("neutral-60"),"border-primary":r("primary-60"),"border-primary-strong":r("primary-70"),"border-primary-subtle":r("primary-50"),"border-hover":r("primary-20"),"border-hover-strong":r("primary-50"),"border-selected":r("primary-60"),"border-selected-subtle":r("primary-40"),"border-selected-subtlest":r("primary-20"),"border-selected-hover":r("primary-70"),"border-focus":r("primary-50"),"border-focus-strong":r("primary-60"),"border-disabled":r("neutral-20"),"border-selected-disabled":r("neutral-40"),"border-success":r("success-50"),"border-warning":r("warning-50"),"border-error":r("error-50"),"border-error-focus":r("error-50"),"border-error-focus-strong":r("error-70"),"border-error-strong":r("error-70"),"border-info":r("info-50"),bg:r("black"),"bg-strong":r("neutral-10"),"bg-stronger":r("neutral-20"),"bg-strongest":r("neutral-20"),"bg-hover":r("primary-20"),"bg-hover-strong":r("primary-20"),"bg-hover-subtle":r("primary-10"),"bg-hover-neutral":r("neutral-10"),"bg-hover-neutral-strong":r("neutral-20"),"bg-selected":r("primary-20"),"bg-selected-hover":r("primary-20"),"bg-selected-strong":r("primary-20"),"bg-selected-stronger":r("primary-40"),"bg-selected-strongest":r("primary-60"),"bg-selected-strongest-hover":r("primary-70"),"bg-disabled":r("neutral-20"),"bg-selected-disabled":r("neutral-20"),"bg-selected-stronger-disabled":r("neutral-40"),"bg-success":r("success-10"),"bg-success-hover":r("success-20"),"bg-success-strong":r("success-60"),"bg-success-strong-hover":r("success-70"),"bg-warning":r("warning-10"),"bg-warning-hover":r("warning-20"),"bg-warning-strong":r("warning-60"),"bg-warning-strong-hover":r("warning-70"),"bg-info":r("info-10"),"bg-info-hover":r("info-20"),"bg-info-strong":r("info-60"),"bg-info-strong-hover":r("info-70"),"bg-error":r("error-10"),"bg-error-hover":r("error-20"),"bg-error-strong":r("error-60"),"bg-error-strong-hover":r("error-70"),"bg-inverse":r("neutral-90"),"bg-inverse-subtle":r("neutral-80"),"bg-inverse-subtler":r("neutral-60"),"bg-inverse-subtlest":r("neutral-50"),"bg-inverse-hover":r("neutral-70"),"bg-primary":r("primary-60"),"bg-primary-strong":r("primary-70"),"bg-primary-subtle":r("primary-50"),"bg-primary-subtler":r("primary-20"),"bg-primary-subtlest":r("primary-10"),"bg-secondary":r("secondary-60"),"bg-secondary-subtle":r("secondary-50"),"bg-secondary-subtler":r("secondary-20"),"bg-secondary-subtlest":r("secondary-10"),"bg-available":"#185339","bg-primary-hover":r("primary-70"),"bg-primary-strong-hover":r("primary-80"),"bg-primary-subtlest-hover":r("primary-20"),"bg-primary-subtlest-selected":r("primary-20"),"overlay-strong":"rgba(78, 78, 78, 0.80)","overlay-subtle":"rgba(78, 78, 78, 0.50)",hyperlink:r("primary-60"),"hyperlink-hover":r("primary-70"),"hyperlink-visited":r("primary-70"),"hyperlink-inverse":r("primary-inverse"),"focus-ring":r("primary-60"),"focus-ring-inverse":r("black")};export{e as A11yPlaygroundColourSet,s as A11yPlaygroundDarkColourSet};
 //# sourceMappingURL=a11yplayground-semantic-tokens.js.map

package/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"a11yplayground-semantic-tokens.js","sources":["../../../../src/theme/colour-semantic/specs/a11yplayground-semantic-tokens.ts"],"sourcesContent":["import { getPrimitiveColour } from \"../../colour-primitive/theme-helper\";\nimport { SemanticColourSet } from \"../../types\";\n\n// ============================================================================\n// LIGHT MODE COLOURS\n// ============================================================================\n\nexport const A11yPlaygroundColourSet: SemanticColourSet = {\n    // text\n    text: getPrimitiveColour(\"neutral-20\"),\n    \"text-subtle\": getPrimitiveColour(\"neutral-30\"),\n    \"text-subtler\": getPrimitiveColour(\"neutral-50\"),\n    \"text-subtlest\": getPrimitiveColour(\"neutral-60\"),\n    \"text-primary\": getPrimitiveColour(\"primary-50\"),\n    \"text-primary-strongest\": getPrimitiveColour(\"primary-20\"),\n    \"text-secondary\": getPrimitiveColour(\"secondary-50\"),\n    \"text-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n\n    \"text-hover\": getPrimitiveColour(\"primary-40\"),\n    \"text-selected\": getPrimitiveColour(\"primary-50\"),\n    \"text-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n    \"text-disabled\": getPrimitiveColour(\"neutral-50\"),\n    \"text-disabled-subtle\": getPrimitiveColour(\"neutral-60\"),\n    \"text-disabled-subtlest\": getPrimitiveColour(\"neutral-80\"),\n    \"text-selected-disabled\": getPrimitiveColour(\"neutral-20\"),\n\n    \"text-success\": getPrimitiveColour(\"success-40\"),\n    \"text-warning\": getPrimitiveColour(\"warning-40\"),\n    \"text-error\": getPrimitiveColour(\"error-40\"),\n    \"text-info\": getPrimitiveColour(\"info-40\"),\n    \"text-inverse\": getPrimitiveColour(\"white\"),\n\n    // icon\n    icon: getPrimitiveColour(\"neutral-50\"),\n    \"icon-subtle\": getPrimitiveColour(\"neutral-60\"),\n    \"icon-strongest\": getPrimitiveColour(\"neutral-20\"),\n    \"icon-primary\": getPrimitiveColour(\"primary-50\"),\n    \"icon-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n    \"icon-primary-subtlest\": getPrimitiveColour(\"primary-70\"),\n    \"icon-secondary\": getPrimitiveColour(\"secondary-50\"),\n    \"icon-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n\n    \"icon-hover\": getPrimitiveColour(\"primary-40\"),\n    \"icon-selected\": getPrimitiveColour(\"primary-50\"),\n    \"icon-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n    \"icon-disabled\": getPrimitiveColour(\"neutral-50\"),\n    \"icon-disabled-subtle\": getPrimitiveColour(\"neutral-60\"),\n    \"icon-selected-disabled\": getPrimitiveColour(\"neutral-60\"),\n\n    \"icon-success\": getPrimitiveColour(\"success-50\"),\n    \"icon-warning\": getPrimitiveColour(\"warning-60\"),\n    \"icon-error\": getPrimitiveColour(\"error-50\"),\n    \"icon-error-strong\": getPrimitiveColour(\"error-40\"),\n    \"icon-info\": getPrimitiveColour(\"info-50\"),\n    \"icon-inverse\": getPrimitiveColour(\"white\"),\n    \"icon-primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n    // border\n    border: getPrimitiveColour(\"neutral-90\"),\n    \"border-strong\": getPrimitiveColour(\"neutral-70\"),\n    \"border-stronger\": getPrimitiveColour(\"neutral-50\"),\n    \"border-primary\": getPrimitiveColour(\"primary-50\"),\n    \"border-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n\n    \"border-hover\": getPrimitiveColour(\"primary-90\"),\n    \"border-hover-strong\": getPrimitiveColour(\"primary-60\"),\n\n    \"border-selected\": getPrimitiveColour(\"primary-50\"),\n    \"border-selected-subtle\": getPrimitiveColour(\"primary-70\"),\n    \"border-selected-subtlest\": getPrimitiveColour(\"primary-90\"),\n    \"border-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n    \"border-focus\": getPrimitiveColour(\"primary-60\"),\n    \"border-focus-strong\": getPrimitiveColour(\"primary-50\"),\n\n    \"border-disabled\": getPrimitiveColour(\"neutral-90\"),\n    \"border-selected-disabled\": getPrimitiveColour(\"neutral-70\"),\n\n    \"border-success\": getPrimitiveColour(\"success-60\"),\n    \"border-warning\": getPrimitiveColour(\"warning-60\"),\n    \"border-error\": getPrimitiveColour(\"error-60\"),\n    \"border-error-focus\": getPrimitiveColour(\"error-60\"),\n    \"border-error-focus-strong\": getPrimitiveColour(\"error-40\"),\n    \"border-error-strong\": getPrimitiveColour(\"error-40\"),\n    \"border-info\": getPrimitiveColour(\"info-60\"),\n\n    // background\n    bg: getPrimitiveColour(\"white\"),\n    \"bg-strong\": getPrimitiveColour(\"neutral-100\"),\n    \"bg-stronger\": getPrimitiveColour(\"neutral-95\"),\n    \"bg-strongest\": getPrimitiveColour(\"neutral-90\"),\n\n    \"bg-hover\": getPrimitiveColour(\"primary-95\"),\n    \"bg-hover-strong\": getPrimitiveColour(\"primary-90\"),\n    \"bg-hover-subtle\": getPrimitiveColour(\"primary-100\"),\n    \"bg-hover-neutral\": getPrimitiveColour(\"neutral-100\"),\n    \"bg-hover-neutral-strong\": getPrimitiveColour(\"neutral-90\"),\n\n    \"bg-selected\": getPrimitiveColour(\"primary-95\"),\n    \"bg-selected-hover\": getPrimitiveColour(\"primary-90\"),\n    \"bg-selected-strong\": getPrimitiveColour(\"primary-90\"),\n    \"bg-selected-stronger\": getPrimitiveColour(\"primary-70\"),\n    \"bg-selected-strongest\": getPrimitiveColour(\"primary-50\"),\n    \"bg-selected-strongest-hover\": getPrimitiveColour(\"primary-40\"),\n\n    \"bg-disabled\": getPrimitiveColour(\"neutral-95\"),\n    \"bg-selected-disabled\": getPrimitiveColour(\"neutral-95\"),\n    \"bg-selected-stronger-disabled\": getPrimitiveColour(\"neutral-70\"),\n\n    \"bg-success\": getPrimitiveColour(\"success-100\"),\n    \"bg-success-hover\": getPrimitiveColour(\"success-95\"),\n    \"bg-success-strong\": getPrimitiveColour(\"success-50\"),\n    \"bg-success-strong-hover\": getPrimitiveColour(\"success-40\"),\n    \"bg-warning\": getPrimitiveColour(\"warning-100\"),\n    \"bg-warning-hover\": getPrimitiveColour(\"warning-95\"),\n    \"bg-warning-strong\": getPrimitiveColour(\"warning-50\"),\n    \"bg-warning-strong-hover\": getPrimitiveColour(\"warning-40\"),\n    \"bg-info\": getPrimitiveColour(\"info-100\"),\n    \"bg-info-hover\": getPrimitiveColour(\"info-95\"),\n    \"bg-info-strong\": getPrimitiveColour(\"info-50\"),\n    \"bg-info-strong-hover\": getPrimitiveColour(\"info-40\"),\n    \"bg-error\": getPrimitiveColour(\"error-100\"),\n    \"bg-error-hover\": getPrimitiveColour(\"error-95\"),\n    \"bg-error-strong\": getPrimitiveColour(\"error-50\"),\n    \"bg-error-strong-hover\": getPrimitiveColour(\"error-40\"),\n\n    \"bg-inverse\": getPrimitiveColour(\"neutral-20\"),\n    \"bg-inverse-subtle\": getPrimitiveColour(\"neutral-30\"),\n    \"bg-inverse-subtler\": getPrimitiveColour(\"neutral-50\"),\n    \"bg-inverse-subtlest\": getPrimitiveColour(\"neutral-60\"),\n    \"bg-inverse-hover\": getPrimitiveColour(\"neutral-40\"),\n\n    \"bg-primary\": getPrimitiveColour(\"primary-50\"),\n    \"bg-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n    \"bg-primary-subtler\": getPrimitiveColour(\"primary-95\"),\n    \"bg-primary-subtlest\": getPrimitiveColour(\"primary-100\"),\n    \"bg-available\": \"#6DD0A1\",\n\n    \"bg-secondary\": getPrimitiveColour(\"secondary-50\"),\n    \"bg-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n    \"bg-secondary-subtler\": getPrimitiveColour(\"secondary-95\"),\n    \"bg-secondary-subtlest\": getPrimitiveColour(\"secondary-100\"),\n\n    \"bg-primary-hover\": getPrimitiveColour(\"primary-40\"),\n    \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-90\"),\n    \"bg-primary-subtlest-selected\": getPrimitiveColour(\"primary-90\"),\n\n    // overlay\n    \"overlay-strong\": \"rgba(40, 40, 40, 0.85)\",\n    \"overlay-subtle\": \"rgba(40, 40, 40, 0.20)\",\n\n    // hyperlink\n    hyperlink: getPrimitiveColour(\"primary-50\"),\n    \"hyperlink-hover\": getPrimitiveColour(\"primary-40\"),\n    \"hyperlink-visited\": getPrimitiveColour(\"primary-40\"),\n    \"hyperlink-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n    // focus ring\n    \"focus-ring\": getPrimitiveColour(\"primary-50\"),\n    \"focus-ring-inverse\": getPrimitiveColour(\"white\"),\n};\n\n// ============================================================================\n// DARK MODE COLOURS\n// ============================================================================\n\nexport const A11yPlaygroundDarkColourSet: SemanticColourSet = {\n    // text - lighter colours for dark backgrounds\n    text: getPrimitiveColour(\"neutral-100\"),\n    \"text-subtle\": getPrimitiveColour(\"neutral-80\"),\n    \"text-subtler\": getPrimitiveColour(\"neutral-60\"),\n    \"text-subtlest\": getPrimitiveColour(\"neutral-50\"),\n    \"text-primary\": getPrimitiveColour(\"primary-60\"),\n    \"text-primary-strongest\": getPrimitiveColour(\"primary-90\"),\n    \"text-secondary\": getPrimitiveColour(\"secondary-60\"),\n    \"text-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n\n    \"text-hover\": getPrimitiveColour(\"primary-70\"),\n    \"text-selected\": getPrimitiveColour(\"primary-60\"),\n    \"text-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n    \"text-disabled\": getPrimitiveColour(\"neutral-60\"),\n    \"text-disabled-subtle\": getPrimitiveColour(\"neutral-50\"),\n    \"text-disabled-subtlest\": getPrimitiveColour(\"neutral-30\"),\n    \"text-selected-disabled\": getPrimitiveColour(\"neutral-90\"),\n\n    \"text-success\": getPrimitiveColour(\"success-70\"),\n    \"text-warning\": getPrimitiveColour(\"warning-70\"),\n    \"text-error\": getPrimitiveColour(\"error-70\"),\n    \"text-info\": getPrimitiveColour(\"info-70\"),\n    \"text-inverse\": getPrimitiveColour(\"black\"),\n\n    // icon - adjusted for dark mode\n    icon: getPrimitiveColour(\"neutral-60\"),\n    \"icon-subtle\": getPrimitiveColour(\"neutral-50\"),\n    \"icon-strongest\": getPrimitiveColour(\"neutral-90\"),\n    \"icon-primary\": getPrimitiveColour(\"primary-60\"),\n    \"icon-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n    \"icon-primary-subtlest\": getPrimitiveColour(\"primary-40\"),\n    \"icon-secondary\": getPrimitiveColour(\"secondary-60\"),\n    \"icon-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n\n    \"icon-hover\": getPrimitiveColour(\"primary-70\"),\n    \"icon-selected\": getPrimitiveColour(\"primary-60\"),\n    \"icon-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n    \"icon-disabled\": getPrimitiveColour(\"neutral-60\"),\n    \"icon-disabled-subtle\": getPrimitiveColour(\"neutral-50\"),\n    \"icon-selected-disabled\": getPrimitiveColour(\"neutral-50\"),\n\n    \"icon-success\": getPrimitiveColour(\"success-60\"),\n    \"icon-warning\": getPrimitiveColour(\"warning-50\"),\n    \"icon-error\": getPrimitiveColour(\"error-60\"),\n    \"icon-error-strong\": getPrimitiveColour(\"error-70\"),\n    \"icon-info\": getPrimitiveColour(\"info-60\"),\n    \"icon-inverse\": getPrimitiveColour(\"black\"),\n    \"icon-primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n    // border - adjusted for dark mode\n    border: getPrimitiveColour(\"neutral-20\"),\n    \"border-strong\": getPrimitiveColour(\"neutral-40\"),\n    \"border-stronger\": getPrimitiveColour(\"neutral-60\"),\n    \"border-primary\": getPrimitiveColour(\"primary-60\"),\n    \"border-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n\n    \"border-hover\": getPrimitiveColour(\"primary-20\"),\n    \"border-hover-strong\": getPrimitiveColour(\"primary-50\"),\n\n    \"border-selected\": getPrimitiveColour(\"primary-60\"),\n    \"border-selected-subtle\": getPrimitiveColour(\"primary-40\"),\n    \"border-selected-subtlest\": getPrimitiveColour(\"primary-20\"),\n    \"border-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n    \"border-focus\": getPrimitiveColour(\"primary-50\"),\n    \"border-focus-strong\": getPrimitiveColour(\"primary-60\"),\n\n    \"border-disabled\": getPrimitiveColour(\"neutral-20\"),\n    \"border-selected-disabled\": getPrimitiveColour(\"neutral-40\"),\n\n    \"border-success\": getPrimitiveColour(\"success-50\"),\n    \"border-warning\": getPrimitiveColour(\"warning-50\"),\n    \"border-error\": getPrimitiveColour(\"error-50\"),\n    \"border-error-focus\": getPrimitiveColour(\"error-50\"),\n    \"border-error-focus-strong\": getPrimitiveColour(\"error-70\"),\n    \"border-error-strong\": getPrimitiveColour(\"error-70\"),\n    \"border-info\": getPrimitiveColour(\"info-50\"),\n\n    // background - dark backgrounds\n    bg: getPrimitiveColour(\"black\"),\n    \"bg-strong\": getPrimitiveColour(\"neutral-10\"),\n    \"bg-stronger\": getPrimitiveColour(\"neutral-20\"),\n    \"bg-strongest\": getPrimitiveColour(\"neutral-20\"),\n\n    \"bg-hover\": getPrimitiveColour(\"primary-20\"),\n    \"bg-hover-strong\": getPrimitiveColour(\"primary-20\"),\n    \"bg-hover-subtle\": getPrimitiveColour(\"primary-10\"),\n    \"bg-hover-neutral\": getPrimitiveColour(\"neutral-10\"),\n    \"bg-hover-neutral-strong\": getPrimitiveColour(\"neutral-20\"),\n\n    \"bg-selected\": getPrimitiveColour(\"primary-20\"),\n    \"bg-selected-hover\": getPrimitiveColour(\"primary-20\"),\n    \"bg-selected-strong\": getPrimitiveColour(\"primary-20\"),\n    \"bg-selected-stronger\": getPrimitiveColour(\"primary-40\"),\n    \"bg-selected-strongest\": getPrimitiveColour(\"primary-60\"),\n    \"bg-selected-strongest-hover\": getPrimitiveColour(\"primary-70\"),\n\n    \"bg-disabled\": getPrimitiveColour(\"neutral-20\"),\n    \"bg-selected-disabled\": getPrimitiveColour(\"neutral-20\"),\n    \"bg-selected-stronger-disabled\": getPrimitiveColour(\"neutral-40\"),\n\n    \"bg-success\": getPrimitiveColour(\"success-10\"),\n    \"bg-success-hover\": getPrimitiveColour(\"success-20\"),\n    \"bg-success-strong\": getPrimitiveColour(\"success-60\"),\n    \"bg-success-strong-hover\": getPrimitiveColour(\"success-70\"),\n    \"bg-warning\": getPrimitiveColour(\"warning-10\"),\n    \"bg-warning-hover\": getPrimitiveColour(\"warning-20\"),\n    \"bg-warning-strong\": getPrimitiveColour(\"warning-60\"),\n    \"bg-warning-strong-hover\": getPrimitiveColour(\"warning-70\"),\n    \"bg-info\": getPrimitiveColour(\"info-10\"),\n    \"bg-info-hover\": getPrimitiveColour(\"info-20\"),\n    \"bg-info-strong\": getPrimitiveColour(\"info-60\"),\n    \"bg-info-strong-hover\": getPrimitiveColour(\"info-70\"),\n    \"bg-error\": getPrimitiveColour(\"error-10\"),\n    \"bg-error-hover\": getPrimitiveColour(\"error-20\"),\n    \"bg-error-strong\": getPrimitiveColour(\"error-60\"),\n    \"bg-error-strong-hover\": getPrimitiveColour(\"error-70\"),\n\n    \"bg-inverse\": getPrimitiveColour(\"neutral-90\"),\n    \"bg-inverse-subtle\": getPrimitiveColour(\"neutral-80\"),\n    \"bg-inverse-subtler\": getPrimitiveColour(\"neutral-60\"),\n    \"bg-inverse-subtlest\": getPrimitiveColour(\"neutral-50\"),\n    \"bg-inverse-hover\": getPrimitiveColour(\"neutral-70\"),\n\n    \"bg-primary\": getPrimitiveColour(\"primary-60\"),\n    \"bg-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n    \"bg-primary-subtler\": getPrimitiveColour(\"primary-20\"),\n    \"bg-primary-subtlest\": getPrimitiveColour(\"primary-10\"),\n    \"bg-available\": \"#185339\", // Darker green for dark mode\n\n    \"bg-secondary\": getPrimitiveColour(\"secondary-60\"),\n    \"bg-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n    \"bg-secondary-subtler\": getPrimitiveColour(\"secondary-20\"),\n    \"bg-secondary-subtlest\": getPrimitiveColour(\"secondary-10\"),\n\n    \"bg-primary-hover\": getPrimitiveColour(\"primary-70\"),\n    \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-20\"),\n    \"bg-primary-subtlest-selected\": getPrimitiveColour(\"primary-20\"),\n\n    // overlay - lighter overlays for dark backgrounds\n    \"overlay-strong\": \"rgba(78, 78, 78, 0.80)\",\n    \"overlay-subtle\": \"rgba(78, 78, 78, 0.50)\",\n\n    // hyperlink - adjusted for dark mode\n    hyperlink: getPrimitiveColour(\"primary-60\"),\n    \"hyperlink-hover\": getPrimitiveColour(\"primary-70\"),\n    \"hyperlink-visited\": getPrimitiveColour(\"primary-70\"),\n    \"hyperlink-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n    // focus ring - adjusted for dark mode\n    \"focus-ring\": getPrimitiveColour(\"primary-60\"),\n    \"focus-ring-inverse\": getPrimitiveColour(\"black\"),\n};\n"],"names":["A11yPlaygroundColourSet","text","getPrimitiveColour","icon","border","bg","hyperlink","A11yPlaygroundDarkColourSet"],"mappings":"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"}
+{"version":3,"file":"a11yplayground-semantic-tokens.js","sources":["../../../../src/theme/colour-semantic/specs/a11yplayground-semantic-tokens.ts"],"sourcesContent":["import { getPrimitiveColour } from \"../../colour-primitive/theme-helper\";\nimport { SemanticColourSet } from \"../../types\";\n\n// ============================================================================\n// LIGHT MODE COLOURS\n// ============================================================================\n\nexport const A11yPlaygroundColourSet: SemanticColourSet = {\n    // text\n    text: getPrimitiveColour(\"neutral-20\"),\n    \"text-subtle\": getPrimitiveColour(\"neutral-30\"),\n    \"text-subtler\": getPrimitiveColour(\"neutral-50\"),\n    \"text-subtlest\": getPrimitiveColour(\"neutral-60\"),\n    \"text-primary\": getPrimitiveColour(\"primary-50\"),\n    \"text-primary-strong\": getPrimitiveColour(\"primary-40\"),\n    \"text-primary-strongest\": getPrimitiveColour(\"primary-20\"),\n    \"text-brand\": getPrimitiveColour(\"brand-50\"),\n    \"text-secondary\": getPrimitiveColour(\"secondary-50\"),\n    \"text-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n\n    \"text-hover\": getPrimitiveColour(\"primary-40\"),\n    \"text-selected\": getPrimitiveColour(\"primary-50\"),\n    \"text-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n    \"text-disabled\": getPrimitiveColour(\"neutral-50\"),\n    \"text-disabled-subtle\": getPrimitiveColour(\"neutral-60\"),\n    \"text-disabled-subtlest\": getPrimitiveColour(\"neutral-80\"),\n    \"text-selected-disabled\": getPrimitiveColour(\"neutral-20\"),\n\n    \"text-success\": getPrimitiveColour(\"success-40\"),\n    \"text-warning\": getPrimitiveColour(\"warning-40\"),\n    \"text-error\": getPrimitiveColour(\"error-40\"),\n    \"text-info\": getPrimitiveColour(\"info-40\"),\n    \"text-inverse\": getPrimitiveColour(\"white\"),\n\n    // icon\n    icon: getPrimitiveColour(\"neutral-50\"),\n    \"icon-subtle\": getPrimitiveColour(\"neutral-60\"),\n    \"icon-strongest\": getPrimitiveColour(\"neutral-20\"),\n    \"icon-primary\": getPrimitiveColour(\"primary-50\"),\n    \"icon-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n    \"icon-primary-subtlest\": getPrimitiveColour(\"primary-70\"),\n    \"icon-brand\": getPrimitiveColour(\"brand-50\"),\n    \"icon-secondary\": getPrimitiveColour(\"secondary-50\"),\n    \"icon-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n\n    \"icon-hover\": getPrimitiveColour(\"primary-40\"),\n\n    \"icon-selected\": getPrimitiveColour(\"primary-50\"),\n    \"icon-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n    \"icon-disabled\": getPrimitiveColour(\"neutral-50\"),\n    \"icon-disabled-subtle\": getPrimitiveColour(\"neutral-60\"),\n    \"icon-selected-disabled\": getPrimitiveColour(\"neutral-60\"),\n\n    \"icon-success\": getPrimitiveColour(\"success-50\"),\n    \"icon-warning\": getPrimitiveColour(\"warning-60\"),\n    \"icon-error\": getPrimitiveColour(\"error-50\"),\n    \"icon-error-strong\": getPrimitiveColour(\"error-40\"),\n    \"icon-info\": getPrimitiveColour(\"info-50\"),\n\n    \"icon-inverse\": getPrimitiveColour(\"white\"),\n    \"icon-primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n    // border\n    border: getPrimitiveColour(\"neutral-90\"),\n    \"border-strong\": getPrimitiveColour(\"neutral-70\"),\n    \"border-stronger\": getPrimitiveColour(\"neutral-50\"),\n    \"border-primary\": getPrimitiveColour(\"primary-50\"),\n    \"border-primary-strong\": getPrimitiveColour(\"primary-40\"),\n    \"border-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n\n    \"border-hover\": getPrimitiveColour(\"primary-90\"),\n    \"border-hover-strong\": getPrimitiveColour(\"primary-60\"),\n\n    \"border-selected\": getPrimitiveColour(\"primary-50\"),\n    \"border-selected-subtle\": getPrimitiveColour(\"primary-70\"),\n    \"border-selected-subtlest\": getPrimitiveColour(\"primary-90\"),\n    \"border-selected-hover\": getPrimitiveColour(\"primary-40\"),\n\n    \"border-focus\": getPrimitiveColour(\"primary-60\"),\n    \"border-focus-strong\": getPrimitiveColour(\"primary-50\"),\n\n    \"border-disabled\": getPrimitiveColour(\"neutral-90\"),\n    \"border-selected-disabled\": getPrimitiveColour(\"neutral-70\"),\n\n    \"border-success\": getPrimitiveColour(\"success-60\"),\n    \"border-warning\": getPrimitiveColour(\"warning-60\"),\n    \"border-error\": getPrimitiveColour(\"error-60\"),\n    \"border-error-focus\": getPrimitiveColour(\"error-60\"),\n    \"border-error-focus-strong\": getPrimitiveColour(\"error-40\"),\n    \"border-error-strong\": getPrimitiveColour(\"error-40\"),\n    \"border-info\": getPrimitiveColour(\"info-60\"),\n\n    // background\n    bg: getPrimitiveColour(\"white\"),\n    \"bg-strong\": getPrimitiveColour(\"neutral-100\"),\n    \"bg-stronger\": getPrimitiveColour(\"neutral-95\"),\n    \"bg-strongest\": getPrimitiveColour(\"neutral-90\"),\n\n    \"bg-hover\": getPrimitiveColour(\"primary-95\"),\n    \"bg-hover-strong\": getPrimitiveColour(\"primary-90\"),\n    \"bg-hover-subtle\": getPrimitiveColour(\"primary-100\"),\n    \"bg-hover-neutral\": getPrimitiveColour(\"neutral-100\"),\n    \"bg-hover-neutral-strong\": getPrimitiveColour(\"neutral-90\"),\n\n    \"bg-selected\": getPrimitiveColour(\"primary-95\"),\n    \"bg-selected-hover\": getPrimitiveColour(\"primary-90\"),\n    \"bg-selected-strong\": getPrimitiveColour(\"primary-90\"),\n    \"bg-selected-stronger\": getPrimitiveColour(\"primary-70\"),\n    \"bg-selected-strongest\": getPrimitiveColour(\"primary-50\"),\n    \"bg-selected-strongest-hover\": getPrimitiveColour(\"primary-40\"),\n\n    \"bg-disabled\": getPrimitiveColour(\"neutral-95\"),\n    \"bg-selected-disabled\": getPrimitiveColour(\"neutral-95\"),\n    \"bg-selected-stronger-disabled\": getPrimitiveColour(\"neutral-70\"),\n\n    \"bg-success\": getPrimitiveColour(\"success-100\"),\n    \"bg-success-hover\": getPrimitiveColour(\"success-95\"),\n    \"bg-success-strong\": getPrimitiveColour(\"success-50\"),\n    \"bg-success-strong-hover\": getPrimitiveColour(\"success-40\"),\n    \"bg-warning\": getPrimitiveColour(\"warning-100\"),\n    \"bg-warning-hover\": getPrimitiveColour(\"warning-95\"),\n    \"bg-warning-strong\": getPrimitiveColour(\"warning-50\"),\n    \"bg-warning-strong-hover\": getPrimitiveColour(\"warning-40\"),\n    \"bg-info\": getPrimitiveColour(\"info-100\"),\n    \"bg-info-hover\": getPrimitiveColour(\"info-95\"),\n    \"bg-info-strong\": getPrimitiveColour(\"info-50\"),\n    \"bg-info-strong-hover\": getPrimitiveColour(\"info-40\"),\n    \"bg-error\": getPrimitiveColour(\"error-100\"),\n    \"bg-error-hover\": getPrimitiveColour(\"error-95\"),\n    \"bg-error-strong\": getPrimitiveColour(\"error-50\"),\n    \"bg-error-strong-hover\": getPrimitiveColour(\"error-40\"),\n\n    \"bg-inverse\": getPrimitiveColour(\"neutral-20\"),\n    \"bg-inverse-subtle\": getPrimitiveColour(\"neutral-30\"),\n    \"bg-inverse-subtler\": getPrimitiveColour(\"neutral-50\"),\n    \"bg-inverse-subtlest\": getPrimitiveColour(\"neutral-60\"),\n    \"bg-inverse-hover\": getPrimitiveColour(\"neutral-40\"),\n\n    \"bg-primary\": getPrimitiveColour(\"primary-50\"),\n    \"bg-primary-strong\": getPrimitiveColour(\"primary-40\"),\n    \"bg-primary-subtle\": getPrimitiveColour(\"primary-60\"),\n    \"bg-primary-subtler\": getPrimitiveColour(\"primary-95\"),\n    \"bg-primary-subtlest\": getPrimitiveColour(\"primary-100\"),\n    \"bg-secondary\": getPrimitiveColour(\"secondary-50\"),\n    \"bg-secondary-subtle\": getPrimitiveColour(\"secondary-60\"),\n    \"bg-secondary-subtler\": getPrimitiveColour(\"secondary-95\"),\n    \"bg-secondary-subtlest\": getPrimitiveColour(\"secondary-100\"),\n    \"bg-available\": \"#6DD0A1\",\n\n    \"bg-primary-hover\": getPrimitiveColour(\"primary-40\"),\n    \"bg-primary-strong-hover\": getPrimitiveColour(\"primary-30\"),\n    \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-90\"),\n\n    \"bg-primary-subtlest-selected\": getPrimitiveColour(\"primary-90\"),\n\n    // overlay\n    \"overlay-strong\": \"rgba(40, 40, 40, 0.85)\",\n    \"overlay-subtle\": \"rgba(40, 40, 40, 0.20)\",\n\n    // hyperlink\n    hyperlink: getPrimitiveColour(\"primary-50\"),\n    \"hyperlink-hover\": getPrimitiveColour(\"primary-40\"),\n    \"hyperlink-visited\": getPrimitiveColour(\"primary-40\"),\n    \"hyperlink-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n    // focus ring\n    \"focus-ring\": getPrimitiveColour(\"primary-50\"),\n    \"focus-ring-inverse\": getPrimitiveColour(\"white\"),\n};\n\n// ============================================================================\n// DARK MODE COLOURS\n// ============================================================================\n\nexport const A11yPlaygroundDarkColourSet: SemanticColourSet = {\n    // text - lighter colours for dark backgrounds\n    text: getPrimitiveColour(\"neutral-100\"),\n    \"text-subtle\": getPrimitiveColour(\"neutral-80\"),\n    \"text-subtler\": getPrimitiveColour(\"neutral-60\"),\n    \"text-subtlest\": getPrimitiveColour(\"neutral-50\"),\n    \"text-primary\": getPrimitiveColour(\"primary-60\"),\n    \"text-primary-strong\": getPrimitiveColour(\"primary-70\"),\n    \"text-primary-strongest\": getPrimitiveColour(\"primary-90\"),\n    \"text-brand\": getPrimitiveColour(\"brand-50\"),\n    \"text-secondary\": getPrimitiveColour(\"secondary-60\"),\n    \"text-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n\n    \"text-hover\": getPrimitiveColour(\"primary-70\"),\n    \"text-selected\": getPrimitiveColour(\"primary-60\"),\n    \"text-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n    \"text-disabled\": getPrimitiveColour(\"neutral-60\"),\n    \"text-disabled-subtle\": getPrimitiveColour(\"neutral-50\"),\n    \"text-disabled-subtlest\": getPrimitiveColour(\"neutral-30\"),\n    \"text-selected-disabled\": getPrimitiveColour(\"neutral-90\"),\n\n    \"text-success\": getPrimitiveColour(\"success-70\"),\n    \"text-warning\": getPrimitiveColour(\"warning-70\"),\n    \"text-error\": getPrimitiveColour(\"error-70\"),\n    \"text-info\": getPrimitiveColour(\"info-70\"),\n    \"text-inverse\": getPrimitiveColour(\"black\"),\n\n    // icon - adjusted for dark mode\n    icon: getPrimitiveColour(\"neutral-60\"),\n    \"icon-subtle\": getPrimitiveColour(\"neutral-50\"),\n    \"icon-strongest\": getPrimitiveColour(\"neutral-90\"),\n    \"icon-primary\": getPrimitiveColour(\"primary-60\"),\n    \"icon-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n    \"icon-primary-subtlest\": getPrimitiveColour(\"primary-40\"),\n    \"icon-brand\": getPrimitiveColour(\"brand-50\"),\n    \"icon-secondary\": getPrimitiveColour(\"secondary-60\"),\n    \"icon-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n\n    \"icon-hover\": getPrimitiveColour(\"primary-70\"),\n\n    \"icon-selected\": getPrimitiveColour(\"primary-60\"),\n    \"icon-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n    \"icon-disabled\": getPrimitiveColour(\"neutral-60\"),\n    \"icon-disabled-subtle\": getPrimitiveColour(\"neutral-50\"),\n    \"icon-selected-disabled\": getPrimitiveColour(\"neutral-50\"),\n\n    \"icon-success\": getPrimitiveColour(\"success-60\"),\n    \"icon-warning\": getPrimitiveColour(\"warning-50\"),\n    \"icon-error\": getPrimitiveColour(\"error-60\"),\n    \"icon-error-strong\": getPrimitiveColour(\"error-70\"),\n    \"icon-info\": getPrimitiveColour(\"info-60\"),\n\n    \"icon-inverse\": getPrimitiveColour(\"black\"),\n    \"icon-primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n    // border - adjusted for dark mode\n    border: getPrimitiveColour(\"neutral-20\"),\n    \"border-strong\": getPrimitiveColour(\"neutral-40\"),\n    \"border-stronger\": getPrimitiveColour(\"neutral-60\"),\n    \"border-primary\": getPrimitiveColour(\"primary-60\"),\n    \"border-primary-strong\": getPrimitiveColour(\"primary-70\"),\n    \"border-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n\n    \"border-hover\": getPrimitiveColour(\"primary-20\"),\n    \"border-hover-strong\": getPrimitiveColour(\"primary-50\"),\n\n    \"border-selected\": getPrimitiveColour(\"primary-60\"),\n    \"border-selected-subtle\": getPrimitiveColour(\"primary-40\"),\n    \"border-selected-subtlest\": getPrimitiveColour(\"primary-20\"),\n    \"border-selected-hover\": getPrimitiveColour(\"primary-70\"),\n\n    \"border-focus\": getPrimitiveColour(\"primary-50\"),\n    \"border-focus-strong\": getPrimitiveColour(\"primary-60\"),\n\n    \"border-disabled\": getPrimitiveColour(\"neutral-20\"),\n    \"border-selected-disabled\": getPrimitiveColour(\"neutral-40\"),\n\n    \"border-success\": getPrimitiveColour(\"success-50\"),\n    \"border-warning\": getPrimitiveColour(\"warning-50\"),\n    \"border-error\": getPrimitiveColour(\"error-50\"),\n    \"border-error-focus\": getPrimitiveColour(\"error-50\"),\n    \"border-error-focus-strong\": getPrimitiveColour(\"error-70\"),\n    \"border-error-strong\": getPrimitiveColour(\"error-70\"),\n    \"border-info\": getPrimitiveColour(\"info-50\"),\n\n    // background - dark backgrounds\n    bg: getPrimitiveColour(\"black\"),\n    \"bg-strong\": getPrimitiveColour(\"neutral-10\"),\n    \"bg-stronger\": getPrimitiveColour(\"neutral-20\"),\n    \"bg-strongest\": getPrimitiveColour(\"neutral-20\"),\n\n    \"bg-hover\": getPrimitiveColour(\"primary-20\"),\n    \"bg-hover-strong\": getPrimitiveColour(\"primary-20\"),\n    \"bg-hover-subtle\": getPrimitiveColour(\"primary-10\"),\n    \"bg-hover-neutral\": getPrimitiveColour(\"neutral-10\"),\n    \"bg-hover-neutral-strong\": getPrimitiveColour(\"neutral-20\"),\n\n    \"bg-selected\": getPrimitiveColour(\"primary-20\"),\n    \"bg-selected-hover\": getPrimitiveColour(\"primary-20\"),\n    \"bg-selected-strong\": getPrimitiveColour(\"primary-20\"),\n    \"bg-selected-stronger\": getPrimitiveColour(\"primary-40\"),\n    \"bg-selected-strongest\": getPrimitiveColour(\"primary-60\"),\n    \"bg-selected-strongest-hover\": getPrimitiveColour(\"primary-70\"),\n\n    \"bg-disabled\": getPrimitiveColour(\"neutral-20\"),\n    \"bg-selected-disabled\": getPrimitiveColour(\"neutral-20\"),\n    \"bg-selected-stronger-disabled\": getPrimitiveColour(\"neutral-40\"),\n\n    \"bg-success\": getPrimitiveColour(\"success-10\"),\n    \"bg-success-hover\": getPrimitiveColour(\"success-20\"),\n    \"bg-success-strong\": getPrimitiveColour(\"success-60\"),\n    \"bg-success-strong-hover\": getPrimitiveColour(\"success-70\"),\n    \"bg-warning\": getPrimitiveColour(\"warning-10\"),\n    \"bg-warning-hover\": getPrimitiveColour(\"warning-20\"),\n    \"bg-warning-strong\": getPrimitiveColour(\"warning-60\"),\n    \"bg-warning-strong-hover\": getPrimitiveColour(\"warning-70\"),\n    \"bg-info\": getPrimitiveColour(\"info-10\"),\n    \"bg-info-hover\": getPrimitiveColour(\"info-20\"),\n    \"bg-info-strong\": getPrimitiveColour(\"info-60\"),\n    \"bg-info-strong-hover\": getPrimitiveColour(\"info-70\"),\n    \"bg-error\": getPrimitiveColour(\"error-10\"),\n    \"bg-error-hover\": getPrimitiveColour(\"error-20\"),\n    \"bg-error-strong\": getPrimitiveColour(\"error-60\"),\n    \"bg-error-strong-hover\": getPrimitiveColour(\"error-70\"),\n\n    \"bg-inverse\": getPrimitiveColour(\"neutral-90\"),\n    \"bg-inverse-subtle\": getPrimitiveColour(\"neutral-80\"),\n    \"bg-inverse-subtler\": getPrimitiveColour(\"neutral-60\"),\n    \"bg-inverse-subtlest\": getPrimitiveColour(\"neutral-50\"),\n    \"bg-inverse-hover\": getPrimitiveColour(\"neutral-70\"),\n\n    \"bg-primary\": getPrimitiveColour(\"primary-60\"),\n    \"bg-primary-strong\": getPrimitiveColour(\"primary-70\"),\n    \"bg-primary-subtle\": getPrimitiveColour(\"primary-50\"),\n    \"bg-primary-subtler\": getPrimitiveColour(\"primary-20\"),\n    \"bg-primary-subtlest\": getPrimitiveColour(\"primary-10\"),\n    \"bg-secondary\": getPrimitiveColour(\"secondary-60\"),\n    \"bg-secondary-subtle\": getPrimitiveColour(\"secondary-50\"),\n    \"bg-secondary-subtler\": getPrimitiveColour(\"secondary-20\"),\n    \"bg-secondary-subtlest\": getPrimitiveColour(\"secondary-10\"),\n    \"bg-available\": \"#185339\", // Darker green for dark mode\n\n    \"bg-primary-hover\": getPrimitiveColour(\"primary-70\"),\n    \"bg-primary-strong-hover\": getPrimitiveColour(\"primary-80\"),\n    \"bg-primary-subtlest-hover\": getPrimitiveColour(\"primary-20\"),\n\n    \"bg-primary-subtlest-selected\": getPrimitiveColour(\"primary-20\"),\n\n    // overlay - lighter overlays for dark backgrounds\n    \"overlay-strong\": \"rgba(78, 78, 78, 0.80)\",\n    \"overlay-subtle\": \"rgba(78, 78, 78, 0.50)\",\n\n    // hyperlink - adjusted for dark mode\n    hyperlink: getPrimitiveColour(\"primary-60\"),\n    \"hyperlink-hover\": getPrimitiveColour(\"primary-70\"),\n    \"hyperlink-visited\": getPrimitiveColour(\"primary-70\"),\n    \"hyperlink-inverse\": getPrimitiveColour(\"primary-inverse\"),\n\n    // focus ring - adjusted for dark mode\n    \"focus-ring\": getPrimitiveColour(\"primary-60\"),\n    \"focus-ring-inverse\": getPrimitiveColour(\"black\"),\n};\n"],"names":["A11yPlaygroundColourSet","text","getPrimitiveColour","icon","border","bg","hyperlink","A11yPlaygroundDarkColourSet"],"mappings":"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"}