@lifesg/react-design-system 3.4.0-canary.6 → 3.4.0-canary.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/calendar/calendar.js +1 -1
- package/calendar/calendar.js.map +1 -1
- package/cjs/calendar/calendar.js +7 -7
- package/cjs/calendar/calendar.js.map +1 -1
- package/cjs/data-table/data-table.js +1 -1
- package/cjs/data-table/data-table.js.map +1 -1
- package/cjs/external/dompurify/dist/purify.es.js +3 -3
- package/cjs/external/dompurify/dist/purify.es.js.map +1 -1
- package/cjs/filter/filter-modal.styles.js +17 -16
- package/cjs/filter/filter-modal.styles.js.map +1 -1
- package/cjs/filter/filter-sidebar.styles.js +1 -0
- package/cjs/filter/filter-sidebar.styles.js.map +1 -1
- package/cjs/filter/filter.styles.js +6 -5
- package/cjs/filter/filter.styles.js.map +1 -1
- package/cjs/footer/footer.js +1 -1
- package/cjs/footer/footer.js.map +1 -1
- package/cjs/form/form-masked-input.js +1 -1
- package/cjs/form/form-masked-input.js.map +1 -1
- package/cjs/link-list/link-list.styles.js +6 -7
- package/cjs/link-list/link-list.styles.js.map +1 -1
- package/cjs/navbar/navbar-items.styles.js +41 -27
- package/cjs/navbar/navbar-items.styles.js.map +1 -1
- package/cjs/shared/dropdown-list/dropdown-list.styles.js +1 -0
- package/cjs/shared/dropdown-list/dropdown-list.styles.js.map +1 -1
- package/cjs/shared/dropdown-wrapper/dropdown-wrapper.styles.js +6 -5
- package/cjs/shared/dropdown-wrapper/dropdown-wrapper.styles.js.map +1 -1
- package/cjs/shared/internal-calendar/single/single-cell.js +1 -1
- package/cjs/shared/internal-calendar/single/single-cell.js.map +1 -1
- package/cjs/tab/tab-link-chain.js +1 -1
- package/cjs/tab/tab-link-chain.js.map +1 -1
- package/cjs/theme/colour-primitive/specs/spf-colour-set.js +1 -1
- package/cjs/theme/colour-primitive/specs/spf-colour-set.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/lifesg-semantic-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/lifesg-semantic-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/pa-semantic-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/pa-semantic-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/sgwdigitallobby-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/sgwdigitallobby-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/spf-semantic-tokens.js +2 -0
- package/cjs/theme/colour-semantic/specs/spf-semantic-tokens.js.map +1 -0
- package/cjs/theme/colour-semantic/theme-helper.js +1 -1
- package/cjs/theme/colour-semantic/theme-helper.js.map +1 -1
- package/cjs/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.js +1 -1
- package/cjs/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.js.map +1 -1
- package/cjs/timetable/timetable-header/timetable-header.js +1 -1
- package/cjs/timetable/timetable-header/timetable-header.js.map +1 -1
- package/data-table/data-table.js +1 -1
- package/data-table/data-table.js.map +1 -1
- package/external/dompurify/dist/purify.es.js +2 -2
- package/external/dompurify/dist/purify.es.js.map +1 -1
- package/filter/filter-modal.styles.js +8 -7
- package/filter/filter-modal.styles.js.map +1 -1
- package/filter/filter-sidebar.styles.js +11 -10
- package/filter/filter-sidebar.styles.js.map +1 -1
- package/filter/filter.styles.js +10 -9
- package/filter/filter.styles.js.map +1 -1
- package/footer/footer.d.ts +1 -1
- package/footer/footer.js +1 -1
- package/footer/footer.js.map +1 -1
- package/footer/types.d.ts +2 -0
- package/form/form-masked-input.js +1 -1
- package/form/form-masked-input.js.map +1 -1
- package/link-list/link-list.styles.js +12 -13
- package/link-list/link-list.styles.js.map +1 -1
- package/navbar/navbar-items.styles.js +29 -15
- package/navbar/navbar-items.styles.js.map +1 -1
- package/package.json +17 -1
- package/shared/dropdown-list/dropdown-list.styles.js +17 -16
- package/shared/dropdown-list/dropdown-list.styles.js.map +1 -1
- package/shared/dropdown-wrapper/dropdown-wrapper.styles.js +8 -7
- package/shared/dropdown-wrapper/dropdown-wrapper.styles.js.map +1 -1
- package/shared/internal-calendar/single/single-cell.js +1 -1
- package/shared/internal-calendar/single/single-cell.js.map +1 -1
- package/tab/tab-link-chain.js +1 -1
- package/tab/tab-link-chain.js.map +1 -1
- package/theme/colour-primitive/specs/spf-colour-set.js +1 -1
- package/theme/colour-primitive/specs/spf-colour-set.js.map +1 -1
- package/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js +1 -1
- package/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js.map +1 -1
- package/theme/colour-semantic/specs/lifesg-semantic-tokens.js +1 -1
- package/theme/colour-semantic/specs/lifesg-semantic-tokens.js.map +1 -1
- package/theme/colour-semantic/specs/pa-semantic-tokens.js +1 -1
- package/theme/colour-semantic/specs/pa-semantic-tokens.js.map +1 -1
- package/theme/colour-semantic/specs/sgwdigitallobby-tokens.js +1 -1
- package/theme/colour-semantic/specs/sgwdigitallobby-tokens.js.map +1 -1
- package/theme/colour-semantic/specs/spf-semantic-tokens.d.ts +2 -0
- package/theme/colour-semantic/specs/spf-semantic-tokens.js +2 -0
- package/theme/colour-semantic/specs/spf-semantic-tokens.js.map +1 -0
- package/theme/colour-semantic/theme-helper.js +1 -1
- package/theme/colour-semantic/theme-helper.js.map +1 -1
- package/theme/colour-semantic/types.d.ts +7 -1
- package/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.js +1 -1
- package/theme/font-spec/specs/sgw-digital-lobby-font-spec-set.js.map +1 -1
- package/theme/index.d.ts +7 -1
- package/timetable/timetable-header/timetable-header.js +1 -1
- package/timetable/timetable-header/timetable-header.js.map +1 -1
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("../../theme/index.js"),r=require("../styles/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e);const
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("../../theme/index.js"),r=require("../styles/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e);const o=i.default.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
width: 100%;
|
|
4
4
|
${t=>{const r="small"===t.$variant?2.5:3;return e.css`
|
|
5
5
|
min-height: ${r}rem;
|
|
6
6
|
height: ${r}rem; // Need this to persist the height when expanding or collapsing list
|
|
7
7
|
`}}
|
|
8
|
-
`,
|
|
8
|
+
`,a=i.default.div`
|
|
9
9
|
display: flex;
|
|
10
10
|
flex: 1;
|
|
11
11
|
word-break: break-all;
|
|
12
12
|
${r=>{if(r.$disabled)return e.css`
|
|
13
13
|
color: ${t.Colour["text-disabled"]};
|
|
14
14
|
`}}
|
|
15
|
-
`,
|
|
15
|
+
`,s=i.default.div`
|
|
16
16
|
${e=>"small"===e.$variant?t.Font["body-md-regular"]:t.Font["body-baseline-regular"]}
|
|
17
|
+
color: ${t.Colour.text};
|
|
17
18
|
text-align: left;
|
|
18
19
|
${t=>{if("middle"!==t.$truncateType)return e.css`
|
|
19
20
|
${r.lineClampCss(1)}
|
|
20
21
|
`}}
|
|
21
22
|
overflow: hidden;
|
|
22
|
-
`,n=i.default(
|
|
23
|
+
`,n=i.default(s)`
|
|
23
24
|
color: ${t.Colour["text-subtler"]};
|
|
24
|
-
`;exports.LabelContainer=
|
|
25
|
+
`;exports.LabelContainer=a,exports.PlaceholderLabel=n,exports.ValueLabel=s,exports.Wrapper=o;
|
|
25
26
|
//# sourceMappingURL=dropdown-wrapper.styles.js.map
|
|
@@ -1 +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":"qMA+BA,MAIaA,EAAUC,EAAAA,QAAOC,GAAuB;;;MAG9CC,IACC,MAAMC,EAPS,UAOUD,EAAME,SAPN,IAAM,EAQ/B,OAAOC,KAAG;0BACQF;sBACJA;SACb;EAIIG,EAAiBN,EAAAA,QAAOC,GAA6B;;;;MAI3DC,IACC,GAAIA,EAAMK,UACN,OAAOF,KAAG;yBACGG,EAAAA,OAAO;aAExB;EAIKC,EAAaT,EAAAA,QAAOC,GAAyB;MACnDC,GACoB,UAAnBA,EAAME,SACAM,EAAAA,KAAK,mBACLA,EAAAA,KAAK;;
|
|
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 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":"qMA+BA,MAIaA,EAAUC,EAAAA,QAAOC,GAAuB;;;MAG9CC,IACC,MAAMC,EAPS,UAOUD,EAAME,SAPN,IAAM,EAQ/B,OAAOC,KAAG;0BACQF;sBACJA;SACb;EAIIG,EAAiBN,EAAAA,QAAOC,GAA6B;;;;MAI3DC,IACC,GAAIA,EAAMK,UACN,OAAOF,KAAG;yBACGG,EAAAA,OAAO;aAExB;EAIKC,EAAaT,EAAAA,QAAOC,GAAyB;MACnDC,GACoB,UAAnBA,EAAME,SACAM,EAAAA,KAAK,mBACLA,EAAAA,KAAK;aACNF,EAAAA,OAAa;;MAEnBN,IACC,GACS,WADDA,EAAMS,cAKN,OAAON,KAAG;sBACJO,EAAAA,aAAa;;;EAOtBC,EAAmBb,EAAAA,QAAOS,EAAW;aACrCD,EAAAA,OAAO;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("../../../external/dayjs/dayjs.min.js"),r=require("../../../util/calendar-helper.js");require("../../../util/date-helper.js"),require("../../../util/date-input-helper.js"),require("react"),require("../../../util/simple-id-generator.js"),require("../../../util/string-helper.js"),require("@react-aria/live-announcer");var a=require("../day-cell/day-cell.js");exports.SingleCell=({date:l,calendarDate:i,selectedDate:n,hoverDate:s,focusDate:o,minDate:c,maxDate:d,disabledDates:u,allowDisabledSelection:y,showActiveMonthDaysOnly:D,onSelect:h,onHover:b,onFocus:f,setFocusCell:v,tabIndex:p})=>{const m=r.CalendarHelper.isDisabledDay(l,u,c,d),j=!m||y,Y=()=>{h(l,!j)},g={date:l,calendarDate:i,disabled:m,interactive:j,currentDateIndicator:!0,onSelect:Y,onHover:()=>{b(l.format("YYYY-MM-DD"),!j)},onFocus:()=>{f(l.format("YYYY-MM-DD"))},onKeyDown:e=>{const t=e.key;if("Enter"===t||" "===t)return e.preventDefault(),void(j&&Y());(e=>{let t;const r={ArrowLeft:()=>l.subtract(1,"day"),ArrowRight:()=>l.add(1,"day"),ArrowUp:()=>l.subtract(7,"day"),ArrowDown:()=>l.add(7,"day"),Home:()=>l.startOf("week"),End:()=>l.endOf("week"),PageUp:()=>e.shiftKey?l.subtract(1,"year"):l.subtract(1,"month"),PageDown:()=>e.shiftKey?l.add(1,"year"):l.add(1,"month")}[e.key];r&&(e.preventDefault(),t=r(),v(t.format("YYYY-MM-DD")))})(e)},role:"gridcell",focusDate:t.default(o),tabIndex:p};return e.jsx(a.DayCell,Object.assign({},g,(()=>{const e={};i.month()!==l.month()?e.labelType=D?"hidden":"unavailable":t.default().isSame(l,"day")&&!m&&(e.labelType="current");const r=l.isSame(n,"day"),a=l.isSame(s,"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})()))};
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("../../../external/dayjs/dayjs.min.js"),r=require("../../../util/calendar-helper.js");require("../../../util/date-helper.js"),require("../../../util/date-input-helper.js"),require("react"),require("../../../util/simple-id-generator.js"),require("../../../util/string-helper.js"),require("@react-aria/live-announcer");var a=require("../day-cell/day-cell.js");exports.SingleCell=({date:l,calendarDate:i,selectedDate:n,hoverDate:s,focusDate:o,minDate:c,maxDate:d,disabledDates:u,allowDisabledSelection:y,showActiveMonthDaysOnly:D,onSelect:h,onHover:b,onFocus:f,setFocusCell:v,tabIndex:p})=>{const m=r.CalendarHelper.isDisabledDay(l,u,c,d),j=!m||y,Y=()=>{h(l,!j)},g={date:l,calendarDate:i,disabled:m,interactive:j,currentDateIndicator:!0,onSelect:Y,onHover:()=>{b(l.format("YYYY-MM-DD"),!j)},onFocus:()=>{f(l.format("YYYY-MM-DD"))},onKeyDown:e=>{const t=e.key;if("Enter"===t||" "===t)return e.preventDefault(),void(j&&Y());(e=>{let t;const r={ArrowLeft:()=>l.subtract(1,"day"),ArrowRight:()=>l.add(1,"day"),ArrowUp:()=>l.subtract(7,"day"),ArrowDown:()=>l.add(7,"day"),Home:()=>l.startOf("week"),End:()=>l.endOf("week"),PageUp:()=>e.shiftKey?l.subtract(1,"year"):l.subtract(1,"month"),PageDown:()=>e.shiftKey?l.add(1,"year"):l.add(1,"month")}[e.key];r&&(e.preventDefault(),t=r(),v(t.format("YYYY-MM-DD")))})(e)},role:"gridcell",focusDate:t.default(o),tabIndex:p};return e.jsx(a.DayCell,Object.assign({},g,(()=>{const e={};i.month()!==l.month()?e.labelType=D?"hidden":"unavailable":t.default().isSame(l,"day")&&!m&&(e.labelType="current");const r=n&&l.isSame(n,"day"),a=l.isSame(s,"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})()))};
|
|
2
2
|
//# sourceMappingURL=single-cell.js.map
|
|
@@ -1 +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":["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":"mbAsB0B,EACtBA,OACAC,eACAC,eACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,0BACAC,WACAC,UACAC,UACAC,eACAC,eAKA,MAAMC,EAAWC,EAAAA,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,EAAAA,QAAMzC,GACjBU,YAGJ,OAAOgC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAAA,EAAK7B,EAlDC,MACjB,MAAM8B,EAAwB,CAAA,EAE1BjD,EAAakD,UAAYnD,EAAKmD,QAC9BD,EAAME,UAAY3C,EACZ,SACA,cACCoC,EAAAA,UAAQQ,OAAOrD,EAAM,SAAWe,IACvCmC,EAAME,UAAY,WAGtB,MAAME,
|
|
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 = 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":["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":"mbAsB0B,EACtBA,OACAC,eACAC,eACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,0BACAC,WACAC,UACAC,UACAC,eACAC,eAKA,MAAMC,EAAWC,EAAAA,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,EAAAA,QAAMzC,GACjBU,YAGJ,OAAOgC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAAA,EAAK7B,EAlDC,MACjB,MAAM8B,EAAwB,CAAA,EAE1BjD,EAAakD,UAAYnD,EAAKmD,QAC9BD,EAAME,UAAY3C,EACZ,SACA,cACCoC,EAAAA,UAAQQ,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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("../external/react-responsive/dist/react-responsive.js"),r=require("styled-components"),i=require("../theme/index.js"),l=require("./tab-context.js"),o=require("./tab-link-chain.style.js");exports.TabLinkChain=({controlledMode:a,"data-testid":s,onTabClick:d,fullWidthIndicatorLine:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("../external/react-responsive/dist/react-responsive.js"),r=require("styled-components"),i=require("../theme/index.js"),l=require("./tab-context.js"),o=require("./tab-link-chain.style.js");exports.TabLinkChain=({controlledMode:a,"data-testid":s,onTabClick:d,fullWidthIndicatorLine:u,fadeColor:c})=>{const{setCurrentActiveIndex:h,currentActiveIndex:x,tabLinks:p}=t.useContext(l.TabContext),f=t.useContext(r.ThemeContext),C=i.Breakpoint["md-max"]({theme:f}),v=n.reactResponsiveExports.useMediaQuery({maxWidth:C}),b=i.Breakpoint["lg-max"]({theme:f}),m=t.useRef(null),g=t.useRef([]),j=t.useRef(null),k=e=>t=>{t.preventDefault(),t.stopPropagation(),a||h(e),d&&d(p[e].title,e)},L=e=>v&&e.length>20?`${e.substring(0,20)}...`:e;return e.jsx(o.CustomFadeWrapper,{onResize:({content:e,wrapper:t})=>{e&&t&&window.innerWidth<=b&&m.current&&j.current&&(e.scrollLeft=m.current.getBoundingClientRect().left-j.current.getBoundingClientRect().left)},"data-testid":s,fadeColor:c,children:e.jsx(o.Chain,{role:"tablist",$fullWidthIndicatorLine:u,ref:j,children:p.map((({title:t,width:n,titleAddon:r},i)=>{const l=x===i;return e.jsx(o.ChainItem,{role:"none",$active:l,ref:l?m:null,$width:n,children:e.jsxs(o.ChainLink,{role:"none",onClick:k(i),"data-testid":`${s}-link-${i}`,$reversed:"left"===(null==r?void 0:r.position),children:[e.jsxs(o.LabelContainer,{role:"none",children:[e.jsx(o.Label,{$active:l,onClick:k(i),"aria-hidden":"true",children:L(t)}),e.jsx(o.BoldLabel,{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)%p.length,e.preventDefault()):"ArrowLeft"===e.key&&(r=(t-1+p.length)%p.length,e.preventDefault()),null===(n=g.current[r])||void 0===n||n.focus()})(e,i),ref:e=>g.current[i]=e,$active:l,children:L(t)})]}),null==r?void 0:r.content]})},i)}))})})};
|
|
2
2
|
//# sourceMappingURL=tab-link-chain.js.map
|
|
@@ -1 +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":["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","
|
|
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 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":["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":"8RAyB4B,EACxBA,iBACA,cAAeC,EACfC,aACAC,yBACAC,gBAKA,MAAMC,sBAAEA,EAAqBC,mBAAEA,EAAkBC,SAAEA,GAC/CC,EAAAA,WAAWC,EAAAA,YAETC,EAAQF,EAAAA,WAAWG,gBACnBC,EAAmBC,EAAAA,WAAW,UAAU,CAAEH,UAE1CI,EAAWC,EAAAA,uBAAAA,cAAc,CAC3BC,SAAUJ,IAGRK,EAAmBJ,EAAAA,WAAW,UAAU,CAAEH,UAE1CQ,EAAgBC,EAAAA,OAAsB,MACtCC,EAAgBD,EAAAA,OAAqC,IACrDE,EAAWF,EAAAA,OAAgC,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,EAAAA,IAACC,EAAAA,mBACGC,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,EAAAA,IAACY,EAAAA,MAAK,CACFC,KAAK,UAASC,wBACW3C,EACzB4C,IAAK1B,WAEJd,EAASyC,KAAI,EAAGrB,QAAOsB,QAAOC,cAAc3B,KACzC,MAAM4B,EAAW7C,IAAuBiB,EAExC,OACIS,MAACoB,EAAAA,UAAS,CAENP,KAAK,OAAMQ,QACFF,EACTJ,IAAKI,EAAWjC,EAAgB,KAAIoC,OAC5BL,EAAKN,SAEbY,EAAAA,KAACC,YAAS,CACNX,KAAK,OACLY,QAASnC,EAAqBC,GAAM,cACvB,GAAGtB,UAAesB,IAAOmC,UACF,UAAzBR,aAAU,EAAVA,EAAYS,UAAmBhB,SAAA,CAE1CY,EAAAA,KAACK,EAAAA,eAAc,CAACf,KAAK,iBACjBb,EAAAA,IAAC6B,EAAAA,MAAK,CAAAR,QACOF,EACTM,QAASnC,EAAqBC,GAAM,cACxB,OAAMoB,SAEjBf,EAAaD,KAElBK,MAAC8B,EAAAA,UAAS,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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";exports.SPFColourSet={"brand-10":"#
|
|
1
|
+
"use strict";exports.SPFColourSet={"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"};
|
|
2
2
|
//# sourceMappingURL=spf-colour-set.js.map
|
|
@@ -1 +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\": \"#
|
|
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\": \"#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":["white","black"],"mappings":"kCAEgD,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,UACZA,MAAO,UACPC,MAAO,UACP,kBAAmB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var r=require("../../colour-primitive/theme-helper.js");const e={text:r.getPrimitiveColour("neutral-20"),"text-subtle":r.getPrimitiveColour("neutral-30"),"text-subtler":r.getPrimitiveColour("neutral-50"),"text-subtlest":r.getPrimitiveColour("neutral-60"),"text-primary":r.getPrimitiveColour("primary-50"),"text-primary-strongest":r.getPrimitiveColour("primary-20"),"text-secondary":r.getPrimitiveColour("secondary-50"),"text-secondary-subtle":r.getPrimitiveColour("secondary-60"),"text-hover":r.getPrimitiveColour("primary-40"),"text-selected":r.getPrimitiveColour("primary-50"),"text-selected-hover":r.getPrimitiveColour("primary-40"),"text-disabled":r.getPrimitiveColour("neutral-50"),"text-disabled-subtle":r.getPrimitiveColour("neutral-60"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-80"),"text-selected-disabled":r.getPrimitiveColour("neutral-20"),"text-success":r.getPrimitiveColour("success-40"),"text-warning":r.getPrimitiveColour("warning-40"),"text-error":r.getPrimitiveColour("error-40"),"text-info":r.getPrimitiveColour("info-40"),"text-inverse":r.getPrimitiveColour("white"),icon:r.getPrimitiveColour("neutral-50"),"icon-subtle":r.getPrimitiveColour("neutral-60"),"icon-strongest":r.getPrimitiveColour("neutral-20"),"icon-primary":r.getPrimitiveColour("primary-50"),"icon-primary-subtle":r.getPrimitiveColour("primary-60"),"icon-primary-subtlest":r.getPrimitiveColour("primary-70"),"icon-secondary":r.getPrimitiveColour("secondary-50"),"icon-secondary-subtle":r.getPrimitiveColour("secondary-60"),"icon-hover":r.getPrimitiveColour("primary-40"),"icon-selected":r.getPrimitiveColour("primary-50"),"icon-selected-hover":r.getPrimitiveColour("primary-40"),"icon-disabled":r.getPrimitiveColour("neutral-50"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-60"),"icon-selected-disabled":r.getPrimitiveColour("neutral-60"),"icon-success":r.getPrimitiveColour("success-50"),"icon-warning":r.getPrimitiveColour("warning-60"),"icon-error":r.getPrimitiveColour("error-50"),"icon-error-strong":r.getPrimitiveColour("error-40"),"icon-info":r.getPrimitiveColour("info-50"),"icon-inverse":r.getPrimitiveColour("white"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-90"),"border-strong":r.getPrimitiveColour("neutral-70"),"border-stronger":r.getPrimitiveColour("neutral-50"),"border-primary":r.getPrimitiveColour("primary-50"),"border-primary-subtle":r.getPrimitiveColour("primary-60"),"border-hover":r.getPrimitiveColour("primary-90"),"border-hover-strong":r.getPrimitiveColour("primary-60"),"border-selected":r.getPrimitiveColour("primary-50"),"border-selected-subtle":r.getPrimitiveColour("primary-70"),"border-selected-subtlest":r.getPrimitiveColour("primary-90"),"border-selected-hover":r.getPrimitiveColour("primary-40"),"border-focus":r.getPrimitiveColour("primary-60"),"border-focus-strong":r.getPrimitiveColour("primary-50"),"border-disabled":r.getPrimitiveColour("neutral-90"),"border-selected-disabled":r.getPrimitiveColour("neutral-70"),"border-success":r.getPrimitiveColour("success-60"),"border-warning":r.getPrimitiveColour("warning-60"),"border-error":r.getPrimitiveColour("error-60"),"border-error-focus":r.getPrimitiveColour("error-60"),"border-error-focus-strong":r.getPrimitiveColour("error-40"),"border-error-strong":r.getPrimitiveColour("error-40"),"border-info":r.getPrimitiveColour("info-60"),bg:r.getPrimitiveColour("white"),"bg-strong":r.getPrimitiveColour("neutral-100"),"bg-stronger":r.getPrimitiveColour("neutral-95"),"bg-strongest":r.getPrimitiveColour("neutral-90"),"bg-hover":r.getPrimitiveColour("primary-95"),"bg-hover-strong":r.getPrimitiveColour("primary-90"),"bg-hover-subtle":r.getPrimitiveColour("primary-100"),"bg-hover-neutral":r.getPrimitiveColour("neutral-100"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-90"),"bg-selected":r.getPrimitiveColour("primary-95"),"bg-selected-hover":r.getPrimitiveColour("primary-90"),"bg-selected-strong":r.getPrimitiveColour("primary-90"),"bg-selected-stronger":r.getPrimitiveColour("primary-70"),"bg-selected-strongest":r.getPrimitiveColour("primary-50"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-40"),"bg-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-70"),"bg-success":r.getPrimitiveColour("success-100"),"bg-success-hover":r.getPrimitiveColour("success-95"),"bg-success-strong":r.getPrimitiveColour("success-50"),"bg-success-strong-hover":r.getPrimitiveColour("success-40"),"bg-warning":r.getPrimitiveColour("warning-100"),"bg-warning-hover":r.getPrimitiveColour("warning-95"),"bg-warning-strong":r.getPrimitiveColour("warning-50"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-40"),"bg-info":r.getPrimitiveColour("info-100"),"bg-info-hover":r.getPrimitiveColour("info-95"),"bg-info-strong":r.getPrimitiveColour("info-50"),"bg-info-strong-hover":r.getPrimitiveColour("info-40"),"bg-error":r.getPrimitiveColour("error-100"),"bg-error-hover":r.getPrimitiveColour("error-95"),"bg-error-strong":r.getPrimitiveColour("error-50"),"bg-error-strong-hover":r.getPrimitiveColour("error-40"),"bg-inverse":r.getPrimitiveColour("neutral-20"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-30"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-50"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-60"),"bg-inverse-hover":r.getPrimitiveColour("neutral-40"),"bg-primary":r.getPrimitiveColour("primary-50"),"bg-primary-subtle":r.getPrimitiveColour("primary-60"),"bg-primary-subtler":r.getPrimitiveColour("primary-95"),"bg-primary-subtlest":r.getPrimitiveColour("primary-100"),"bg-available":"#6DD0A1","bg-secondary":r.getPrimitiveColour("secondary-50"),"bg-secondary-subtle":r.getPrimitiveColour("secondary-60"),"bg-secondary-subtler":r.getPrimitiveColour("secondary-95"),"bg-secondary-subtlest":r.getPrimitiveColour("secondary-100"),"bg-primary-hover":r.getPrimitiveColour("primary-40"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-90"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r.getPrimitiveColour("primary-50"),"hyperlink-hover":r.getPrimitiveColour("primary-40"),"hyperlink-visited":r.getPrimitiveColour("primary-40"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-50"),"focus-ring-inverse":r.getPrimitiveColour("white")},i={text:r.getPrimitiveColour("neutral-100"),"text-subtle":r.getPrimitiveColour("neutral-80"),"text-subtler":r.getPrimitiveColour("neutral-60"),"text-subtlest":r.getPrimitiveColour("neutral-50"),"text-primary":r.getPrimitiveColour("primary-60"),"text-primary-strongest":r.getPrimitiveColour("primary-90"),"text-secondary":r.getPrimitiveColour("secondary-60"),"text-secondary-subtle":r.getPrimitiveColour("secondary-50"),"text-hover":r.getPrimitiveColour("primary-70"),"text-selected":r.getPrimitiveColour("primary-60"),"text-selected-hover":r.getPrimitiveColour("primary-70"),"text-disabled":r.getPrimitiveColour("neutral-60"),"text-disabled-subtle":r.getPrimitiveColour("neutral-50"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-30"),"text-selected-disabled":r.getPrimitiveColour("neutral-90"),"text-success":r.getPrimitiveColour("success-70"),"text-warning":r.getPrimitiveColour("warning-70"),"text-error":r.getPrimitiveColour("error-70"),"text-info":r.getPrimitiveColour("info-70"),"text-inverse":r.getPrimitiveColour("black"),icon:r.getPrimitiveColour("neutral-60"),"icon-subtle":r.getPrimitiveColour("neutral-50"),"icon-strongest":r.getPrimitiveColour("neutral-90"),"icon-primary":r.getPrimitiveColour("primary-60"),"icon-primary-subtle":r.getPrimitiveColour("primary-50"),"icon-primary-subtlest":r.getPrimitiveColour("primary-40"),"icon-secondary":r.getPrimitiveColour("secondary-60"),"icon-secondary-subtle":r.getPrimitiveColour("secondary-50"),"icon-hover":r.getPrimitiveColour("primary-70"),"icon-selected":r.getPrimitiveColour("primary-60"),"icon-selected-hover":r.getPrimitiveColour("primary-70"),"icon-disabled":r.getPrimitiveColour("neutral-60"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-50"),"icon-selected-disabled":r.getPrimitiveColour("neutral-50"),"icon-success":r.getPrimitiveColour("success-60"),"icon-warning":r.getPrimitiveColour("warning-50"),"icon-error":r.getPrimitiveColour("error-60"),"icon-error-strong":r.getPrimitiveColour("error-70"),"icon-info":r.getPrimitiveColour("info-60"),"icon-inverse":r.getPrimitiveColour("black"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-20"),"border-strong":r.getPrimitiveColour("neutral-40"),"border-stronger":r.getPrimitiveColour("neutral-60"),"border-primary":r.getPrimitiveColour("primary-60"),"border-primary-subtle":r.getPrimitiveColour("primary-50"),"border-hover":r.getPrimitiveColour("primary-20"),"border-hover-strong":r.getPrimitiveColour("primary-50"),"border-selected":r.getPrimitiveColour("primary-60"),"border-selected-subtle":r.getPrimitiveColour("primary-40"),"border-selected-subtlest":r.getPrimitiveColour("primary-20"),"border-selected-hover":r.getPrimitiveColour("primary-70"),"border-focus":r.getPrimitiveColour("primary-50"),"border-focus-strong":r.getPrimitiveColour("primary-60"),"border-disabled":r.getPrimitiveColour("neutral-20"),"border-selected-disabled":r.getPrimitiveColour("neutral-40"),"border-success":r.getPrimitiveColour("success-50"),"border-warning":r.getPrimitiveColour("warning-50"),"border-error":r.getPrimitiveColour("error-50"),"border-error-focus":r.getPrimitiveColour("error-50"),"border-error-focus-strong":r.getPrimitiveColour("error-70"),"border-error-strong":r.getPrimitiveColour("error-70"),"border-info":r.getPrimitiveColour("info-50"),bg:r.getPrimitiveColour("black"),"bg-strong":r.getPrimitiveColour("neutral-10"),"bg-stronger":r.getPrimitiveColour("neutral-20"),"bg-strongest":r.getPrimitiveColour("neutral-20"),"bg-hover":r.getPrimitiveColour("primary-20"),"bg-hover-strong":r.getPrimitiveColour("primary-20"),"bg-hover-subtle":r.getPrimitiveColour("primary-10"),"bg-hover-neutral":r.getPrimitiveColour("neutral-10"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-20"),"bg-selected":r.getPrimitiveColour("primary-20"),"bg-selected-hover":r.getPrimitiveColour("primary-20"),"bg-selected-strong":r.getPrimitiveColour("primary-20"),"bg-selected-stronger":r.getPrimitiveColour("primary-40"),"bg-selected-strongest":r.getPrimitiveColour("primary-60"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-70"),"bg-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-40"),"bg-success":r.getPrimitiveColour("success-10"),"bg-success-hover":r.getPrimitiveColour("success-20"),"bg-success-strong":r.getPrimitiveColour("success-60"),"bg-success-strong-hover":r.getPrimitiveColour("success-70"),"bg-warning":r.getPrimitiveColour("warning-10"),"bg-warning-hover":r.getPrimitiveColour("warning-20"),"bg-warning-strong":r.getPrimitiveColour("warning-60"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-70"),"bg-info":r.getPrimitiveColour("info-10"),"bg-info-hover":r.getPrimitiveColour("info-20"),"bg-info-strong":r.getPrimitiveColour("info-60"),"bg-info-strong-hover":r.getPrimitiveColour("info-70"),"bg-error":r.getPrimitiveColour("error-10"),"bg-error-hover":r.getPrimitiveColour("error-20"),"bg-error-strong":r.getPrimitiveColour("error-60"),"bg-error-strong-hover":r.getPrimitiveColour("error-70"),"bg-inverse":r.getPrimitiveColour("neutral-90"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-80"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-60"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-50"),"bg-inverse-hover":r.getPrimitiveColour("neutral-70"),"bg-primary":r.getPrimitiveColour("primary-60"),"bg-primary-subtle":r.getPrimitiveColour("primary-50"),"bg-primary-subtler":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest":r.getPrimitiveColour("primary-10"),"bg-available":"#185339","bg-secondary":r.getPrimitiveColour("secondary-60"),"bg-secondary-subtle":r.getPrimitiveColour("secondary-50"),"bg-secondary-subtler":r.getPrimitiveColour("secondary-20"),"bg-secondary-subtlest":r.getPrimitiveColour("secondary-10"),"bg-primary-hover":r.getPrimitiveColour("primary-70"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-20"),"overlay-strong":"rgba(78, 78, 78, 0.80)","overlay-subtle":"rgba(78, 78, 78, 0.50)",hyperlink:r.getPrimitiveColour("primary-60"),"hyperlink-hover":r.getPrimitiveColour("primary-70"),"hyperlink-visited":r.getPrimitiveColour("primary-70"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-60"),"focus-ring-inverse":r.getPrimitiveColour("black")};exports.A11yPlaygroundColourSet=e,exports.A11yPlaygroundDarkColourSet=i;
|
|
1
|
+
"use strict";var r=require("../../colour-primitive/theme-helper.js");const e={text:r.getPrimitiveColour("neutral-20"),"text-subtle":r.getPrimitiveColour("neutral-30"),"text-subtler":r.getPrimitiveColour("neutral-50"),"text-subtlest":r.getPrimitiveColour("neutral-60"),"text-primary":r.getPrimitiveColour("primary-50"),"text-primary-strong":r.getPrimitiveColour("primary-40"),"text-primary-strongest":r.getPrimitiveColour("primary-20"),"text-brand":r.getPrimitiveColour("brand-50"),"text-secondary":r.getPrimitiveColour("secondary-50"),"text-secondary-subtle":r.getPrimitiveColour("secondary-60"),"text-hover":r.getPrimitiveColour("primary-40"),"text-selected":r.getPrimitiveColour("primary-50"),"text-selected-hover":r.getPrimitiveColour("primary-40"),"text-disabled":r.getPrimitiveColour("neutral-50"),"text-disabled-subtle":r.getPrimitiveColour("neutral-60"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-80"),"text-selected-disabled":r.getPrimitiveColour("neutral-20"),"text-success":r.getPrimitiveColour("success-40"),"text-warning":r.getPrimitiveColour("warning-40"),"text-error":r.getPrimitiveColour("error-40"),"text-info":r.getPrimitiveColour("info-40"),"text-inverse":r.getPrimitiveColour("white"),icon:r.getPrimitiveColour("neutral-50"),"icon-subtle":r.getPrimitiveColour("neutral-60"),"icon-strongest":r.getPrimitiveColour("neutral-20"),"icon-primary":r.getPrimitiveColour("primary-50"),"icon-primary-subtle":r.getPrimitiveColour("primary-60"),"icon-primary-subtlest":r.getPrimitiveColour("primary-70"),"icon-brand":r.getPrimitiveColour("brand-50"),"icon-secondary":r.getPrimitiveColour("secondary-50"),"icon-secondary-subtle":r.getPrimitiveColour("secondary-60"),"icon-hover":r.getPrimitiveColour("primary-40"),"icon-selected":r.getPrimitiveColour("primary-50"),"icon-selected-hover":r.getPrimitiveColour("primary-40"),"icon-disabled":r.getPrimitiveColour("neutral-50"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-60"),"icon-selected-disabled":r.getPrimitiveColour("neutral-60"),"icon-success":r.getPrimitiveColour("success-50"),"icon-warning":r.getPrimitiveColour("warning-60"),"icon-error":r.getPrimitiveColour("error-50"),"icon-error-strong":r.getPrimitiveColour("error-40"),"icon-info":r.getPrimitiveColour("info-50"),"icon-inverse":r.getPrimitiveColour("white"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-90"),"border-strong":r.getPrimitiveColour("neutral-70"),"border-stronger":r.getPrimitiveColour("neutral-50"),"border-primary":r.getPrimitiveColour("primary-50"),"border-primary-strong":r.getPrimitiveColour("primary-40"),"border-primary-subtle":r.getPrimitiveColour("primary-60"),"border-hover":r.getPrimitiveColour("primary-90"),"border-hover-strong":r.getPrimitiveColour("primary-60"),"border-selected":r.getPrimitiveColour("primary-50"),"border-selected-subtle":r.getPrimitiveColour("primary-70"),"border-selected-subtlest":r.getPrimitiveColour("primary-90"),"border-selected-hover":r.getPrimitiveColour("primary-40"),"border-focus":r.getPrimitiveColour("primary-60"),"border-focus-strong":r.getPrimitiveColour("primary-50"),"border-disabled":r.getPrimitiveColour("neutral-90"),"border-selected-disabled":r.getPrimitiveColour("neutral-70"),"border-success":r.getPrimitiveColour("success-60"),"border-warning":r.getPrimitiveColour("warning-60"),"border-error":r.getPrimitiveColour("error-60"),"border-error-focus":r.getPrimitiveColour("error-60"),"border-error-focus-strong":r.getPrimitiveColour("error-40"),"border-error-strong":r.getPrimitiveColour("error-40"),"border-info":r.getPrimitiveColour("info-60"),bg:r.getPrimitiveColour("white"),"bg-strong":r.getPrimitiveColour("neutral-100"),"bg-stronger":r.getPrimitiveColour("neutral-95"),"bg-strongest":r.getPrimitiveColour("neutral-90"),"bg-hover":r.getPrimitiveColour("primary-95"),"bg-hover-strong":r.getPrimitiveColour("primary-90"),"bg-hover-subtle":r.getPrimitiveColour("primary-100"),"bg-hover-neutral":r.getPrimitiveColour("neutral-100"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-90"),"bg-selected":r.getPrimitiveColour("primary-95"),"bg-selected-hover":r.getPrimitiveColour("primary-90"),"bg-selected-strong":r.getPrimitiveColour("primary-90"),"bg-selected-stronger":r.getPrimitiveColour("primary-70"),"bg-selected-strongest":r.getPrimitiveColour("primary-50"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-40"),"bg-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-70"),"bg-success":r.getPrimitiveColour("success-100"),"bg-success-hover":r.getPrimitiveColour("success-95"),"bg-success-strong":r.getPrimitiveColour("success-50"),"bg-success-strong-hover":r.getPrimitiveColour("success-40"),"bg-warning":r.getPrimitiveColour("warning-100"),"bg-warning-hover":r.getPrimitiveColour("warning-95"),"bg-warning-strong":r.getPrimitiveColour("warning-50"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-40"),"bg-info":r.getPrimitiveColour("info-100"),"bg-info-hover":r.getPrimitiveColour("info-95"),"bg-info-strong":r.getPrimitiveColour("info-50"),"bg-info-strong-hover":r.getPrimitiveColour("info-40"),"bg-error":r.getPrimitiveColour("error-100"),"bg-error-hover":r.getPrimitiveColour("error-95"),"bg-error-strong":r.getPrimitiveColour("error-50"),"bg-error-strong-hover":r.getPrimitiveColour("error-40"),"bg-inverse":r.getPrimitiveColour("neutral-20"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-30"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-50"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-60"),"bg-inverse-hover":r.getPrimitiveColour("neutral-40"),"bg-primary":r.getPrimitiveColour("primary-50"),"bg-primary-strong":r.getPrimitiveColour("primary-40"),"bg-primary-subtle":r.getPrimitiveColour("primary-60"),"bg-primary-subtler":r.getPrimitiveColour("primary-95"),"bg-primary-subtlest":r.getPrimitiveColour("primary-100"),"bg-secondary":r.getPrimitiveColour("secondary-50"),"bg-secondary-subtle":r.getPrimitiveColour("secondary-60"),"bg-secondary-subtler":r.getPrimitiveColour("secondary-95"),"bg-secondary-subtlest":r.getPrimitiveColour("secondary-100"),"bg-available":"#6DD0A1","bg-primary-hover":r.getPrimitiveColour("primary-40"),"bg-primary-strong-hover":r.getPrimitiveColour("primary-30"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-90"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r.getPrimitiveColour("primary-50"),"hyperlink-hover":r.getPrimitiveColour("primary-40"),"hyperlink-visited":r.getPrimitiveColour("primary-40"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-50"),"focus-ring-inverse":r.getPrimitiveColour("white")},i={text:r.getPrimitiveColour("neutral-100"),"text-subtle":r.getPrimitiveColour("neutral-80"),"text-subtler":r.getPrimitiveColour("neutral-60"),"text-subtlest":r.getPrimitiveColour("neutral-50"),"text-primary":r.getPrimitiveColour("primary-60"),"text-primary-strong":r.getPrimitiveColour("primary-70"),"text-primary-strongest":r.getPrimitiveColour("primary-90"),"text-brand":r.getPrimitiveColour("brand-50"),"text-secondary":r.getPrimitiveColour("secondary-60"),"text-secondary-subtle":r.getPrimitiveColour("secondary-50"),"text-hover":r.getPrimitiveColour("primary-70"),"text-selected":r.getPrimitiveColour("primary-60"),"text-selected-hover":r.getPrimitiveColour("primary-70"),"text-disabled":r.getPrimitiveColour("neutral-60"),"text-disabled-subtle":r.getPrimitiveColour("neutral-50"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-30"),"text-selected-disabled":r.getPrimitiveColour("neutral-90"),"text-success":r.getPrimitiveColour("success-70"),"text-warning":r.getPrimitiveColour("warning-70"),"text-error":r.getPrimitiveColour("error-70"),"text-info":r.getPrimitiveColour("info-70"),"text-inverse":r.getPrimitiveColour("black"),icon:r.getPrimitiveColour("neutral-60"),"icon-subtle":r.getPrimitiveColour("neutral-50"),"icon-strongest":r.getPrimitiveColour("neutral-90"),"icon-primary":r.getPrimitiveColour("primary-60"),"icon-primary-subtle":r.getPrimitiveColour("primary-50"),"icon-primary-subtlest":r.getPrimitiveColour("primary-40"),"icon-brand":r.getPrimitiveColour("brand-50"),"icon-secondary":r.getPrimitiveColour("secondary-60"),"icon-secondary-subtle":r.getPrimitiveColour("secondary-50"),"icon-hover":r.getPrimitiveColour("primary-70"),"icon-selected":r.getPrimitiveColour("primary-60"),"icon-selected-hover":r.getPrimitiveColour("primary-70"),"icon-disabled":r.getPrimitiveColour("neutral-60"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-50"),"icon-selected-disabled":r.getPrimitiveColour("neutral-50"),"icon-success":r.getPrimitiveColour("success-60"),"icon-warning":r.getPrimitiveColour("warning-50"),"icon-error":r.getPrimitiveColour("error-60"),"icon-error-strong":r.getPrimitiveColour("error-70"),"icon-info":r.getPrimitiveColour("info-60"),"icon-inverse":r.getPrimitiveColour("black"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-20"),"border-strong":r.getPrimitiveColour("neutral-40"),"border-stronger":r.getPrimitiveColour("neutral-60"),"border-primary":r.getPrimitiveColour("primary-60"),"border-primary-strong":r.getPrimitiveColour("primary-70"),"border-primary-subtle":r.getPrimitiveColour("primary-50"),"border-hover":r.getPrimitiveColour("primary-20"),"border-hover-strong":r.getPrimitiveColour("primary-50"),"border-selected":r.getPrimitiveColour("primary-60"),"border-selected-subtle":r.getPrimitiveColour("primary-40"),"border-selected-subtlest":r.getPrimitiveColour("primary-20"),"border-selected-hover":r.getPrimitiveColour("primary-70"),"border-focus":r.getPrimitiveColour("primary-50"),"border-focus-strong":r.getPrimitiveColour("primary-60"),"border-disabled":r.getPrimitiveColour("neutral-20"),"border-selected-disabled":r.getPrimitiveColour("neutral-40"),"border-success":r.getPrimitiveColour("success-50"),"border-warning":r.getPrimitiveColour("warning-50"),"border-error":r.getPrimitiveColour("error-50"),"border-error-focus":r.getPrimitiveColour("error-50"),"border-error-focus-strong":r.getPrimitiveColour("error-70"),"border-error-strong":r.getPrimitiveColour("error-70"),"border-info":r.getPrimitiveColour("info-50"),bg:r.getPrimitiveColour("black"),"bg-strong":r.getPrimitiveColour("neutral-10"),"bg-stronger":r.getPrimitiveColour("neutral-20"),"bg-strongest":r.getPrimitiveColour("neutral-20"),"bg-hover":r.getPrimitiveColour("primary-20"),"bg-hover-strong":r.getPrimitiveColour("primary-20"),"bg-hover-subtle":r.getPrimitiveColour("primary-10"),"bg-hover-neutral":r.getPrimitiveColour("neutral-10"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-20"),"bg-selected":r.getPrimitiveColour("primary-20"),"bg-selected-hover":r.getPrimitiveColour("primary-20"),"bg-selected-strong":r.getPrimitiveColour("primary-20"),"bg-selected-stronger":r.getPrimitiveColour("primary-40"),"bg-selected-strongest":r.getPrimitiveColour("primary-60"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-70"),"bg-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-40"),"bg-success":r.getPrimitiveColour("success-10"),"bg-success-hover":r.getPrimitiveColour("success-20"),"bg-success-strong":r.getPrimitiveColour("success-60"),"bg-success-strong-hover":r.getPrimitiveColour("success-70"),"bg-warning":r.getPrimitiveColour("warning-10"),"bg-warning-hover":r.getPrimitiveColour("warning-20"),"bg-warning-strong":r.getPrimitiveColour("warning-60"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-70"),"bg-info":r.getPrimitiveColour("info-10"),"bg-info-hover":r.getPrimitiveColour("info-20"),"bg-info-strong":r.getPrimitiveColour("info-60"),"bg-info-strong-hover":r.getPrimitiveColour("info-70"),"bg-error":r.getPrimitiveColour("error-10"),"bg-error-hover":r.getPrimitiveColour("error-20"),"bg-error-strong":r.getPrimitiveColour("error-60"),"bg-error-strong-hover":r.getPrimitiveColour("error-70"),"bg-inverse":r.getPrimitiveColour("neutral-90"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-80"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-60"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-50"),"bg-inverse-hover":r.getPrimitiveColour("neutral-70"),"bg-primary":r.getPrimitiveColour("primary-60"),"bg-primary-strong":r.getPrimitiveColour("primary-70"),"bg-primary-subtle":r.getPrimitiveColour("primary-50"),"bg-primary-subtler":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest":r.getPrimitiveColour("primary-10"),"bg-secondary":r.getPrimitiveColour("secondary-60"),"bg-secondary-subtle":r.getPrimitiveColour("secondary-50"),"bg-secondary-subtler":r.getPrimitiveColour("secondary-20"),"bg-secondary-subtlest":r.getPrimitiveColour("secondary-10"),"bg-available":"#185339","bg-primary-hover":r.getPrimitiveColour("primary-70"),"bg-primary-strong-hover":r.getPrimitiveColour("primary-80"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-20"),"overlay-strong":"rgba(78, 78, 78, 0.80)","overlay-subtle":"rgba(78, 78, 78, 0.50)",hyperlink:r.getPrimitiveColour("primary-60"),"hyperlink-hover":r.getPrimitiveColour("primary-70"),"hyperlink-visited":r.getPrimitiveColour("primary-70"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-60"),"focus-ring-inverse":r.getPrimitiveColour("black")};exports.A11yPlaygroundColourSet=e,exports.A11yPlaygroundDarkColourSet=i;
|
|
2
2
|
//# sourceMappingURL=a11yplayground-semantic-tokens.js.map
|
|
@@ -1 +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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"}
|
|
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-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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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var r=require("../../colour-primitive/theme-helper.js");const e={text:r.getPrimitiveColour("neutral-20"),"text-subtle":r.getPrimitiveColour("neutral-30"),"text-subtler":r.getPrimitiveColour("neutral-50"),"text-subtlest":r.getPrimitiveColour("neutral-60"),"text-primary":r.getPrimitiveColour("primary-50"),"text-primary-strongest":r.getPrimitiveColour("primary-20"),"text-secondary":r.getPrimitiveColour("secondary-50"),"text-secondary-subtle":r.getPrimitiveColour("secondary-60"),"text-hover":r.getPrimitiveColour("primary-40"),"text-selected":r.getPrimitiveColour("primary-50"),"text-selected-hover":r.getPrimitiveColour("primary-40"),"text-disabled":r.getPrimitiveColour("neutral-50"),"text-disabled-subtle":r.getPrimitiveColour("neutral-60"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-80"),"text-selected-disabled":r.getPrimitiveColour("neutral-20"),"text-success":r.getPrimitiveColour("success-40"),"text-warning":r.getPrimitiveColour("warning-40"),"text-error":r.getPrimitiveColour("error-40"),"text-info":r.getPrimitiveColour("info-40"),"text-inverse":r.getPrimitiveColour("white"),icon:r.getPrimitiveColour("neutral-50"),"icon-subtle":r.getPrimitiveColour("neutral-60"),"icon-strongest":r.getPrimitiveColour("neutral-20"),"icon-primary":r.getPrimitiveColour("primary-50"),"icon-primary-subtle":r.getPrimitiveColour("primary-60"),"icon-primary-subtlest":r.getPrimitiveColour("primary-70"),"icon-secondary":r.getPrimitiveColour("secondary-50"),"icon-secondary-subtle":r.getPrimitiveColour("secondary-60"),"icon-hover":r.getPrimitiveColour("primary-40"),"icon-selected":r.getPrimitiveColour("primary-50"),"icon-selected-hover":r.getPrimitiveColour("primary-40"),"icon-disabled":r.getPrimitiveColour("neutral-50"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-60"),"icon-selected-disabled":r.getPrimitiveColour("neutral-60"),"icon-success":r.getPrimitiveColour("success-50"),"icon-warning":r.getPrimitiveColour("warning-60"),"icon-error":r.getPrimitiveColour("error-50"),"icon-error-strong":r.getPrimitiveColour("error-40"),"icon-info":r.getPrimitiveColour("info-50"),"icon-inverse":r.getPrimitiveColour("white"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-90"),"border-strong":r.getPrimitiveColour("neutral-70"),"border-stronger":r.getPrimitiveColour("neutral-50"),"border-primary":r.getPrimitiveColour("primary-50"),"border-primary-subtle":r.getPrimitiveColour("primary-60"),"border-hover":r.getPrimitiveColour("primary-90"),"border-hover-strong":r.getPrimitiveColour("primary-60"),"border-selected":r.getPrimitiveColour("primary-50"),"border-selected-subtle":r.getPrimitiveColour("primary-70"),"border-selected-subtlest":r.getPrimitiveColour("primary-90"),"border-selected-hover":r.getPrimitiveColour("primary-40"),"border-focus":r.getPrimitiveColour("primary-60"),"border-focus-strong":r.getPrimitiveColour("primary-50"),"border-disabled":r.getPrimitiveColour("neutral-90"),"border-selected-disabled":r.getPrimitiveColour("neutral-70"),"border-success":r.getPrimitiveColour("success-60"),"border-warning":r.getPrimitiveColour("warning-60"),"border-error":r.getPrimitiveColour("error-60"),"border-error-focus":r.getPrimitiveColour("error-60"),"border-error-focus-strong":r.getPrimitiveColour("error-40"),"border-error-strong":r.getPrimitiveColour("error-40"),"border-info":r.getPrimitiveColour("info-60"),bg:r.getPrimitiveColour("white"),"bg-strong":r.getPrimitiveColour("neutral-100"),"bg-stronger":r.getPrimitiveColour("neutral-95"),"bg-strongest":r.getPrimitiveColour("neutral-90"),"bg-hover":r.getPrimitiveColour("primary-95"),"bg-hover-strong":r.getPrimitiveColour("primary-90"),"bg-hover-subtle":r.getPrimitiveColour("primary-100"),"bg-hover-neutral":r.getPrimitiveColour("neutral-100"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-90"),"bg-selected":r.getPrimitiveColour("primary-95"),"bg-selected-hover":r.getPrimitiveColour("primary-90"),"bg-selected-strong":r.getPrimitiveColour("primary-90"),"bg-selected-stronger":r.getPrimitiveColour("primary-70"),"bg-selected-strongest":r.getPrimitiveColour("primary-50"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-40"),"bg-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-70"),"bg-success":r.getPrimitiveColour("success-100"),"bg-success-hover":r.getPrimitiveColour("success-95"),"bg-success-strong":r.getPrimitiveColour("success-50"),"bg-success-strong-hover":r.getPrimitiveColour("success-40"),"bg-warning":r.getPrimitiveColour("warning-100"),"bg-warning-hover":r.getPrimitiveColour("warning-95"),"bg-warning-strong":r.getPrimitiveColour("warning-50"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-40"),"bg-info":r.getPrimitiveColour("info-100"),"bg-info-hover":r.getPrimitiveColour("info-95"),"bg-info-strong":r.getPrimitiveColour("info-50"),"bg-info-strong-hover":r.getPrimitiveColour("info-40"),"bg-error":r.getPrimitiveColour("error-100"),"bg-error-hover":r.getPrimitiveColour("error-95"),"bg-error-strong":r.getPrimitiveColour("error-50"),"bg-error-strong-hover":r.getPrimitiveColour("error-40"),"bg-inverse":r.getPrimitiveColour("neutral-20"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-30"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-50"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-60"),"bg-inverse-hover":r.getPrimitiveColour("neutral-40"),"bg-primary":r.getPrimitiveColour("primary-50"),"bg-primary-subtle":r.getPrimitiveColour("primary-60"),"bg-primary-subtler":r.getPrimitiveColour("primary-95"),"bg-primary-subtlest":r.getPrimitiveColour("primary-100"),"bg-available":"#6DD0A1","bg-secondary":r.getPrimitiveColour("secondary-50"),"bg-secondary-subtle":r.getPrimitiveColour("secondary-60"),"bg-secondary-subtler":r.getPrimitiveColour("secondary-95"),"bg-secondary-subtlest":r.getPrimitiveColour("secondary-100"),"bg-primary-hover":r.getPrimitiveColour("primary-40"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-90"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r.getPrimitiveColour("primary-50"),"hyperlink-hover":r.getPrimitiveColour("primary-40"),"hyperlink-visited":r.getPrimitiveColour("primary-40"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-50"),"focus-ring-inverse":r.getPrimitiveColour("white")},i={text:r.getPrimitiveColour("neutral-100"),"text-subtle":r.getPrimitiveColour("neutral-80"),"text-subtler":r.getPrimitiveColour("neutral-60"),"text-subtlest":r.getPrimitiveColour("neutral-50"),"text-primary":r.getPrimitiveColour("primary-60"),"text-primary-strongest":r.getPrimitiveColour("primary-90"),"text-secondary":r.getPrimitiveColour("secondary-60"),"text-secondary-subtle":r.getPrimitiveColour("secondary-50"),"text-hover":r.getPrimitiveColour("primary-70"),"text-selected":r.getPrimitiveColour("primary-60"),"text-selected-hover":r.getPrimitiveColour("primary-70"),"text-disabled":r.getPrimitiveColour("neutral-60"),"text-disabled-subtle":r.getPrimitiveColour("neutral-50"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-30"),"text-selected-disabled":r.getPrimitiveColour("neutral-90"),"text-success":r.getPrimitiveColour("success-70"),"text-warning":r.getPrimitiveColour("warning-70"),"text-error":r.getPrimitiveColour("error-70"),"text-info":r.getPrimitiveColour("info-70"),"text-inverse":r.getPrimitiveColour("black"),icon:r.getPrimitiveColour("neutral-60"),"icon-subtle":r.getPrimitiveColour("neutral-50"),"icon-strongest":r.getPrimitiveColour("neutral-90"),"icon-primary":r.getPrimitiveColour("primary-60"),"icon-primary-subtle":r.getPrimitiveColour("primary-50"),"icon-primary-subtlest":r.getPrimitiveColour("primary-40"),"icon-secondary":r.getPrimitiveColour("secondary-60"),"icon-secondary-subtle":r.getPrimitiveColour("secondary-50"),"icon-hover":r.getPrimitiveColour("primary-70"),"icon-selected":r.getPrimitiveColour("primary-60"),"icon-selected-hover":r.getPrimitiveColour("primary-70"),"icon-disabled":r.getPrimitiveColour("neutral-60"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-50"),"icon-selected-disabled":r.getPrimitiveColour("neutral-50"),"icon-success":r.getPrimitiveColour("success-60"),"icon-warning":r.getPrimitiveColour("warning-50"),"icon-error":r.getPrimitiveColour("error-60"),"icon-error-strong":r.getPrimitiveColour("error-70"),"icon-info":r.getPrimitiveColour("info-60"),"icon-inverse":r.getPrimitiveColour("black"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-20"),"border-strong":r.getPrimitiveColour("neutral-40"),"border-stronger":r.getPrimitiveColour("neutral-60"),"border-primary":r.getPrimitiveColour("primary-60"),"border-primary-subtle":r.getPrimitiveColour("primary-50"),"border-hover":r.getPrimitiveColour("primary-20"),"border-hover-strong":r.getPrimitiveColour("primary-50"),"border-selected":r.getPrimitiveColour("primary-60"),"border-selected-subtle":r.getPrimitiveColour("primary-40"),"border-selected-subtlest":r.getPrimitiveColour("primary-20"),"border-selected-hover":r.getPrimitiveColour("primary-70"),"border-focus":r.getPrimitiveColour("primary-50"),"border-focus-strong":r.getPrimitiveColour("primary-60"),"border-disabled":r.getPrimitiveColour("neutral-20"),"border-selected-disabled":r.getPrimitiveColour("neutral-40"),"border-success":r.getPrimitiveColour("success-50"),"border-warning":r.getPrimitiveColour("warning-50"),"border-error":r.getPrimitiveColour("error-50"),"border-error-focus":r.getPrimitiveColour("error-50"),"border-error-focus-strong":r.getPrimitiveColour("error-70"),"border-error-strong":r.getPrimitiveColour("error-70"),"border-info":r.getPrimitiveColour("info-50"),bg:r.getPrimitiveColour("black"),"bg-strong":r.getPrimitiveColour("neutral-10"),"bg-stronger":r.getPrimitiveColour("neutral-20"),"bg-strongest":r.getPrimitiveColour("neutral-20"),"bg-hover":r.getPrimitiveColour("primary-20"),"bg-hover-strong":r.getPrimitiveColour("primary-20"),"bg-hover-subtle":r.getPrimitiveColour("primary-10"),"bg-hover-neutral":r.getPrimitiveColour("neutral-10"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-20"),"bg-selected":r.getPrimitiveColour("primary-20"),"bg-selected-hover":r.getPrimitiveColour("primary-20"),"bg-selected-strong":r.getPrimitiveColour("primary-20"),"bg-selected-stronger":r.getPrimitiveColour("primary-40"),"bg-selected-strongest":r.getPrimitiveColour("primary-60"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-70"),"bg-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-40"),"bg-success":r.getPrimitiveColour("success-10"),"bg-success-hover":r.getPrimitiveColour("success-20"),"bg-success-strong":r.getPrimitiveColour("success-60"),"bg-success-strong-hover":r.getPrimitiveColour("success-70"),"bg-warning":r.getPrimitiveColour("warning-10"),"bg-warning-hover":r.getPrimitiveColour("warning-20"),"bg-warning-strong":r.getPrimitiveColour("warning-60"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-70"),"bg-info":r.getPrimitiveColour("info-10"),"bg-info-hover":r.getPrimitiveColour("info-20"),"bg-info-strong":r.getPrimitiveColour("info-60"),"bg-info-strong-hover":r.getPrimitiveColour("info-70"),"bg-error":r.getPrimitiveColour("error-10"),"bg-error-hover":r.getPrimitiveColour("error-20"),"bg-error-strong":r.getPrimitiveColour("error-60"),"bg-error-strong-hover":r.getPrimitiveColour("error-70"),"bg-inverse":r.getPrimitiveColour("neutral-90"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-80"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-60"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-50"),"bg-inverse-hover":r.getPrimitiveColour("neutral-70"),"bg-primary":r.getPrimitiveColour("primary-60"),"bg-primary-subtle":r.getPrimitiveColour("primary-50"),"bg-primary-subtler":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest":r.getPrimitiveColour("primary-10"),"bg-available":"#185339","bg-secondary":r.getPrimitiveColour("secondary-60"),"bg-secondary-subtle":r.getPrimitiveColour("secondary-50"),"bg-secondary-subtler":r.getPrimitiveColour("secondary-20"),"bg-secondary-subtlest":r.getPrimitiveColour("secondary-10"),"bg-primary-hover":r.getPrimitiveColour("primary-70"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-20"),"overlay-strong":"rgba(78, 78, 78, 0.80)","overlay-subtle":"rgba(78, 78, 78, 0.50)",hyperlink:r.getPrimitiveColour("primary-60"),"hyperlink-hover":r.getPrimitiveColour("primary-70"),"hyperlink-visited":r.getPrimitiveColour("primary-70"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-60"),"focus-ring-inverse":r.getPrimitiveColour("black")};exports.LifeSGColourSet=e,exports.LifeSGDarkColourSet=i;
|
|
1
|
+
"use strict";var r=require("../../colour-primitive/theme-helper.js");const e={text:r.getPrimitiveColour("neutral-20"),"text-subtle":r.getPrimitiveColour("neutral-30"),"text-subtler":r.getPrimitiveColour("neutral-50"),"text-subtlest":r.getPrimitiveColour("neutral-60"),"text-primary":r.getPrimitiveColour("primary-50"),"text-primary-strong":r.getPrimitiveColour("primary-40"),"text-primary-strongest":r.getPrimitiveColour("primary-20"),"text-brand":r.getPrimitiveColour("brand-50"),"text-secondary":r.getPrimitiveColour("secondary-50"),"text-secondary-subtle":r.getPrimitiveColour("secondary-60"),"text-hover":r.getPrimitiveColour("primary-40"),"text-selected":r.getPrimitiveColour("primary-50"),"text-selected-hover":r.getPrimitiveColour("primary-40"),"text-disabled":r.getPrimitiveColour("neutral-50"),"text-disabled-subtle":r.getPrimitiveColour("neutral-60"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-80"),"text-selected-disabled":r.getPrimitiveColour("neutral-20"),"text-success":r.getPrimitiveColour("success-40"),"text-warning":r.getPrimitiveColour("warning-40"),"text-error":r.getPrimitiveColour("error-40"),"text-info":r.getPrimitiveColour("info-40"),"text-inverse":r.getPrimitiveColour("white"),icon:r.getPrimitiveColour("neutral-50"),"icon-subtle":r.getPrimitiveColour("neutral-60"),"icon-strongest":r.getPrimitiveColour("neutral-20"),"icon-primary":r.getPrimitiveColour("primary-50"),"icon-primary-subtle":r.getPrimitiveColour("primary-60"),"icon-primary-subtlest":r.getPrimitiveColour("primary-70"),"icon-brand":r.getPrimitiveColour("brand-50"),"icon-secondary":r.getPrimitiveColour("secondary-50"),"icon-secondary-subtle":r.getPrimitiveColour("secondary-60"),"icon-hover":r.getPrimitiveColour("primary-40"),"icon-selected":r.getPrimitiveColour("primary-50"),"icon-selected-hover":r.getPrimitiveColour("primary-40"),"icon-disabled":r.getPrimitiveColour("neutral-50"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-60"),"icon-selected-disabled":r.getPrimitiveColour("neutral-60"),"icon-success":r.getPrimitiveColour("success-50"),"icon-warning":r.getPrimitiveColour("warning-60"),"icon-error":r.getPrimitiveColour("error-50"),"icon-error-strong":r.getPrimitiveColour("error-40"),"icon-info":r.getPrimitiveColour("info-50"),"icon-inverse":r.getPrimitiveColour("white"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-90"),"border-strong":r.getPrimitiveColour("neutral-70"),"border-stronger":r.getPrimitiveColour("neutral-50"),"border-primary":r.getPrimitiveColour("primary-50"),"border-primary-strong":r.getPrimitiveColour("primary-40"),"border-primary-subtle":r.getPrimitiveColour("primary-60"),"border-hover":r.getPrimitiveColour("primary-90"),"border-hover-strong":r.getPrimitiveColour("primary-60"),"border-selected":r.getPrimitiveColour("primary-50"),"border-selected-subtle":r.getPrimitiveColour("primary-70"),"border-selected-subtlest":r.getPrimitiveColour("primary-90"),"border-selected-hover":r.getPrimitiveColour("primary-40"),"border-focus":r.getPrimitiveColour("primary-60"),"border-focus-strong":r.getPrimitiveColour("primary-50"),"border-disabled":r.getPrimitiveColour("neutral-90"),"border-selected-disabled":r.getPrimitiveColour("neutral-70"),"border-success":r.getPrimitiveColour("success-60"),"border-warning":r.getPrimitiveColour("warning-60"),"border-error":r.getPrimitiveColour("error-60"),"border-error-focus":r.getPrimitiveColour("error-60"),"border-error-focus-strong":r.getPrimitiveColour("error-40"),"border-error-strong":r.getPrimitiveColour("error-40"),"border-info":r.getPrimitiveColour("info-60"),bg:r.getPrimitiveColour("white"),"bg-strong":r.getPrimitiveColour("neutral-100"),"bg-stronger":r.getPrimitiveColour("neutral-95"),"bg-strongest":r.getPrimitiveColour("neutral-90"),"bg-hover":r.getPrimitiveColour("primary-95"),"bg-hover-strong":r.getPrimitiveColour("primary-90"),"bg-hover-subtle":r.getPrimitiveColour("primary-100"),"bg-hover-neutral":r.getPrimitiveColour("neutral-100"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-90"),"bg-selected":r.getPrimitiveColour("primary-95"),"bg-selected-hover":r.getPrimitiveColour("primary-90"),"bg-selected-strong":r.getPrimitiveColour("primary-90"),"bg-selected-stronger":r.getPrimitiveColour("primary-70"),"bg-selected-strongest":r.getPrimitiveColour("primary-50"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-40"),"bg-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-70"),"bg-success":r.getPrimitiveColour("success-100"),"bg-success-hover":r.getPrimitiveColour("success-95"),"bg-success-strong":r.getPrimitiveColour("success-50"),"bg-success-strong-hover":r.getPrimitiveColour("success-40"),"bg-warning":r.getPrimitiveColour("warning-100"),"bg-warning-hover":r.getPrimitiveColour("warning-95"),"bg-warning-strong":r.getPrimitiveColour("warning-50"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-40"),"bg-info":r.getPrimitiveColour("info-100"),"bg-info-hover":r.getPrimitiveColour("info-95"),"bg-info-strong":r.getPrimitiveColour("info-50"),"bg-info-strong-hover":r.getPrimitiveColour("info-40"),"bg-error":r.getPrimitiveColour("error-100"),"bg-error-hover":r.getPrimitiveColour("error-95"),"bg-error-strong":r.getPrimitiveColour("error-50"),"bg-error-strong-hover":r.getPrimitiveColour("error-40"),"bg-inverse":r.getPrimitiveColour("neutral-20"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-30"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-50"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-60"),"bg-inverse-hover":r.getPrimitiveColour("neutral-40"),"bg-primary":r.getPrimitiveColour("primary-50"),"bg-primary-strong":r.getPrimitiveColour("primary-40"),"bg-primary-subtle":r.getPrimitiveColour("primary-60"),"bg-primary-subtler":r.getPrimitiveColour("primary-95"),"bg-primary-subtlest":r.getPrimitiveColour("primary-100"),"bg-secondary":r.getPrimitiveColour("secondary-50"),"bg-secondary-subtle":r.getPrimitiveColour("secondary-60"),"bg-secondary-subtler":r.getPrimitiveColour("secondary-95"),"bg-secondary-subtlest":r.getPrimitiveColour("secondary-100"),"bg-available":"#6DD0A1","bg-primary-hover":r.getPrimitiveColour("primary-40"),"bg-primary-strong-hover":r.getPrimitiveColour("primary-30"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-90"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r.getPrimitiveColour("primary-50"),"hyperlink-hover":r.getPrimitiveColour("primary-40"),"hyperlink-visited":r.getPrimitiveColour("primary-40"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-50"),"focus-ring-inverse":r.getPrimitiveColour("white")},i={text:r.getPrimitiveColour("neutral-100"),"text-subtle":r.getPrimitiveColour("neutral-80"),"text-subtler":r.getPrimitiveColour("neutral-60"),"text-subtlest":r.getPrimitiveColour("neutral-50"),"text-primary":r.getPrimitiveColour("primary-60"),"text-primary-strong":r.getPrimitiveColour("primary-70"),"text-primary-strongest":r.getPrimitiveColour("primary-90"),"text-brand":r.getPrimitiveColour("brand-50"),"text-secondary":r.getPrimitiveColour("secondary-60"),"text-secondary-subtle":r.getPrimitiveColour("secondary-50"),"text-hover":r.getPrimitiveColour("primary-70"),"text-selected":r.getPrimitiveColour("primary-60"),"text-selected-hover":r.getPrimitiveColour("primary-70"),"text-disabled":r.getPrimitiveColour("neutral-60"),"text-disabled-subtle":r.getPrimitiveColour("neutral-50"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-30"),"text-selected-disabled":r.getPrimitiveColour("neutral-90"),"text-success":r.getPrimitiveColour("success-70"),"text-warning":r.getPrimitiveColour("warning-70"),"text-error":r.getPrimitiveColour("error-70"),"text-info":r.getPrimitiveColour("info-70"),"text-inverse":r.getPrimitiveColour("black"),icon:r.getPrimitiveColour("neutral-60"),"icon-subtle":r.getPrimitiveColour("neutral-50"),"icon-strongest":r.getPrimitiveColour("neutral-90"),"icon-primary":r.getPrimitiveColour("primary-60"),"icon-primary-subtle":r.getPrimitiveColour("primary-50"),"icon-primary-subtlest":r.getPrimitiveColour("primary-40"),"icon-brand":r.getPrimitiveColour("brand-50"),"icon-secondary":r.getPrimitiveColour("secondary-60"),"icon-secondary-subtle":r.getPrimitiveColour("secondary-50"),"icon-hover":r.getPrimitiveColour("primary-70"),"icon-selected":r.getPrimitiveColour("primary-60"),"icon-selected-hover":r.getPrimitiveColour("primary-70"),"icon-disabled":r.getPrimitiveColour("neutral-60"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-50"),"icon-selected-disabled":r.getPrimitiveColour("neutral-50"),"icon-success":r.getPrimitiveColour("success-60"),"icon-warning":r.getPrimitiveColour("warning-50"),"icon-error":r.getPrimitiveColour("error-60"),"icon-error-strong":r.getPrimitiveColour("error-70"),"icon-info":r.getPrimitiveColour("info-60"),"icon-inverse":r.getPrimitiveColour("black"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-20"),"border-strong":r.getPrimitiveColour("neutral-40"),"border-stronger":r.getPrimitiveColour("neutral-60"),"border-primary":r.getPrimitiveColour("primary-60"),"border-primary-strong":r.getPrimitiveColour("primary-70"),"border-primary-subtle":r.getPrimitiveColour("primary-50"),"border-hover":r.getPrimitiveColour("primary-20"),"border-hover-strong":r.getPrimitiveColour("primary-50"),"border-selected":r.getPrimitiveColour("primary-60"),"border-selected-subtle":r.getPrimitiveColour("primary-40"),"border-selected-subtlest":r.getPrimitiveColour("primary-20"),"border-selected-hover":r.getPrimitiveColour("primary-70"),"border-focus":r.getPrimitiveColour("primary-50"),"border-focus-strong":r.getPrimitiveColour("primary-60"),"border-disabled":r.getPrimitiveColour("neutral-20"),"border-selected-disabled":r.getPrimitiveColour("neutral-40"),"border-success":r.getPrimitiveColour("success-50"),"border-warning":r.getPrimitiveColour("warning-50"),"border-error":r.getPrimitiveColour("error-50"),"border-error-focus":r.getPrimitiveColour("error-50"),"border-error-focus-strong":r.getPrimitiveColour("error-70"),"border-error-strong":r.getPrimitiveColour("error-70"),"border-info":r.getPrimitiveColour("info-50"),bg:r.getPrimitiveColour("black"),"bg-strong":r.getPrimitiveColour("neutral-10"),"bg-stronger":r.getPrimitiveColour("neutral-20"),"bg-strongest":r.getPrimitiveColour("neutral-20"),"bg-hover":r.getPrimitiveColour("primary-20"),"bg-hover-strong":r.getPrimitiveColour("primary-20"),"bg-hover-subtle":r.getPrimitiveColour("primary-10"),"bg-hover-neutral":r.getPrimitiveColour("neutral-10"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-20"),"bg-selected":r.getPrimitiveColour("primary-20"),"bg-selected-hover":r.getPrimitiveColour("primary-20"),"bg-selected-strong":r.getPrimitiveColour("primary-20"),"bg-selected-stronger":r.getPrimitiveColour("primary-40"),"bg-selected-strongest":r.getPrimitiveColour("primary-60"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-70"),"bg-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-40"),"bg-success":r.getPrimitiveColour("success-10"),"bg-success-hover":r.getPrimitiveColour("success-20"),"bg-success-strong":r.getPrimitiveColour("success-60"),"bg-success-strong-hover":r.getPrimitiveColour("success-70"),"bg-warning":r.getPrimitiveColour("warning-10"),"bg-warning-hover":r.getPrimitiveColour("warning-20"),"bg-warning-strong":r.getPrimitiveColour("warning-60"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-70"),"bg-info":r.getPrimitiveColour("info-10"),"bg-info-hover":r.getPrimitiveColour("info-20"),"bg-info-strong":r.getPrimitiveColour("info-60"),"bg-info-strong-hover":r.getPrimitiveColour("info-70"),"bg-error":r.getPrimitiveColour("error-10"),"bg-error-hover":r.getPrimitiveColour("error-20"),"bg-error-strong":r.getPrimitiveColour("error-60"),"bg-error-strong-hover":r.getPrimitiveColour("error-70"),"bg-inverse":r.getPrimitiveColour("neutral-90"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-80"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-60"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-50"),"bg-inverse-hover":r.getPrimitiveColour("neutral-70"),"bg-primary":r.getPrimitiveColour("primary-60"),"bg-primary-strong":r.getPrimitiveColour("primary-70"),"bg-primary-subtle":r.getPrimitiveColour("primary-50"),"bg-primary-subtler":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest":r.getPrimitiveColour("primary-10"),"bg-secondary":r.getPrimitiveColour("secondary-60"),"bg-secondary-subtle":r.getPrimitiveColour("secondary-50"),"bg-secondary-subtler":r.getPrimitiveColour("secondary-20"),"bg-secondary-subtlest":r.getPrimitiveColour("secondary-10"),"bg-available":"#185339","bg-primary-hover":r.getPrimitiveColour("primary-70"),"bg-primary-strong-hover":r.getPrimitiveColour("primary-80"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-20"),"overlay-strong":"rgba(78, 78, 78, 0.80)","overlay-subtle":"rgba(78, 78, 78, 0.50)",hyperlink:r.getPrimitiveColour("primary-60"),"hyperlink-hover":r.getPrimitiveColour("primary-70"),"hyperlink-visited":r.getPrimitiveColour("primary-70"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-60"),"focus-ring-inverse":r.getPrimitiveColour("black")};exports.LifeSGColourSet=e,exports.LifeSGDarkColourSet=i;
|
|
2
2
|
//# sourceMappingURL=lifesg-semantic-tokens.js.map
|