@lifesg/react-design-system 3.5.0-canary.1 → 3.5.0-canary.3
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/cjs/data-table/data-table.js +1 -1
- package/cjs/data-table/data-table.js.map +1 -1
- package/cjs/data-table/data-table.styles.js +61 -52
- package/cjs/data-table/data-table.styles.js.map +1 -1
- package/cjs/external/dompurify/dist/purify.es.js +2 -2
- package/cjs/external/dompurify/dist/purify.es.js.map +1 -1
- package/cjs/footer/footer-helper.js +1 -1
- package/cjs/footer/footer-helper.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/navbar/drawer.js +1 -1
- package/cjs/navbar/drawer.js.map +1 -1
- package/cjs/navbar/navbar-logo-data.js +1 -1
- package/cjs/navbar/navbar-logo-data.js.map +1 -1
- package/cjs/navbar/navbar.js +1 -1
- package/cjs/navbar/navbar.js.map +1 -1
- package/cjs/predictive-text-input/predictive-text-input.js +1 -1
- package/cjs/predictive-text-input/predictive-text-input.js.map +1 -1
- package/cjs/shared/dropdown-wrapper/element-with-dropdown.js +1 -1
- package/cjs/shared/dropdown-wrapper/element-with-dropdown.js.map +1 -1
- package/cjs/shared/internal-calendar/calendar-manager.style.js +18 -17
- package/cjs/shared/internal-calendar/calendar-manager.style.js.map +1 -1
- package/cjs/table/table.styles.js +4 -6
- package/cjs/table/table.styles.js.map +1 -1
- package/cjs/theme/colour-primitive/specs/toteboard-colour-set.js +2 -0
- package/cjs/theme/colour-primitive/specs/toteboard-colour-set.js.map +1 -0
- package/cjs/theme/colour-primitive/theme-helper.js +1 -1
- package/cjs/theme/colour-primitive/theme-helper.js.map +1 -1
- 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/specs/toteboard-font-set.js +2 -0
- package/cjs/theme/font/specs/toteboard-font-set.js.map +1 -0
- package/cjs/theme/font/theme-helper.js +1 -1
- package/cjs/theme/font/theme-helper.js.map +1 -1
- package/cjs/theme/font-spec/specs/toteboard-font-spec-set.js +2 -0
- package/cjs/theme/font-spec/specs/toteboard-font-spec-set.js.map +1 -0
- package/cjs/theme/font-spec/theme-helper.js +1 -1
- package/cjs/theme/font-spec/theme-helper.js.map +1 -1
- package/cjs/theme/index.js +1 -1
- package/cjs/theme/index.js.map +1 -1
- package/cjs/time-range-picker/combobox-picker/combobox-picker.js +1 -1
- package/cjs/time-range-picker/combobox-picker/combobox-picker.js.map +1 -1
- package/cjs/time-range-picker/common.styles.js +7 -3
- package/cjs/time-range-picker/common.styles.js.map +1 -1
- package/cjs/time-range-picker/dial-picker/dial-picker.js +1 -1
- package/cjs/time-range-picker/dial-picker/dial-picker.js.map +1 -1
- package/cjs/timepicker/timepicker.styles.js +7 -3
- package/cjs/timepicker/timepicker.styles.js.map +1 -1
- package/cjs/util/merge-refs.js +1 -1
- package/cjs/util/merge-refs.js.map +1 -1
- package/cjs/util/use-throttle.js +2 -0
- package/cjs/util/use-throttle.js.map +1 -0
- package/data-table/data-table.js +1 -1
- package/data-table/data-table.js.map +1 -1
- package/data-table/data-table.styles.d.ts +11 -11
- package/data-table/data-table.styles.js +73 -64
- package/data-table/data-table.styles.js.map +1 -1
- package/external/dompurify/dist/purify.es.js +2 -2
- package/external/dompurify/dist/purify.es.js.map +1 -1
- package/footer/footer-helper.js +1 -1
- package/footer/footer-helper.js.map +1 -1
- package/index.js +1 -1
- package/navbar/drawer.js +1 -1
- package/navbar/drawer.js.map +1 -1
- package/navbar/navbar-logo-data.js +1 -1
- package/navbar/navbar-logo-data.js.map +1 -1
- package/navbar/navbar.js +1 -1
- package/navbar/navbar.js.map +1 -1
- package/package.json +1 -1
- package/predictive-text-input/predictive-text-input.js +1 -1
- package/predictive-text-input/predictive-text-input.js.map +1 -1
- package/shared/dropdown-wrapper/element-with-dropdown.d.ts +5 -4
- package/shared/dropdown-wrapper/element-with-dropdown.js +1 -1
- package/shared/dropdown-wrapper/element-with-dropdown.js.map +1 -1
- package/shared/internal-calendar/calendar-manager.style.js +18 -17
- package/shared/internal-calendar/calendar-manager.style.js.map +1 -1
- package/table/table.styles.js +10 -12
- package/table/table.styles.js.map +1 -1
- package/theme/colour-primitive/specs/toteboard-colour-set.d.ts +2 -0
- package/theme/colour-primitive/specs/toteboard-colour-set.js +2 -0
- package/theme/colour-primitive/specs/toteboard-colour-set.js.map +1 -0
- package/theme/colour-primitive/theme-helper.js +1 -1
- package/theme/colour-primitive/theme-helper.js.map +1 -1
- package/theme/colour-semantic/theme-helper.js +1 -1
- package/theme/colour-semantic/theme-helper.js.map +1 -1
- package/theme/font/specs/toteboard-font-set.d.ts +2 -0
- package/theme/font/specs/toteboard-font-set.js +2 -0
- package/theme/font/specs/toteboard-font-set.js.map +1 -0
- package/theme/font/theme-helper.js +1 -1
- package/theme/font/theme-helper.js.map +1 -1
- package/theme/font-spec/specs/toteboard-font-spec-set.d.ts +2 -0
- package/theme/font-spec/specs/toteboard-font-spec-set.js +2 -0
- package/theme/font-spec/specs/toteboard-font-spec-set.js.map +1 -0
- package/theme/font-spec/theme-helper.js +1 -1
- package/theme/font-spec/theme-helper.js.map +1 -1
- package/theme/index.d.ts +19 -0
- package/theme/index.js +1 -1
- package/theme/index.js.map +1 -1
- package/theme/types.d.ts +3 -3
- package/time-range-picker/combobox-picker/combobox-picker.js +1 -1
- package/time-range-picker/combobox-picker/combobox-picker.js.map +1 -1
- package/time-range-picker/common.styles.d.ts +6 -2
- package/time-range-picker/common.styles.js +9 -5
- package/time-range-picker/common.styles.js.map +1 -1
- package/time-range-picker/dial-picker/dial-picker.js +1 -1
- package/time-range-picker/dial-picker/dial-picker.js.map +1 -1
- package/timepicker/timepicker.styles.js +7 -3
- package/timepicker/timepicker.styles.js.map +1 -1
- package/util/index.d.ts +1 -0
- package/util/merge-refs.d.ts +1 -1
- package/util/merge-refs.js +1 -1
- package/util/merge-refs.js.map +1 -1
- package/util/use-throttle.d.ts +1 -0
- package/util/use-throttle.js +2 -0
- package/util/use-throttle.js.map +1 -0
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
"use strict";var e=require("@lifesg/react-icons/chevron-down"),t=require("@lifesg/react-icons/chevron-left"),o=require("@lifesg/react-icons/chevron-right"),r=require("styled-components"),i=require("../../button/button.js"),n=require("../../theme/index.js"),a=require("../clickable-icon/clickable-icon.js");function
|
|
1
|
+
"use strict";var e=require("@lifesg/react-icons/chevron-down"),t=require("@lifesg/react-icons/chevron-left"),o=require("@lifesg/react-icons/chevron-right"),r=require("styled-components"),i=require("../../button/button.js"),n=require("../../theme/index.js"),a=require("../clickable-icon/clickable-icon.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(r);const s=r.css`
|
|
2
2
|
color: ${n.Colour.icon};
|
|
3
3
|
height: 1rem;
|
|
4
4
|
width: 1rem;
|
|
5
|
-
`,p=
|
|
5
|
+
`,p=d.default(t.ChevronLeftIcon)`
|
|
6
6
|
${s}
|
|
7
|
-
`,u=
|
|
7
|
+
`,u=d.default(o.ChevronRightIcon)`
|
|
8
8
|
${s}
|
|
9
|
-
`,c=
|
|
9
|
+
`,c=d.default(e.ChevronDownIcon)`
|
|
10
10
|
${s}
|
|
11
11
|
transition: transform 250ms ease-in-out;
|
|
12
12
|
margin-left: 0.5rem;
|
|
13
|
-
`,f=
|
|
13
|
+
`,f=d.default.div`
|
|
14
14
|
position: relative;
|
|
15
15
|
width: 100%;
|
|
16
16
|
display: flex;
|
|
@@ -18,17 +18,18 @@
|
|
|
18
18
|
|
|
19
19
|
padding-top: var(--vertical-inset);
|
|
20
20
|
padding-bottom: var(--vertical-inset);
|
|
21
|
-
`,
|
|
21
|
+
`,v=d.default.div`
|
|
22
22
|
display: flex;
|
|
23
23
|
flex: 1;
|
|
24
24
|
position: relative;
|
|
25
|
-
|
|
25
|
+
overflow-y: scroll;
|
|
26
|
+
`,g=d.default.div`
|
|
26
27
|
isolation: isolate;
|
|
27
28
|
width: 100%;
|
|
28
29
|
|
|
29
30
|
padding-left: var(--horizontal-inset);
|
|
30
31
|
padding-right: var(--horizontal-inset);
|
|
31
|
-
`,h=
|
|
32
|
+
`,h=d.default.div`
|
|
32
33
|
position: absolute;
|
|
33
34
|
top: 0;
|
|
34
35
|
left: 0;
|
|
@@ -42,16 +43,16 @@
|
|
|
42
43
|
${e=>{if(!e.$visible)return r.css`
|
|
43
44
|
display: none;
|
|
44
45
|
`}}
|
|
45
|
-
`,x=
|
|
46
|
+
`,x=d.default.div`
|
|
46
47
|
display: flex;
|
|
47
48
|
justify-content: space-between;
|
|
48
49
|
|
|
49
50
|
padding-left: var(--header-horizontal-inset, var(--horizontal-inset));
|
|
50
51
|
padding-right: var(--header-horizontal-inset, var(--horizontal-inset));
|
|
51
52
|
padding-bottom: var(--header-bottom-spacing);
|
|
52
|
-
`,m=
|
|
53
|
+
`,m=d.default.div`
|
|
53
54
|
display: flex;
|
|
54
|
-
`,b=
|
|
55
|
+
`,b=d.default.button`
|
|
55
56
|
border: none;
|
|
56
57
|
display: flex;
|
|
57
58
|
align-items: center;
|
|
@@ -66,26 +67,26 @@
|
|
|
66
67
|
transform: rotate(180deg);
|
|
67
68
|
}
|
|
68
69
|
`:void 0};
|
|
69
|
-
`,w=
|
|
70
|
+
`,w=d.default.span`
|
|
70
71
|
${n.Font["body-md-regular"]}
|
|
71
72
|
color: ${n.Colour.text};
|
|
72
|
-
`,y=
|
|
73
|
+
`,y=d.default.div`
|
|
73
74
|
display: flex;
|
|
74
|
-
`,$=
|
|
75
|
+
`,$=d.default(a.ClickableIcon)`
|
|
75
76
|
margin: auto 0;
|
|
76
77
|
padding: 0.75rem;
|
|
77
78
|
|
|
78
79
|
&:disabled {
|
|
79
80
|
cursor: not-allowed;
|
|
80
81
|
}
|
|
81
|
-
`,z=
|
|
82
|
+
`,z=d.default.div`
|
|
82
83
|
display: flex;
|
|
83
84
|
gap: 0.5rem;
|
|
84
85
|
margin-top: 1.5rem;
|
|
85
86
|
|
|
86
87
|
padding-left: var(--horizontal-inset);
|
|
87
88
|
padding-right: var(--horizontal-inset);
|
|
88
|
-
`,C=
|
|
89
|
+
`,C=d.default(i.Button.Small)`
|
|
89
90
|
flex: 1;
|
|
90
|
-
`;exports.ActionButton=C,exports.ActionButtonSection=z,exports.ArrowLeft=p,exports.ArrowRight=u,exports.Container=f,exports.DefaultView=
|
|
91
|
+
`;exports.ActionButton=C,exports.ActionButtonSection=z,exports.ArrowLeft=p,exports.ArrowRight=u,exports.Container=f,exports.DefaultView=g,exports.DropdownButton=b,exports.DropdownText=w,exports.Header=x,exports.HeaderArrowButton=$,exports.HeaderArrows=y,exports.HeaderInputDropdown=m,exports.IconChevronDown=c,exports.OptionsOverlay=h,exports.ToggleZone=v;
|
|
91
92
|
//# sourceMappingURL=calendar-manager.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-manager.style.js","sources":["../../../../src/shared/internal-calendar/calendar-manager.style.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons/chevron-down\";\nimport { ChevronLeftIcon } from \"@lifesg/react-icons/chevron-left\";\nimport { ChevronRightIcon } from \"@lifesg/react-icons/chevron-right\";\nimport styled, { css } from \"styled-components\";\nimport { Button } from \"../../button\";\nimport { Colour, Font } from \"../../theme\";\nimport { ClickableIcon } from \"../clickable-icon\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface DropdownButtonStyleProps {\n $expanded: boolean;\n $visible?: boolean;\n}\n\ninterface OverlayStyleProps {\n $visible?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n// -----------------------------------------------------------------------------\n// ICONS\n// -----------------------------------------------------------------------------\nconst iconStyle = css`\n color: ${Colour.icon};\n height: 1rem;\n width: 1rem;\n`;\n\nexport const ArrowLeft = styled(ChevronLeftIcon)`\n ${iconStyle}\n`;\n\nexport const ArrowRight = styled(ChevronRightIcon)`\n ${iconStyle}\n`;\n\nexport const IconChevronDown = styled(ChevronDownIcon)`\n ${iconStyle}\n transition: transform 250ms ease-in-out;\n margin-left: 0.5rem;\n`;\n\n// -----------------------------------------------------------------------------\n// MAIN\n// -----------------------------------------------------------------------------\nexport const Container = styled.div`\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n\n padding-top: var(--vertical-inset);\n padding-bottom: var(--vertical-inset);\n`;\n\nexport const ToggleZone = styled.div`\n display: flex;\n flex: 1;\n position: relative;\n`;\n\nexport const DefaultView = styled.div`\n isolation: isolate;\n width: 100%;\n\n padding-left: var(--horizontal-inset);\n padding-right: var(--horizontal-inset);\n`;\n\nexport const OptionsOverlay = styled.div<OverlayStyleProps>`\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background: ${Colour.bg};\n\n padding-left: var(--horizontal-inset);\n padding-right: var(--horizontal-inset);\n\n ${(props) => {\n if (!props.$visible) {\n return css`\n display: none;\n `;\n }\n }}\n`;\n\n// -----------------------------------------------------------------------------\n// HEADER\n// -----------------------------------------------------------------------------\nexport const Header = styled.div`\n display: flex;\n justify-content: space-between;\n\n padding-left: var(--header-horizontal-inset, var(--horizontal-inset));\n padding-right: var(--header-horizontal-inset, var(--horizontal-inset));\n padding-bottom: var(--header-bottom-spacing);\n`;\n\nexport const HeaderInputDropdown = styled.div`\n display: flex;\n`;\n\nexport const DropdownButton = styled.button<DropdownButtonStyleProps>`\n border: none;\n display: flex;\n align-items: center;\n padding: 0.5rem;\n background: transparent;\n cursor: pointer;\n\n ${(props) => {\n if (props.$visible === false) {\n return css`\n display: none;\n `;\n }\n\n if (props.$expanded) {\n return css`\n ${IconChevronDown} {\n transform: rotate(180deg);\n }\n `;\n }\n }};\n`;\n\nexport const DropdownText = styled.span`\n ${Font[\"body-md-regular\"]}\n color: ${Colour[\"text\"]};\n`;\n\nexport const HeaderArrows = styled.div`\n display: flex;\n`;\n\nexport const HeaderArrowButton = styled(ClickableIcon)`\n margin: auto 0;\n padding: 0.75rem;\n\n &:disabled {\n cursor: not-allowed;\n }\n`;\n\n// -----------------------------------------------------------------------------\n// ACTION BUTTONS\n// -----------------------------------------------------------------------------\nexport const ActionButtonSection = styled.div`\n display: flex;\n gap: 0.5rem;\n margin-top: 1.5rem;\n\n padding-left: var(--horizontal-inset);\n padding-right: var(--horizontal-inset);\n`;\n\nexport const ActionButton = styled(Button.Small)`\n flex: 1;\n`;\n"],"names":["iconStyle","css","Colour","icon","ArrowLeft","styled","ChevronLeftIcon","ArrowRight","ChevronRightIcon","IconChevronDown","ChevronDownIcon","Container","div","ToggleZone","DefaultView","OptionsOverlay","bg","props","$visible","Header","HeaderInputDropdown","DropdownButton","button","$expanded","DropdownText","span","Font","HeaderArrows","HeaderArrowButton","ClickableIcon","ActionButtonSection","ActionButton","Button","Small"],"mappings":"qYA0BA,MAAMA,EAAYC,EAAAA,GAAG;aACRC,EAAAA,OAAOC;;;EAKPC,EAAYC,EAAAA,QAAOC,EAAAA,gBAAgB;MAC1CN;EAGOO,EAAaF,EAAAA,QAAOG,EAAAA,iBAAiB;MAC5CR;EAGOS,EAAkBJ,EAAAA,QAAOK,EAAAA,gBAAgB;MAChDV;;;EAQOW,EAAYN,EAAAA,QAAOO,GAAG;;;;;;;;EAUtBC,EAAaR,EAAAA,QAAOO,GAAG
|
|
1
|
+
{"version":3,"file":"calendar-manager.style.js","sources":["../../../../src/shared/internal-calendar/calendar-manager.style.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons/chevron-down\";\nimport { ChevronLeftIcon } from \"@lifesg/react-icons/chevron-left\";\nimport { ChevronRightIcon } from \"@lifesg/react-icons/chevron-right\";\nimport styled, { css } from \"styled-components\";\nimport { Button } from \"../../button\";\nimport { Colour, Font } from \"../../theme\";\nimport { ClickableIcon } from \"../clickable-icon\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface DropdownButtonStyleProps {\n $expanded: boolean;\n $visible?: boolean;\n}\n\ninterface OverlayStyleProps {\n $visible?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n// -----------------------------------------------------------------------------\n// ICONS\n// -----------------------------------------------------------------------------\nconst iconStyle = css`\n color: ${Colour.icon};\n height: 1rem;\n width: 1rem;\n`;\n\nexport const ArrowLeft = styled(ChevronLeftIcon)`\n ${iconStyle}\n`;\n\nexport const ArrowRight = styled(ChevronRightIcon)`\n ${iconStyle}\n`;\n\nexport const IconChevronDown = styled(ChevronDownIcon)`\n ${iconStyle}\n transition: transform 250ms ease-in-out;\n margin-left: 0.5rem;\n`;\n\n// -----------------------------------------------------------------------------\n// MAIN\n// -----------------------------------------------------------------------------\nexport const Container = styled.div`\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n\n padding-top: var(--vertical-inset);\n padding-bottom: var(--vertical-inset);\n`;\n\nexport const ToggleZone = styled.div`\n display: flex;\n flex: 1;\n position: relative;\n overflow-y: scroll;\n`;\n\nexport const DefaultView = styled.div`\n isolation: isolate;\n width: 100%;\n\n padding-left: var(--horizontal-inset);\n padding-right: var(--horizontal-inset);\n`;\n\nexport const OptionsOverlay = styled.div<OverlayStyleProps>`\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background: ${Colour.bg};\n\n padding-left: var(--horizontal-inset);\n padding-right: var(--horizontal-inset);\n\n ${(props) => {\n if (!props.$visible) {\n return css`\n display: none;\n `;\n }\n }}\n`;\n\n// -----------------------------------------------------------------------------\n// HEADER\n// -----------------------------------------------------------------------------\nexport const Header = styled.div`\n display: flex;\n justify-content: space-between;\n\n padding-left: var(--header-horizontal-inset, var(--horizontal-inset));\n padding-right: var(--header-horizontal-inset, var(--horizontal-inset));\n padding-bottom: var(--header-bottom-spacing);\n`;\n\nexport const HeaderInputDropdown = styled.div`\n display: flex;\n`;\n\nexport const DropdownButton = styled.button<DropdownButtonStyleProps>`\n border: none;\n display: flex;\n align-items: center;\n padding: 0.5rem;\n background: transparent;\n cursor: pointer;\n\n ${(props) => {\n if (props.$visible === false) {\n return css`\n display: none;\n `;\n }\n\n if (props.$expanded) {\n return css`\n ${IconChevronDown} {\n transform: rotate(180deg);\n }\n `;\n }\n }};\n`;\n\nexport const DropdownText = styled.span`\n ${Font[\"body-md-regular\"]}\n color: ${Colour[\"text\"]};\n`;\n\nexport const HeaderArrows = styled.div`\n display: flex;\n`;\n\nexport const HeaderArrowButton = styled(ClickableIcon)`\n margin: auto 0;\n padding: 0.75rem;\n\n &:disabled {\n cursor: not-allowed;\n }\n`;\n\n// -----------------------------------------------------------------------------\n// ACTION BUTTONS\n// -----------------------------------------------------------------------------\nexport const ActionButtonSection = styled.div`\n display: flex;\n gap: 0.5rem;\n margin-top: 1.5rem;\n\n padding-left: var(--horizontal-inset);\n padding-right: var(--horizontal-inset);\n`;\n\nexport const ActionButton = styled(Button.Small)`\n flex: 1;\n`;\n"],"names":["iconStyle","css","Colour","icon","ArrowLeft","styled","ChevronLeftIcon","ArrowRight","ChevronRightIcon","IconChevronDown","ChevronDownIcon","Container","div","ToggleZone","DefaultView","OptionsOverlay","bg","props","$visible","Header","HeaderInputDropdown","DropdownButton","button","$expanded","DropdownText","span","Font","HeaderArrows","HeaderArrowButton","ClickableIcon","ActionButtonSection","ActionButton","Button","Small"],"mappings":"qYA0BA,MAAMA,EAAYC,EAAAA,GAAG;aACRC,EAAAA,OAAOC;;;EAKPC,EAAYC,EAAAA,QAAOC,EAAAA,gBAAgB;MAC1CN;EAGOO,EAAaF,EAAAA,QAAOG,EAAAA,iBAAiB;MAC5CR;EAGOS,EAAkBJ,EAAAA,QAAOK,EAAAA,gBAAgB;MAChDV;;;EAQOW,EAAYN,EAAAA,QAAOO,GAAG;;;;;;;;EAUtBC,EAAaR,EAAAA,QAAOO,GAAG;;;;;EAOvBE,EAAcT,EAAAA,QAAOO,GAAG;;;;;;EAQxBG,EAAiBV,EAAAA,QAAOO,GAAsB;;;;;;kBAMzCV,EAAAA,OAAOc;;;;;MAKlBC,IACC,IAAKA,EAAMC,SACP,OAAOjB,KAAG;;aAGd;EAOKkB,EAASd,EAAAA,QAAOO,GAAG;;;;;;;EASnBQ,EAAsBf,EAAAA,QAAOO,GAAG;;EAIhCS,EAAiBhB,EAAAA,QAAOiB,MAAgC;;;;;;;;MAQ9DL,IACwB,IAAnBA,EAAMC,SACCjB,KAAG;;cAKVgB,EAAMM,UACCtB,KAAG;kBACJQ;;;mBAFV;EAUKe,EAAenB,EAAAA,QAAOoB,IAAI;MACjCC,EAAAA,KAAK;aACExB,EAAAA,OAAa;EAGbyB,EAAetB,EAAAA,QAAOO,GAAG;;EAIzBgB,EAAoBvB,EAAAA,QAAOwB,EAAAA,cAAc;;;;;;;EAYzCC,EAAsBzB,EAAAA,QAAOO,GAAG;;;;;;;EAShCmB,EAAe1B,EAAAA,QAAO2B,SAAOC,MAAM;;"}
|
|
@@ -3,13 +3,11 @@
|
|
|
3
3
|
border: ${r.Border["width-010"]} ${r.Border.solid} ${t};
|
|
4
4
|
border-radius: ${r.Radius.md};
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
/* Hide scrollbar */
|
|
7
|
+
scrollbar-width: none; /* Firefox */
|
|
8
|
+
-ms-overflow-style: none; /* IE 10+ */
|
|
7
9
|
&::-webkit-scrollbar {
|
|
8
|
-
display: none;
|
|
9
|
-
}
|
|
10
|
-
* {
|
|
11
|
-
-ms-overflow-style: none; /* IE and Edge */
|
|
12
|
-
scrollbar-width: none; /* Firefox */
|
|
10
|
+
display: none; /* Chrome/Safari/Webkit */
|
|
13
11
|
}
|
|
14
12
|
`;i.displayName="Table.Container";const l=d.default.table`
|
|
15
13
|
text-align: left;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.styles.js","sources":["../../../src/table/table.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { Border, Colour, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLES CONSTANTS\n// =============================================================================\nconst borderColor = Colour[\"border\"];\nconst fontColor = Colour[\"text\"];\n\n// =============================================================================\n// STYLES\n// =============================================================================\nexport const TableWrapper = styled.div`\n overflow: auto;\n border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${borderColor};\n border-radius: ${Radius[\"md\"]};\n\n
|
|
1
|
+
{"version":3,"file":"table.styles.js","sources":["../../../src/table/table.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { Border, Colour, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLES CONSTANTS\n// =============================================================================\nconst borderColor = Colour[\"border\"];\nconst fontColor = Colour[\"text\"];\n\n// =============================================================================\n// STYLES\n// =============================================================================\nexport const TableWrapper = styled.div`\n overflow: auto;\n border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${borderColor};\n border-radius: ${Radius[\"md\"]};\n\n /* Hide scrollbar */\n scrollbar-width: none; /* Firefox */\n -ms-overflow-style: none; /* IE 10+ */\n &::-webkit-scrollbar {\n display: none; /* Chrome/Safari/Webkit */\n }\n`;\n\nTableWrapper.displayName = \"Table.Container\";\n\nexport const TableComponent = styled.table`\n text-align: left;\n border-collapse: separate;\n border-spacing: 0;\n width: 100%;\n`;\n\nTableComponent.displayName = \"Table.Table\";\n\nexport const TableBody = styled.tbody`\n :where(tr:last-child) {\n td {\n border-bottom: none;\n }\n }\n`;\n\nexport const HeaderCell = styled.th`\n padding: ${Spacing[\"spacing-20\"]} ${Spacing[\"spacing-16\"]};\n text-align: left;\n cursor: default;\n vertical-align: middle;\n color: ${fontColor};\n background-color: ${Colour[\"bg-stronger\"]};\n height: 6rem;\n border-bottom: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${borderColor};\n\n &:where(&:first-child) {\n padding-left: ${Spacing[\"spacing-24\"]};\n }\n &:where(&:last-child) {\n padding-right: ${Spacing[\"spacing-24\"]};\n }\n`;\n\nexport const BodyRow = styled.tr`\n background-color: ${Colour[\"bg\"]};\n border-top: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${borderColor};\n`;\n\nexport const BodyCell = styled.td`\n padding: ${Spacing[\"spacing-20\"]} ${Spacing[\"spacing-16\"]};\n vertical-align: middle;\n color: ${fontColor};\n border-bottom: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${borderColor};\n\n &:where(&:first-child) {\n padding-left: ${Spacing[\"spacing-24\"]};\n }\n &:where(&:last-child) {\n padding-right: ${Spacing[\"spacing-24\"]};\n }\n`;\n"],"names":["borderColor","Colour","fontColor","TableWrapper","styled","div","Border","Radius","displayName","TableComponent","table","TableBody","tbody","HeaderCell","th","Spacing","BodyRow","tr","BodyCell","td"],"mappings":"kKAMA,MAAMA,EAAcC,EAAAA,OAAe,OAC7BC,EAAYD,EAAAA,OAAa,KAKlBE,EAAeC,EAAAA,QAAOC,GAAG;;cAExBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKN;qBACnCO,EAAAA,OAAW;;;;;;;;EAUhCJ,EAAaK,YAAc,kBAEpB,MAAMC,EAAiBL,EAAAA,QAAOM,KAAK;;;;;EAO1CD,EAAeD,YAAc,cAEtB,MAAMG,EAAYP,EAAAA,QAAOQ,KAAK;;;;;;EAQxBC,EAAaT,EAAAA,QAAOU,EAAE;eACpBC,EAAAA,QAAQ,iBAAiBA,EAAAA,QAAQ;;;;aAInCb;wBACWD,EAAAA,OAAO;;qBAEVK,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKN;;;wBAGvCe,EAAAA,QAAQ;;;yBAGPA,EAAAA,QAAQ;;EAIpBC,EAAUZ,EAAAA,QAAOa,EAAE;wBACRhB,EAAAA,OAAW;kBACjBK,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKN;EAG/CkB,EAAWd,EAAAA,QAAOe,EAAE;eAClBJ,EAAAA,QAAQ,iBAAiBA,EAAAA,QAAQ;;aAEnCb;qBACQI,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKN;;;wBAGvCe,EAAAA,QAAQ;;;yBAGPA,EAAAA,QAAQ;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";exports.ToteBoardColourSet={"brand-10":"#001240","brand-20":"#001F6D","brand-30":"#002A91","brand-40":"#043ECB","brand-50":"#2C58F0","brand-60":"#7184FF","brand-70":"#9EA9FF","brand-80":"#BFC7FF","brand-90":"#DADEFF","brand-95":"#EAEDFF","brand-100":"#F7F8FF","primary-10":"#001240","primary-20":"#001F6D","primary-30":"#002A91","primary-40":"#043ECB","primary-50":"#2C58F0","primary-60":"#7184FF","primary-70":"#9EA9FF","primary-80":"#BFC7FF","primary-90":"#DADEFF","primary-95":"#EAEDFF","primary-100":"#F7F8FF","secondary-10":"#0E1723","secondary-20":"#18293D","secondary-30":"#213753","secondary-40":"#305078","secondary-50":"#4B6A8F","secondary-60":"#7B91A9","secondary-70":"#A1B1C3","secondary-80":"#C1CBD7","secondary-90":"#DBE1E8","secondary-95":"#EBEFF2","secondary-100":"#F7F8FA","neutral-10":"#101625","neutral-20":"#212836","neutral-30":"#2F3642","neutral-40":"#464F5D","neutral-50":"#5D697A","neutral-60":"#8190A4","neutral-70":"#A5B0BE","neutral-80":"#C3CAD4","neutral-90":"#DCE0E6","neutral-95":"#ECEEF1","neutral-100":"#F7F8F9","success-10":"#081A0F","success-20":"#0E2D1B","success-30":"#133D24","success-40":"#1C5A34","success-50":"#257645","success-60":"#44A068","success-70":"#64C189","success-80":"#80DCA5","success-90":"#B4ECCB","success-95":"#D5F6E2","success-100":"#EFFCF4","warning-10":"#221302","warning-20":"#3B2204","warning-30":"#502E05","warning-40":"#744408","warning-50":"#98590C","warning-60":"#D07A13","warning-70":"#E4A244","warning-80":"#F5C26C","warning-90":"#FADBA6","warning-95":"#FCECD4","warning-100":"#FDF7F0","error-10":"#330505","error-20":"#550808","error-30":"#700B0B","error-40":"#9E130F","error-50":"#CB2213","error-60":"#DE6C6C","error-70":"#E89B9B","error-80":"#EFBEBE","error-90":"#F5D9D9","error-95":"#F9ECEC","error-100":"#FCF7F7","info-10":"#031537","info-20":"#05245E","info-30":"#07307D","info-40":"#0E47B1","info-50":"#2462D4","info-60":"#558CF5","info-70":"#86AFFB","info-80":"#B0CAFF","info-90":"#D0E2FC","info-95":"#E4F1FB","info-100":"#F4FAFD",white:"#FFFFFF",black:"#121212","primary-inverse":"#FEAB10"};
|
|
2
|
+
//# sourceMappingURL=toteboard-colour-set.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toteboard-colour-set.js","sources":["../../../../../src/theme/colour-primitive/specs/toteboard-colour-set.ts"],"sourcesContent":["import { PrimitiveColourSet } from \"../../types\";\n\nexport const ToteBoardColourSet: PrimitiveColourSet = {\n \"brand-10\": \"#001240\",\n \"brand-20\": \"#001F6D\",\n \"brand-30\": \"#002A91\",\n \"brand-40\": \"#043ECB\",\n \"brand-50\": \"#2C58F0\",\n \"brand-60\": \"#7184FF\",\n \"brand-70\": \"#9EA9FF\",\n \"brand-80\": \"#BFC7FF\",\n \"brand-90\": \"#DADEFF\",\n \"brand-95\": \"#EAEDFF\",\n \"brand-100\": \"#F7F8FF\",\n \"primary-10\": \"#001240\",\n \"primary-20\": \"#001F6D\",\n \"primary-30\": \"#002A91\",\n \"primary-40\": \"#043ECB\",\n \"primary-50\": \"#2C58F0\",\n \"primary-60\": \"#7184FF\",\n \"primary-70\": \"#9EA9FF\",\n \"primary-80\": \"#BFC7FF\",\n \"primary-90\": \"#DADEFF\",\n \"primary-95\": \"#EAEDFF\",\n \"primary-100\": \"#F7F8FF\",\n \"secondary-10\": \"#0E1723\",\n \"secondary-20\": \"#18293D\",\n \"secondary-30\": \"#213753\",\n \"secondary-40\": \"#305078\",\n \"secondary-50\": \"#4B6A8F\",\n \"secondary-60\": \"#7B91A9\",\n \"secondary-70\": \"#A1B1C3\",\n \"secondary-80\": \"#C1CBD7\",\n \"secondary-90\": \"#DBE1E8\",\n \"secondary-95\": \"#EBEFF2\",\n \"secondary-100\": \"#F7F8FA\",\n \"neutral-10\": \"#101625\",\n \"neutral-20\": \"#212836\",\n \"neutral-30\": \"#2F3642\",\n \"neutral-40\": \"#464F5D\",\n \"neutral-50\": \"#5D697A\",\n \"neutral-60\": \"#8190A4\",\n \"neutral-70\": \"#A5B0BE\",\n \"neutral-80\": \"#C3CAD4\",\n \"neutral-90\": \"#DCE0E6\",\n \"neutral-95\": \"#ECEEF1\",\n \"neutral-100\": \"#F7F8F9\",\n \"success-10\": \"#081A0F\",\n \"success-20\": \"#0E2D1B\",\n \"success-30\": \"#133D24\",\n \"success-40\": \"#1C5A34\",\n \"success-50\": \"#257645\",\n \"success-60\": \"#44A068\",\n \"success-70\": \"#64C189\",\n \"success-80\": \"#80DCA5\",\n \"success-90\": \"#B4ECCB\",\n \"success-95\": \"#D5F6E2\",\n \"success-100\": \"#EFFCF4\",\n \"warning-10\": \"#221302\",\n \"warning-20\": \"#3B2204\",\n \"warning-30\": \"#502E05\",\n \"warning-40\": \"#744408\",\n \"warning-50\": \"#98590C\",\n \"warning-60\": \"#D07A13\",\n \"warning-70\": \"#E4A244\",\n \"warning-80\": \"#F5C26C\",\n \"warning-90\": \"#FADBA6\",\n \"warning-95\": \"#FCECD4\",\n \"warning-100\": \"#FDF7F0\",\n \"error-10\": \"#330505\",\n \"error-20\": \"#550808\",\n \"error-30\": \"#700B0B\",\n \"error-40\": \"#9E130F\",\n \"error-50\": \"#CB2213\",\n \"error-60\": \"#DE6C6C\",\n \"error-70\": \"#E89B9B\",\n \"error-80\": \"#EFBEBE\",\n \"error-90\": \"#F5D9D9\",\n \"error-95\": \"#F9ECEC\",\n \"error-100\": \"#FCF7F7\",\n \"info-10\": \"#031537\",\n \"info-20\": \"#05245E\",\n \"info-30\": \"#07307D\",\n \"info-40\": \"#0E47B1\",\n \"info-50\": \"#2462D4\",\n \"info-60\": \"#558CF5\",\n \"info-70\": \"#86AFFB\",\n \"info-80\": \"#B0CAFF\",\n \"info-90\": \"#D0E2FC\",\n \"info-95\": \"#E4F1FB\",\n \"info-100\": \"#F4FAFD\",\n white: \"#FFFFFF\",\n black: \"#121212\",\n \"primary-inverse\": \"#FEAB10\",\n};\n"],"names":["white","black"],"mappings":"wCAEsD,CAClD,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("../helpers.js"),e=require("./specs/bookingsg-colour-set.js"),o=require("./specs/ccube-colour-set.js"),s=require("./specs/lifesg-colour-set.js"),
|
|
1
|
+
"use strict";var r=require("../helpers.js"),e=require("./specs/bookingsg-colour-set.js"),o=require("./specs/ccube-colour-set.js"),s=require("./specs/lifesg-colour-set.js"),a=require("./specs/mylegacy-colour-set.js"),n=require("./specs/oneservice-colour-set.js"),u=require("./specs/pa-colour-set.js"),i=require("./specs/rbs-colour-set.js"),c=require("./specs/a11yplayground-colour-set.js"),l=require("./specs/supportgowhere-colour-set.js"),t=require("./specs/imda-colour-set.js"),p=require("./specs/spf-colour-set.js"),d=require("./specs/smgs-colour-set.js"),y=require("./specs/careercompass-colour-set.js"),g=require("./specs/toteboard-colour-set.js");const S={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:i.RBSColourSet,mylegacy:a.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:n.OneServiceColourSet,pa:u.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,careercompass:y.CareerCompassColourSet,smgs:d.SMGSColourSet,toteboard:g.ToteBoardColourSet},defaultValue:"lifesg"},C={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:i.RBSColourSet,mylegacy:a.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:n.OneServiceColourSet,pa:u.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,careercompass:y.CareerCompassColourSet,smgs:d.SMGSColourSet,toteboard:g.ToteBoardColourSet},defaultValue:"lifesg"},m=e=>o=>{var s;const a=o.theme,n="dark"===(null==a?void 0:a.colourMode),u=n?C:S,i=r.getCollection(u,null==a?void 0:a.colourScheme),c=n?"primitiveColourDark":"primitiveColour",l=null===(s=null==a?void 0:a.overrides)||void 0===s?void 0:s[c];return l?r.getValue(i,e,l):i[e]},b={"brand-10":m("brand-10"),"brand-20":m("brand-20"),"brand-30":m("brand-30"),"brand-40":m("brand-40"),"brand-50":m("brand-50"),"brand-60":m("brand-60"),"brand-70":m("brand-70"),"brand-80":m("brand-80"),"brand-90":m("brand-90"),"brand-95":m("brand-95"),"brand-100":m("brand-100"),"primary-10":m("primary-10"),"primary-20":m("primary-20"),"primary-30":m("primary-30"),"primary-40":m("primary-40"),"primary-50":m("primary-50"),"primary-60":m("primary-60"),"primary-70":m("primary-70"),"primary-80":m("primary-80"),"primary-90":m("primary-90"),"primary-95":m("primary-95"),"primary-100":m("primary-100"),"secondary-10":m("secondary-10"),"secondary-20":m("secondary-20"),"secondary-30":m("secondary-30"),"secondary-40":m("secondary-40"),"secondary-50":m("secondary-50"),"secondary-60":m("secondary-60"),"secondary-70":m("secondary-70"),"secondary-80":m("secondary-80"),"secondary-90":m("secondary-90"),"secondary-95":m("secondary-95"),"secondary-100":m("secondary-100"),"neutral-10":m("neutral-10"),"neutral-20":m("neutral-20"),"neutral-30":m("neutral-30"),"neutral-40":m("neutral-40"),"neutral-50":m("neutral-50"),"neutral-60":m("neutral-60"),"neutral-70":m("neutral-70"),"neutral-80":m("neutral-80"),"neutral-90":m("neutral-90"),"neutral-95":m("neutral-95"),"neutral-100":m("neutral-100"),"success-10":m("success-10"),"success-20":m("success-20"),"success-30":m("success-30"),"success-40":m("success-40"),"success-50":m("success-50"),"success-60":m("success-60"),"success-70":m("success-70"),"success-80":m("success-80"),"success-90":m("success-90"),"success-95":m("success-95"),"success-100":m("success-100"),"warning-10":m("warning-10"),"warning-20":m("warning-20"),"warning-30":m("warning-30"),"warning-40":m("warning-40"),"warning-50":m("warning-50"),"warning-60":m("warning-60"),"warning-70":m("warning-70"),"warning-80":m("warning-80"),"warning-90":m("warning-90"),"warning-95":m("warning-95"),"warning-100":m("warning-100"),"error-10":m("error-10"),"error-20":m("error-20"),"error-30":m("error-30"),"error-40":m("error-40"),"error-50":m("error-50"),"error-60":m("error-60"),"error-70":m("error-70"),"error-80":m("error-80"),"error-90":m("error-90"),"error-95":m("error-95"),"error-100":m("error-100"),"info-10":m("info-10"),"info-20":m("info-20"),"info-30":m("info-30"),"info-40":m("info-40"),"info-50":m("info-50"),"info-60":m("info-60"),"info-70":m("info-70"),"info-80":m("info-80"),"info-90":m("info-90"),"info-95":m("info-95"),"info-100":m("info-100"),white:m("white"),black:m("black"),"primary-inverse":m("primary-inverse")};exports.ColourSpec=S,exports.DarkColourSpec=C,exports.PrimitiveColour=b,exports.getPrimitiveColour=m;
|
|
2
2
|
//# sourceMappingURL=theme-helper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/colour-primitive/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ColourScheme, PrimitiveColourSet } from \"../types\";\nimport { BookingSgColourSet } from \"./specs/bookingsg-colour-set\";\nimport { CCubeColourSet } from \"./specs/ccube-colour-set\";\nimport { LifeSgColourSet } from \"./specs/lifesg-colour-set\";\nimport { MyLegacyColourSet } from \"./specs/mylegacy-colour-set\";\nimport { OneServiceColourSet } from \"./specs/oneservice-colour-set\";\nimport { PAColourSet } from \"./specs/pa-colour-set\";\nimport { RBSColourSet } from \"./specs/rbs-colour-set\";\nimport { A11yPlaygroundColourSet } from \"./specs/a11yplayground-colour-set\";\nimport { SupportGoWhereColourSet } from \"./specs/supportgowhere-colour-set\";\nimport { IMDAColourSet } from \"./specs/imda-colour-set\";\nimport { SPFColourSet } from \"./specs/spf-colour-set\";\nimport { SMGSColourSet } from \"./specs/smgs-colour-set\";\nimport { CareerCompassColourSet } from \"./specs/careercompass-colour-set\";\nimport { ColourCollectionsMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n ColourCollectionsMap,\n ColourScheme\n> = {\n collections: {\n lifesg: LifeSgColourSet,\n bookingsg: BookingSgColourSet,\n rbs: RBSColourSet,\n mylegacy: MyLegacyColourSet,\n ccube: CCubeColourSet,\n oneservice: OneServiceColourSet,\n pa: PAColourSet,\n a11yplayground: A11yPlaygroundColourSet,\n supportgowhere: SupportGoWhereColourSet,\n sgwdigitallobby: SupportGoWhereColourSet,\n imda: IMDAColourSet,\n spf: SPFColourSet,\n careercompass: CareerCompassColourSet,\n smgs: SMGSColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\n// Dark colour spec - uses explicit dark sets where available, falls back to light sets\nexport const DarkColourSpec: ThemeCollectionSpec<\n ColourCollectionsMap,\n ColourScheme\n> = {\n collections: {\n // Currently all schemes use light primitive colours as fallback\n // In the future, add custom dark primitive sets like:\n // lifesg: LifeSgDarkColourSet,\n lifesg: LifeSgColourSet,\n bookingsg: BookingSgColourSet,\n rbs: RBSColourSet,\n mylegacy: MyLegacyColourSet,\n ccube: CCubeColourSet,\n oneservice: OneServiceColourSet,\n pa: PAColourSet,\n a11yplayground: A11yPlaygroundColourSet,\n supportgowhere: SupportGoWhereColourSet,\n sgwdigitallobby: SupportGoWhereColourSet,\n imda: IMDAColourSet,\n spf: SPFColourSet,\n careercompass: CareerCompassColourSet,\n smgs: SMGSColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const getPrimitiveColour = (key: keyof PrimitiveColourSet) => {\n return (props: StyledComponentProps): string => {\n const theme = props.theme;\n const isDarkMode = theme?.colourMode === \"dark\";\n\n // Select the appropriate colour spec based on theme mode\n const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n const colourSet: PrimitiveColourSet = getCollection(\n spec,\n theme?.colourScheme\n );\n\n // Check for mode-specific overrides first,\n // then fallback to general overrides\n const overrideKey = isDarkMode\n ? \"primitiveColourDark\"\n : \"primitiveColour\";\n const overrides = theme?.overrides?.[overrideKey];\n\n if (overrides) {\n return getValue(colourSet, key, overrides);\n } else {\n return colourSet[key];\n }\n };\n};\n\nexport const PrimitiveColour: {\n [key in keyof PrimitiveColourSet]: (props: StyledComponentProps) => string;\n} = {\n \"brand-10\": getPrimitiveColour(\"brand-10\"),\n \"brand-20\": getPrimitiveColour(\"brand-20\"),\n \"brand-30\": getPrimitiveColour(\"brand-30\"),\n \"brand-40\": getPrimitiveColour(\"brand-40\"),\n \"brand-50\": getPrimitiveColour(\"brand-50\"),\n \"brand-60\": getPrimitiveColour(\"brand-60\"),\n \"brand-70\": getPrimitiveColour(\"brand-70\"),\n \"brand-80\": getPrimitiveColour(\"brand-80\"),\n \"brand-90\": getPrimitiveColour(\"brand-90\"),\n \"brand-95\": getPrimitiveColour(\"brand-95\"),\n \"brand-100\": getPrimitiveColour(\"brand-100\"),\n \"primary-10\": getPrimitiveColour(\"primary-10\"),\n \"primary-20\": getPrimitiveColour(\"primary-20\"),\n \"primary-30\": getPrimitiveColour(\"primary-30\"),\n \"primary-40\": getPrimitiveColour(\"primary-40\"),\n \"primary-50\": getPrimitiveColour(\"primary-50\"),\n \"primary-60\": getPrimitiveColour(\"primary-60\"),\n \"primary-70\": getPrimitiveColour(\"primary-70\"),\n \"primary-80\": getPrimitiveColour(\"primary-80\"),\n \"primary-90\": getPrimitiveColour(\"primary-90\"),\n \"primary-95\": getPrimitiveColour(\"primary-95\"),\n \"primary-100\": getPrimitiveColour(\"primary-100\"),\n \"secondary-10\": getPrimitiveColour(\"secondary-10\"),\n \"secondary-20\": getPrimitiveColour(\"secondary-20\"),\n \"secondary-30\": getPrimitiveColour(\"secondary-30\"),\n \"secondary-40\": getPrimitiveColour(\"secondary-40\"),\n \"secondary-50\": getPrimitiveColour(\"secondary-50\"),\n \"secondary-60\": getPrimitiveColour(\"secondary-60\"),\n \"secondary-70\": getPrimitiveColour(\"secondary-70\"),\n \"secondary-80\": getPrimitiveColour(\"secondary-80\"),\n \"secondary-90\": getPrimitiveColour(\"secondary-90\"),\n \"secondary-95\": getPrimitiveColour(\"secondary-95\"),\n \"secondary-100\": getPrimitiveColour(\"secondary-100\"),\n \"neutral-10\": getPrimitiveColour(\"neutral-10\"),\n \"neutral-20\": getPrimitiveColour(\"neutral-20\"),\n \"neutral-30\": getPrimitiveColour(\"neutral-30\"),\n \"neutral-40\": getPrimitiveColour(\"neutral-40\"),\n \"neutral-50\": getPrimitiveColour(\"neutral-50\"),\n \"neutral-60\": getPrimitiveColour(\"neutral-60\"),\n \"neutral-70\": getPrimitiveColour(\"neutral-70\"),\n \"neutral-80\": getPrimitiveColour(\"neutral-80\"),\n \"neutral-90\": getPrimitiveColour(\"neutral-90\"),\n \"neutral-95\": getPrimitiveColour(\"neutral-95\"),\n \"neutral-100\": getPrimitiveColour(\"neutral-100\"),\n \"success-10\": getPrimitiveColour(\"success-10\"),\n \"success-20\": getPrimitiveColour(\"success-20\"),\n \"success-30\": getPrimitiveColour(\"success-30\"),\n \"success-40\": getPrimitiveColour(\"success-40\"),\n \"success-50\": getPrimitiveColour(\"success-50\"),\n \"success-60\": getPrimitiveColour(\"success-60\"),\n \"success-70\": getPrimitiveColour(\"success-70\"),\n \"success-80\": getPrimitiveColour(\"success-80\"),\n \"success-90\": getPrimitiveColour(\"success-90\"),\n \"success-95\": getPrimitiveColour(\"success-95\"),\n \"success-100\": getPrimitiveColour(\"success-100\"),\n \"warning-10\": getPrimitiveColour(\"warning-10\"),\n \"warning-20\": getPrimitiveColour(\"warning-20\"),\n \"warning-30\": getPrimitiveColour(\"warning-30\"),\n \"warning-40\": getPrimitiveColour(\"warning-40\"),\n \"warning-50\": getPrimitiveColour(\"warning-50\"),\n \"warning-60\": getPrimitiveColour(\"warning-60\"),\n \"warning-70\": getPrimitiveColour(\"warning-70\"),\n \"warning-80\": getPrimitiveColour(\"warning-80\"),\n \"warning-90\": getPrimitiveColour(\"warning-90\"),\n \"warning-95\": getPrimitiveColour(\"warning-95\"),\n \"warning-100\": getPrimitiveColour(\"warning-100\"),\n \"error-10\": getPrimitiveColour(\"error-10\"),\n \"error-20\": getPrimitiveColour(\"error-20\"),\n \"error-30\": getPrimitiveColour(\"error-30\"),\n \"error-40\": getPrimitiveColour(\"error-40\"),\n \"error-50\": getPrimitiveColour(\"error-50\"),\n \"error-60\": getPrimitiveColour(\"error-60\"),\n \"error-70\": getPrimitiveColour(\"error-70\"),\n \"error-80\": getPrimitiveColour(\"error-80\"),\n \"error-90\": getPrimitiveColour(\"error-90\"),\n \"error-95\": getPrimitiveColour(\"error-95\"),\n \"error-100\": getPrimitiveColour(\"error-100\"),\n \"info-10\": getPrimitiveColour(\"info-10\"),\n \"info-20\": getPrimitiveColour(\"info-20\"),\n \"info-30\": getPrimitiveColour(\"info-30\"),\n \"info-40\": getPrimitiveColour(\"info-40\"),\n \"info-50\": getPrimitiveColour(\"info-50\"),\n \"info-60\": getPrimitiveColour(\"info-60\"),\n \"info-70\": getPrimitiveColour(\"info-70\"),\n \"info-80\": getPrimitiveColour(\"info-80\"),\n \"info-90\": getPrimitiveColour(\"info-90\"),\n \"info-95\": getPrimitiveColour(\"info-95\"),\n \"info-100\": getPrimitiveColour(\"info-100\"),\n white: getPrimitiveColour(\"white\"),\n black: getPrimitiveColour(\"black\"),\n \"primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSgColourSet","bookingsg","BookingSgColourSet","rbs","RBSColourSet","mylegacy","MyLegacyColourSet","ccube","CCubeColourSet","oneservice","OneServiceColourSet","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","SupportGoWhereColourSet","sgwdigitallobby","imda","IMDAColourSet","spf","SPFColourSet","careercompass","CareerCompassColourSet","smgs","SMGSColourSet","defaultValue","DarkColourSpec","getPrimitiveColour","key","props","theme","isDarkMode","colourMode","spec","colourSet","getCollection","colourScheme","overrideKey","overrides","_a","getValue","PrimitiveColour","white","black"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/colour-primitive/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ColourScheme, PrimitiveColourSet } from \"../types\";\nimport { BookingSgColourSet } from \"./specs/bookingsg-colour-set\";\nimport { CCubeColourSet } from \"./specs/ccube-colour-set\";\nimport { LifeSgColourSet } from \"./specs/lifesg-colour-set\";\nimport { MyLegacyColourSet } from \"./specs/mylegacy-colour-set\";\nimport { OneServiceColourSet } from \"./specs/oneservice-colour-set\";\nimport { PAColourSet } from \"./specs/pa-colour-set\";\nimport { RBSColourSet } from \"./specs/rbs-colour-set\";\nimport { A11yPlaygroundColourSet } from \"./specs/a11yplayground-colour-set\";\nimport { SupportGoWhereColourSet } from \"./specs/supportgowhere-colour-set\";\nimport { IMDAColourSet } from \"./specs/imda-colour-set\";\nimport { SPFColourSet } from \"./specs/spf-colour-set\";\nimport { SMGSColourSet } from \"./specs/smgs-colour-set\";\nimport { CareerCompassColourSet } from \"./specs/careercompass-colour-set\";\nimport { ToteBoardColourSet } from \"./specs/toteboard-colour-set\";\nimport { ColourCollectionsMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n ColourCollectionsMap,\n ColourScheme\n> = {\n collections: {\n lifesg: LifeSgColourSet,\n bookingsg: BookingSgColourSet,\n rbs: RBSColourSet,\n mylegacy: MyLegacyColourSet,\n ccube: CCubeColourSet,\n oneservice: OneServiceColourSet,\n pa: PAColourSet,\n a11yplayground: A11yPlaygroundColourSet,\n supportgowhere: SupportGoWhereColourSet,\n sgwdigitallobby: SupportGoWhereColourSet,\n imda: IMDAColourSet,\n spf: SPFColourSet,\n careercompass: CareerCompassColourSet,\n smgs: SMGSColourSet,\n toteboard: ToteBoardColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\n// Dark colour spec - uses explicit dark sets where available, falls back to light sets\nexport const DarkColourSpec: ThemeCollectionSpec<\n ColourCollectionsMap,\n ColourScheme\n> = {\n collections: {\n // Currently all schemes use light primitive colours as fallback\n // In the future, add custom dark primitive sets like:\n // lifesg: LifeSgDarkColourSet,\n lifesg: LifeSgColourSet,\n bookingsg: BookingSgColourSet,\n rbs: RBSColourSet,\n mylegacy: MyLegacyColourSet,\n ccube: CCubeColourSet,\n oneservice: OneServiceColourSet,\n pa: PAColourSet,\n a11yplayground: A11yPlaygroundColourSet,\n supportgowhere: SupportGoWhereColourSet,\n sgwdigitallobby: SupportGoWhereColourSet,\n imda: IMDAColourSet,\n spf: SPFColourSet,\n careercompass: CareerCompassColourSet,\n smgs: SMGSColourSet,\n toteboard: ToteBoardColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const getPrimitiveColour = (key: keyof PrimitiveColourSet) => {\n return (props: StyledComponentProps): string => {\n const theme = props.theme;\n const isDarkMode = theme?.colourMode === \"dark\";\n\n // Select the appropriate colour spec based on theme mode\n const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n const colourSet: PrimitiveColourSet = getCollection(\n spec,\n theme?.colourScheme\n );\n\n // Check for mode-specific overrides first,\n // then fallback to general overrides\n const overrideKey = isDarkMode\n ? \"primitiveColourDark\"\n : \"primitiveColour\";\n const overrides = theme?.overrides?.[overrideKey];\n\n if (overrides) {\n return getValue(colourSet, key, overrides);\n } else {\n return colourSet[key];\n }\n };\n};\n\nexport const PrimitiveColour: {\n [key in keyof PrimitiveColourSet]: (props: StyledComponentProps) => string;\n} = {\n \"brand-10\": getPrimitiveColour(\"brand-10\"),\n \"brand-20\": getPrimitiveColour(\"brand-20\"),\n \"brand-30\": getPrimitiveColour(\"brand-30\"),\n \"brand-40\": getPrimitiveColour(\"brand-40\"),\n \"brand-50\": getPrimitiveColour(\"brand-50\"),\n \"brand-60\": getPrimitiveColour(\"brand-60\"),\n \"brand-70\": getPrimitiveColour(\"brand-70\"),\n \"brand-80\": getPrimitiveColour(\"brand-80\"),\n \"brand-90\": getPrimitiveColour(\"brand-90\"),\n \"brand-95\": getPrimitiveColour(\"brand-95\"),\n \"brand-100\": getPrimitiveColour(\"brand-100\"),\n \"primary-10\": getPrimitiveColour(\"primary-10\"),\n \"primary-20\": getPrimitiveColour(\"primary-20\"),\n \"primary-30\": getPrimitiveColour(\"primary-30\"),\n \"primary-40\": getPrimitiveColour(\"primary-40\"),\n \"primary-50\": getPrimitiveColour(\"primary-50\"),\n \"primary-60\": getPrimitiveColour(\"primary-60\"),\n \"primary-70\": getPrimitiveColour(\"primary-70\"),\n \"primary-80\": getPrimitiveColour(\"primary-80\"),\n \"primary-90\": getPrimitiveColour(\"primary-90\"),\n \"primary-95\": getPrimitiveColour(\"primary-95\"),\n \"primary-100\": getPrimitiveColour(\"primary-100\"),\n \"secondary-10\": getPrimitiveColour(\"secondary-10\"),\n \"secondary-20\": getPrimitiveColour(\"secondary-20\"),\n \"secondary-30\": getPrimitiveColour(\"secondary-30\"),\n \"secondary-40\": getPrimitiveColour(\"secondary-40\"),\n \"secondary-50\": getPrimitiveColour(\"secondary-50\"),\n \"secondary-60\": getPrimitiveColour(\"secondary-60\"),\n \"secondary-70\": getPrimitiveColour(\"secondary-70\"),\n \"secondary-80\": getPrimitiveColour(\"secondary-80\"),\n \"secondary-90\": getPrimitiveColour(\"secondary-90\"),\n \"secondary-95\": getPrimitiveColour(\"secondary-95\"),\n \"secondary-100\": getPrimitiveColour(\"secondary-100\"),\n \"neutral-10\": getPrimitiveColour(\"neutral-10\"),\n \"neutral-20\": getPrimitiveColour(\"neutral-20\"),\n \"neutral-30\": getPrimitiveColour(\"neutral-30\"),\n \"neutral-40\": getPrimitiveColour(\"neutral-40\"),\n \"neutral-50\": getPrimitiveColour(\"neutral-50\"),\n \"neutral-60\": getPrimitiveColour(\"neutral-60\"),\n \"neutral-70\": getPrimitiveColour(\"neutral-70\"),\n \"neutral-80\": getPrimitiveColour(\"neutral-80\"),\n \"neutral-90\": getPrimitiveColour(\"neutral-90\"),\n \"neutral-95\": getPrimitiveColour(\"neutral-95\"),\n \"neutral-100\": getPrimitiveColour(\"neutral-100\"),\n \"success-10\": getPrimitiveColour(\"success-10\"),\n \"success-20\": getPrimitiveColour(\"success-20\"),\n \"success-30\": getPrimitiveColour(\"success-30\"),\n \"success-40\": getPrimitiveColour(\"success-40\"),\n \"success-50\": getPrimitiveColour(\"success-50\"),\n \"success-60\": getPrimitiveColour(\"success-60\"),\n \"success-70\": getPrimitiveColour(\"success-70\"),\n \"success-80\": getPrimitiveColour(\"success-80\"),\n \"success-90\": getPrimitiveColour(\"success-90\"),\n \"success-95\": getPrimitiveColour(\"success-95\"),\n \"success-100\": getPrimitiveColour(\"success-100\"),\n \"warning-10\": getPrimitiveColour(\"warning-10\"),\n \"warning-20\": getPrimitiveColour(\"warning-20\"),\n \"warning-30\": getPrimitiveColour(\"warning-30\"),\n \"warning-40\": getPrimitiveColour(\"warning-40\"),\n \"warning-50\": getPrimitiveColour(\"warning-50\"),\n \"warning-60\": getPrimitiveColour(\"warning-60\"),\n \"warning-70\": getPrimitiveColour(\"warning-70\"),\n \"warning-80\": getPrimitiveColour(\"warning-80\"),\n \"warning-90\": getPrimitiveColour(\"warning-90\"),\n \"warning-95\": getPrimitiveColour(\"warning-95\"),\n \"warning-100\": getPrimitiveColour(\"warning-100\"),\n \"error-10\": getPrimitiveColour(\"error-10\"),\n \"error-20\": getPrimitiveColour(\"error-20\"),\n \"error-30\": getPrimitiveColour(\"error-30\"),\n \"error-40\": getPrimitiveColour(\"error-40\"),\n \"error-50\": getPrimitiveColour(\"error-50\"),\n \"error-60\": getPrimitiveColour(\"error-60\"),\n \"error-70\": getPrimitiveColour(\"error-70\"),\n \"error-80\": getPrimitiveColour(\"error-80\"),\n \"error-90\": getPrimitiveColour(\"error-90\"),\n \"error-95\": getPrimitiveColour(\"error-95\"),\n \"error-100\": getPrimitiveColour(\"error-100\"),\n \"info-10\": getPrimitiveColour(\"info-10\"),\n \"info-20\": getPrimitiveColour(\"info-20\"),\n \"info-30\": getPrimitiveColour(\"info-30\"),\n \"info-40\": getPrimitiveColour(\"info-40\"),\n \"info-50\": getPrimitiveColour(\"info-50\"),\n \"info-60\": getPrimitiveColour(\"info-60\"),\n \"info-70\": getPrimitiveColour(\"info-70\"),\n \"info-80\": getPrimitiveColour(\"info-80\"),\n \"info-90\": getPrimitiveColour(\"info-90\"),\n \"info-95\": getPrimitiveColour(\"info-95\"),\n \"info-100\": getPrimitiveColour(\"info-100\"),\n white: getPrimitiveColour(\"white\"),\n black: getPrimitiveColour(\"black\"),\n \"primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSgColourSet","bookingsg","BookingSgColourSet","rbs","RBSColourSet","mylegacy","MyLegacyColourSet","ccube","CCubeColourSet","oneservice","OneServiceColourSet","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","SupportGoWhereColourSet","sgwdigitallobby","imda","IMDAColourSet","spf","SPFColourSet","careercompass","CareerCompassColourSet","smgs","SMGSColourSet","toteboard","ToteBoardColourSet","defaultValue","DarkColourSpec","getPrimitiveColour","key","props","theme","isDarkMode","colourMode","spec","colourSet","getCollection","colourScheme","overrideKey","overrides","_a","getValue","PrimitiveColour","white","black"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../helpers.js"),r=require("./specs/a11yplayground-semantic-tokens.js"),o=require("./specs/lifesg-semantic-tokens.js"),s=require("./specs/pa-semantic-tokens.js"),t=require("./specs/sgwdigitallobby-tokens.js"),b=require("./specs/spf-semantic-tokens.js");const i={collections:{lifesg:o.LifeSGColourSet,bookingsg:o.LifeSGColourSet,rbs:o.LifeSGColourSet,mylegacy:o.LifeSGColourSet,ccube:o.LifeSGColourSet,oneservice:o.LifeSGColourSet,pa:s.PAColourSet,a11yplayground:r.A11yPlaygroundColourSet,supportgowhere:o.LifeSGColourSet,sgwdigitallobby:t.SGWDigitalLobbyColourSet,imda:o.LifeSGColourSet,spf:b.SPFColourSet,smgs:o.LifeSGColourSet,careercompass:o.LifeSGColourSet},defaultValue:"lifesg"},n={collections:{lifesg:o.LifeSGDarkColourSet,bookingsg:o.LifeSGDarkColourSet,rbs:o.LifeSGDarkColourSet,mylegacy:o.LifeSGDarkColourSet,ccube:o.LifeSGDarkColourSet,oneservice:o.LifeSGDarkColourSet,pa:o.LifeSGDarkColourSet,a11yplayground:r.A11yPlaygroundDarkColourSet,supportgowhere:o.LifeSGDarkColourSet,sgwdigitallobby:t.SGWDigitalLobbyDarkColourSet,imda:o.LifeSGDarkColourSet,spf:o.LifeSGDarkColourSet,smgs:o.LifeSGDarkColourSet,careercompass:o.LifeSGDarkColourSet},defaultValue:"lifesg"},g=r=>o=>{var s;const t=o.theme,b="dark"===(null==t?void 0:t.colourMode),g=b?n:i,l=e.getCollection(g,null==t?void 0:t.colourScheme),c=b?"semanticColourDark":"semanticColour",d=null===(s=null==t?void 0:t.overrides)||void 0===s?void 0:s[c],a=d?e.getValue(l,r,d):l[r];return"function"==typeof a?a(o):a},l={text:g("text"),"text-subtle":g("text-subtle"),"text-subtler":g("text-subtler"),"text-subtlest":g("text-subtlest"),"text-primary":g("text-primary"),"text-primary-strong":g("text-primary-strong"),"text-primary-strongest":g("text-primary-strongest"),"text-brand":g("text-brand"),"text-secondary":g("text-secondary"),"text-secondary-subtle":g("text-secondary-subtle"),"text-hover":g("text-hover"),"text-selected":g("text-selected"),"text-selected-hover":g("text-selected-hover"),"text-disabled":g("text-disabled"),"text-disabled-subtle":g("text-disabled-subtle"),"text-disabled-subtlest":g("text-disabled-subtlest"),"text-selected-disabled":g("text-selected-disabled"),"text-success":g("text-success"),"text-warning":g("text-warning"),"text-error":g("text-error"),"text-info":g("text-info"),"text-inverse":g("text-inverse"),icon:g("icon"),"icon-subtle":g("icon-subtle"),"icon-strongest":g("icon-strongest"),"icon-primary":g("icon-primary"),"icon-primary-subtle":g("icon-primary-subtle"),"icon-primary-subtlest":g("icon-primary-subtlest"),"icon-brand":g("icon-brand"),"icon-secondary":g("icon-secondary"),"icon-secondary-subtle":g("icon-secondary-subtle"),"icon-hover":g("icon-hover"),"icon-selected":g("icon-selected"),"icon-selected-hover":g("icon-selected-hover"),"icon-disabled":g("icon-disabled"),"icon-disabled-subtle":g("icon-disabled-subtle"),"icon-selected-disabled":g("icon-selected-disabled"),"icon-success":g("icon-success"),"icon-warning":g("icon-warning"),"icon-error":g("icon-error"),"icon-error-strong":g("icon-error-strong"),"icon-info":g("icon-info"),"icon-inverse":g("icon-inverse"),"icon-primary-inverse":g("icon-primary-inverse"),border:g("border"),"border-strong":g("border-strong"),"border-stronger":g("border-stronger"),"border-primary":g("border-primary"),"border-primary-strong":g("border-primary-strong"),"border-primary-subtle":g("border-primary-subtle"),"border-hover":g("border-hover"),"border-hover-strong":g("border-hover-strong"),"border-selected":g("border-selected"),"border-selected-subtle":g("border-selected-subtle"),"border-selected-subtlest":g("border-selected-subtlest"),"border-selected-hover":g("border-selected-hover"),"border-focus":g("border-focus"),"border-focus-strong":g("border-focus-strong"),"border-disabled":g("border-disabled"),"border-selected-disabled":g("border-selected-disabled"),"border-success":g("border-success"),"border-warning":g("border-warning"),"border-error":g("border-error"),"border-error-focus":g("border-error-focus"),"border-error-focus-strong":g("border-error-focus-strong"),"border-error-strong":g("border-error-strong"),"border-info":g("border-info"),bg:g("bg"),"bg-strong":g("bg-strong"),"bg-stronger":g("bg-stronger"),"bg-strongest":g("bg-strongest"),"bg-hover":g("bg-hover"),"bg-hover-strong":g("bg-hover-strong"),"bg-hover-subtle":g("bg-hover-subtle"),"bg-hover-neutral":g("bg-hover-neutral"),"bg-hover-neutral-strong":g("bg-hover-neutral-strong"),"bg-selected":g("bg-selected"),"bg-selected-hover":g("bg-selected-hover"),"bg-selected-strong":g("bg-selected-strong"),"bg-selected-stronger":g("bg-selected-stronger"),"bg-selected-strongest":g("bg-selected-strongest"),"bg-selected-strongest-hover":g("bg-selected-strongest-hover"),"bg-disabled":g("bg-disabled"),"bg-selected-disabled":g("bg-selected-disabled"),"bg-selected-stronger-disabled":g("bg-selected-stronger-disabled"),"bg-success":g("bg-success"),"bg-success-hover":g("bg-success-hover"),"bg-success-strong":g("bg-success-strong"),"bg-success-strong-hover":g("bg-success-strong-hover"),"bg-warning":g("bg-warning"),"bg-warning-hover":g("bg-warning-hover"),"bg-warning-strong":g("bg-warning-strong"),"bg-warning-strong-hover":g("bg-warning-strong-hover"),"bg-info":g("bg-info"),"bg-info-hover":g("bg-info-hover"),"bg-info-strong":g("bg-info-strong"),"bg-info-strong-hover":g("bg-info-strong-hover"),"bg-error":g("bg-error"),"bg-error-hover":g("bg-error-hover"),"bg-error-strong":g("bg-error-strong"),"bg-error-strong-hover":g("bg-error-strong-hover"),"bg-inverse":g("bg-inverse"),"bg-inverse-subtle":g("bg-inverse-subtle"),"bg-inverse-subtler":g("bg-inverse-subtler"),"bg-inverse-subtlest":g("bg-inverse-subtlest"),"bg-inverse-hover":g("bg-inverse-hover"),"bg-primary":g("bg-primary"),"bg-primary-strong":g("bg-primary-strong"),"bg-primary-subtle":g("bg-primary-subtle"),"bg-primary-subtler":g("bg-primary-subtler"),"bg-primary-subtlest":g("bg-primary-subtlest"),"bg-secondary":g("bg-secondary"),"bg-secondary-subtle":g("bg-secondary-subtle"),"bg-secondary-subtler":g("bg-secondary-subtler"),"bg-secondary-subtlest":g("bg-secondary-subtlest"),"bg-available":g("bg-available"),"bg-primary-hover":g("bg-primary-hover"),"bg-primary-strong-hover":g("bg-primary-strong-hover"),"bg-primary-subtlest-hover":g("bg-primary-subtlest-hover"),"bg-primary-subtlest-selected":g("bg-primary-subtlest-selected"),"overlay-strong":g("overlay-strong"),"overlay-subtle":g("overlay-subtle"),hyperlink:g("hyperlink"),"hyperlink-hover":g("hyperlink-hover"),"hyperlink-visited":g("hyperlink-visited"),"hyperlink-inverse":g("hyperlink-inverse"),"focus-ring":g("focus-ring"),"focus-ring-inverse":g("focus-ring-inverse")};exports.ColourSemantic=l,exports.ColourSpec=i,exports.DarkColourSpec=n,exports.getSemanticColour=g;
|
|
1
|
+
"use strict";var e=require("../helpers.js"),r=require("./specs/a11yplayground-semantic-tokens.js"),o=require("./specs/lifesg-semantic-tokens.js"),s=require("./specs/pa-semantic-tokens.js"),t=require("./specs/sgwdigitallobby-tokens.js"),b=require("./specs/spf-semantic-tokens.js");const i={collections:{lifesg:o.LifeSGColourSet,bookingsg:o.LifeSGColourSet,rbs:o.LifeSGColourSet,mylegacy:o.LifeSGColourSet,ccube:o.LifeSGColourSet,oneservice:o.LifeSGColourSet,pa:s.PAColourSet,a11yplayground:r.A11yPlaygroundColourSet,supportgowhere:o.LifeSGColourSet,sgwdigitallobby:t.SGWDigitalLobbyColourSet,imda:o.LifeSGColourSet,spf:b.SPFColourSet,smgs:o.LifeSGColourSet,careercompass:o.LifeSGColourSet,toteboard:o.LifeSGColourSet},defaultValue:"lifesg"},n={collections:{lifesg:o.LifeSGDarkColourSet,bookingsg:o.LifeSGDarkColourSet,rbs:o.LifeSGDarkColourSet,mylegacy:o.LifeSGDarkColourSet,ccube:o.LifeSGDarkColourSet,oneservice:o.LifeSGDarkColourSet,pa:o.LifeSGDarkColourSet,a11yplayground:r.A11yPlaygroundDarkColourSet,supportgowhere:o.LifeSGDarkColourSet,sgwdigitallobby:t.SGWDigitalLobbyDarkColourSet,imda:o.LifeSGDarkColourSet,spf:o.LifeSGDarkColourSet,smgs:o.LifeSGDarkColourSet,careercompass:o.LifeSGDarkColourSet,toteboard:o.LifeSGDarkColourSet},defaultValue:"lifesg"},g=r=>o=>{var s;const t=o.theme,b="dark"===(null==t?void 0:t.colourMode),g=b?n:i,l=e.getCollection(g,null==t?void 0:t.colourScheme),c=b?"semanticColourDark":"semanticColour",d=null===(s=null==t?void 0:t.overrides)||void 0===s?void 0:s[c],a=d?e.getValue(l,r,d):l[r];return"function"==typeof a?a(o):a},l={text:g("text"),"text-subtle":g("text-subtle"),"text-subtler":g("text-subtler"),"text-subtlest":g("text-subtlest"),"text-primary":g("text-primary"),"text-primary-strong":g("text-primary-strong"),"text-primary-strongest":g("text-primary-strongest"),"text-brand":g("text-brand"),"text-secondary":g("text-secondary"),"text-secondary-subtle":g("text-secondary-subtle"),"text-hover":g("text-hover"),"text-selected":g("text-selected"),"text-selected-hover":g("text-selected-hover"),"text-disabled":g("text-disabled"),"text-disabled-subtle":g("text-disabled-subtle"),"text-disabled-subtlest":g("text-disabled-subtlest"),"text-selected-disabled":g("text-selected-disabled"),"text-success":g("text-success"),"text-warning":g("text-warning"),"text-error":g("text-error"),"text-info":g("text-info"),"text-inverse":g("text-inverse"),icon:g("icon"),"icon-subtle":g("icon-subtle"),"icon-strongest":g("icon-strongest"),"icon-primary":g("icon-primary"),"icon-primary-subtle":g("icon-primary-subtle"),"icon-primary-subtlest":g("icon-primary-subtlest"),"icon-brand":g("icon-brand"),"icon-secondary":g("icon-secondary"),"icon-secondary-subtle":g("icon-secondary-subtle"),"icon-hover":g("icon-hover"),"icon-selected":g("icon-selected"),"icon-selected-hover":g("icon-selected-hover"),"icon-disabled":g("icon-disabled"),"icon-disabled-subtle":g("icon-disabled-subtle"),"icon-selected-disabled":g("icon-selected-disabled"),"icon-success":g("icon-success"),"icon-warning":g("icon-warning"),"icon-error":g("icon-error"),"icon-error-strong":g("icon-error-strong"),"icon-info":g("icon-info"),"icon-inverse":g("icon-inverse"),"icon-primary-inverse":g("icon-primary-inverse"),border:g("border"),"border-strong":g("border-strong"),"border-stronger":g("border-stronger"),"border-primary":g("border-primary"),"border-primary-strong":g("border-primary-strong"),"border-primary-subtle":g("border-primary-subtle"),"border-hover":g("border-hover"),"border-hover-strong":g("border-hover-strong"),"border-selected":g("border-selected"),"border-selected-subtle":g("border-selected-subtle"),"border-selected-subtlest":g("border-selected-subtlest"),"border-selected-hover":g("border-selected-hover"),"border-focus":g("border-focus"),"border-focus-strong":g("border-focus-strong"),"border-disabled":g("border-disabled"),"border-selected-disabled":g("border-selected-disabled"),"border-success":g("border-success"),"border-warning":g("border-warning"),"border-error":g("border-error"),"border-error-focus":g("border-error-focus"),"border-error-focus-strong":g("border-error-focus-strong"),"border-error-strong":g("border-error-strong"),"border-info":g("border-info"),bg:g("bg"),"bg-strong":g("bg-strong"),"bg-stronger":g("bg-stronger"),"bg-strongest":g("bg-strongest"),"bg-hover":g("bg-hover"),"bg-hover-strong":g("bg-hover-strong"),"bg-hover-subtle":g("bg-hover-subtle"),"bg-hover-neutral":g("bg-hover-neutral"),"bg-hover-neutral-strong":g("bg-hover-neutral-strong"),"bg-selected":g("bg-selected"),"bg-selected-hover":g("bg-selected-hover"),"bg-selected-strong":g("bg-selected-strong"),"bg-selected-stronger":g("bg-selected-stronger"),"bg-selected-strongest":g("bg-selected-strongest"),"bg-selected-strongest-hover":g("bg-selected-strongest-hover"),"bg-disabled":g("bg-disabled"),"bg-selected-disabled":g("bg-selected-disabled"),"bg-selected-stronger-disabled":g("bg-selected-stronger-disabled"),"bg-success":g("bg-success"),"bg-success-hover":g("bg-success-hover"),"bg-success-strong":g("bg-success-strong"),"bg-success-strong-hover":g("bg-success-strong-hover"),"bg-warning":g("bg-warning"),"bg-warning-hover":g("bg-warning-hover"),"bg-warning-strong":g("bg-warning-strong"),"bg-warning-strong-hover":g("bg-warning-strong-hover"),"bg-info":g("bg-info"),"bg-info-hover":g("bg-info-hover"),"bg-info-strong":g("bg-info-strong"),"bg-info-strong-hover":g("bg-info-strong-hover"),"bg-error":g("bg-error"),"bg-error-hover":g("bg-error-hover"),"bg-error-strong":g("bg-error-strong"),"bg-error-strong-hover":g("bg-error-strong-hover"),"bg-inverse":g("bg-inverse"),"bg-inverse-subtle":g("bg-inverse-subtle"),"bg-inverse-subtler":g("bg-inverse-subtler"),"bg-inverse-subtlest":g("bg-inverse-subtlest"),"bg-inverse-hover":g("bg-inverse-hover"),"bg-primary":g("bg-primary"),"bg-primary-strong":g("bg-primary-strong"),"bg-primary-subtle":g("bg-primary-subtle"),"bg-primary-subtler":g("bg-primary-subtler"),"bg-primary-subtlest":g("bg-primary-subtlest"),"bg-secondary":g("bg-secondary"),"bg-secondary-subtle":g("bg-secondary-subtle"),"bg-secondary-subtler":g("bg-secondary-subtler"),"bg-secondary-subtlest":g("bg-secondary-subtlest"),"bg-available":g("bg-available"),"bg-primary-hover":g("bg-primary-hover"),"bg-primary-strong-hover":g("bg-primary-strong-hover"),"bg-primary-subtlest-hover":g("bg-primary-subtlest-hover"),"bg-primary-subtlest-selected":g("bg-primary-subtlest-selected"),"overlay-strong":g("overlay-strong"),"overlay-subtle":g("overlay-subtle"),hyperlink:g("hyperlink"),"hyperlink-hover":g("hyperlink-hover"),"hyperlink-visited":g("hyperlink-visited"),"hyperlink-inverse":g("hyperlink-inverse"),"focus-ring":g("focus-ring"),"focus-ring-inverse":g("focus-ring-inverse")};exports.ColourSemantic=l,exports.ColourSpec=i,exports.DarkColourSpec=n,exports.getSemanticColour=g;
|
|
2
2
|
//# sourceMappingURL=theme-helper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/colour-semantic/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ColourScheme, SemanticColourSet } from \"../types\";\nimport {\n A11yPlaygroundColourSet,\n A11yPlaygroundDarkColourSet,\n} from \"./specs/a11yplayground-semantic-tokens\";\nimport {\n LifeSGColourSet,\n LifeSGDarkColourSet,\n} from \"./specs/lifesg-semantic-tokens\";\nimport { PAColourSet } from \"./specs/pa-semantic-tokens\";\nimport {\n SGWDigitalLobbyColourSet,\n SGWDigitalLobbyDarkColourSet,\n} from \"./specs/sgwdigitallobby-tokens\";\nimport { SPFColourSet } from \"./specs/spf-semantic-tokens\";\nimport { SemanticColourCollectionMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n SemanticColourCollectionMap,\n ColourScheme\n> = {\n collections: {\n lifesg: LifeSGColourSet,\n bookingsg: LifeSGColourSet,\n rbs: LifeSGColourSet,\n mylegacy: LifeSGColourSet,\n ccube: LifeSGColourSet,\n oneservice: LifeSGColourSet,\n pa: PAColourSet,\n a11yplayground: A11yPlaygroundColourSet,\n supportgowhere: LifeSGColourSet,\n sgwdigitallobby: SGWDigitalLobbyColourSet,\n imda: LifeSGColourSet,\n spf: SPFColourSet,\n smgs: LifeSGColourSet,\n careercompass: LifeSGColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const DarkColourSpec: ThemeCollectionSpec<\n SemanticColourCollectionMap,\n ColourScheme\n> = {\n collections: {\n lifesg: LifeSGDarkColourSet,\n bookingsg: LifeSGDarkColourSet,\n rbs: LifeSGDarkColourSet,\n mylegacy: LifeSGDarkColourSet,\n ccube: LifeSGDarkColourSet,\n oneservice: LifeSGDarkColourSet,\n pa: LifeSGDarkColourSet,\n a11yplayground: A11yPlaygroundDarkColourSet,\n supportgowhere: LifeSGDarkColourSet,\n sgwdigitallobby: SGWDigitalLobbyDarkColourSet,\n imda: LifeSGDarkColourSet,\n spf: LifeSGDarkColourSet,\n smgs: LifeSGDarkColourSet,\n careercompass: LifeSGDarkColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const getSemanticColour = (key: keyof SemanticColourSet) => {\n return (props: StyledComponentProps): string => {\n const theme = props.theme;\n const isDarkMode = theme?.colourMode === \"dark\";\n\n // Select the appropriate color spec based on theme mode\n const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n const colorSet: SemanticColourSet = getCollection(\n spec,\n theme?.colourScheme\n );\n\n // Check for mode-specific overrides first,\n // then fallback to general overrides\n const overrideKey = isDarkMode\n ? \"semanticColourDark\"\n : \"semanticColour\";\n const overrides = theme?.overrides?.[overrideKey];\n\n const colorValue = overrides\n ? getValue(colorSet, key, overrides)\n : colorSet[key];\n\n // If function, resolve with props\n if (typeof colorValue === \"function\") {\n return (colorValue as (props: any) => string)(props);\n }\n\n return colorValue as string;\n };\n};\n\nexport const ColourSemantic: {\n [key in keyof SemanticColourSet]: (props: StyledComponentProps) => string;\n} = {\n // text\n text: getSemanticColour(\"text\"),\n \"text-subtle\": getSemanticColour(\"text-subtle\"),\n \"text-subtler\": getSemanticColour(\"text-subtler\"),\n \"text-subtlest\": getSemanticColour(\"text-subtlest\"),\n \"text-primary\": getSemanticColour(\"text-primary\"),\n \"text-primary-strong\": getSemanticColour(\"text-primary-strong\"),\n \"text-primary-strongest\": getSemanticColour(\"text-primary-strongest\"),\n \"text-brand\": getSemanticColour(\"text-brand\"),\n \"text-secondary\": getSemanticColour(\"text-secondary\"),\n \"text-secondary-subtle\": getSemanticColour(\"text-secondary-subtle\"),\n\n \"text-hover\": getSemanticColour(\"text-hover\"),\n \"text-selected\": getSemanticColour(\"text-selected\"),\n \"text-selected-hover\": getSemanticColour(\"text-selected-hover\"),\n\n \"text-disabled\": getSemanticColour(\"text-disabled\"),\n \"text-disabled-subtle\": getSemanticColour(\"text-disabled-subtle\"),\n \"text-disabled-subtlest\": getSemanticColour(\"text-disabled-subtlest\"),\n \"text-selected-disabled\": getSemanticColour(\"text-selected-disabled\"),\n\n \"text-success\": getSemanticColour(\"text-success\"),\n \"text-warning\": getSemanticColour(\"text-warning\"),\n \"text-error\": getSemanticColour(\"text-error\"),\n \"text-info\": getSemanticColour(\"text-info\"),\n \"text-inverse\": getSemanticColour(\"text-inverse\"),\n\n // icon\n icon: getSemanticColour(\"icon\"),\n \"icon-subtle\": getSemanticColour(\"icon-subtle\"),\n \"icon-strongest\": getSemanticColour(\"icon-strongest\"),\n \"icon-primary\": getSemanticColour(\"icon-primary\"),\n \"icon-primary-subtle\": getSemanticColour(\"icon-primary-subtle\"),\n \"icon-primary-subtlest\": getSemanticColour(\"icon-primary-subtlest\"),\n \"icon-brand\": getSemanticColour(\"icon-brand\"),\n \"icon-secondary\": getSemanticColour(\"icon-secondary\"),\n \"icon-secondary-subtle\": getSemanticColour(\"icon-secondary-subtle\"),\n\n \"icon-hover\": getSemanticColour(\"icon-hover\"),\n \"icon-selected\": getSemanticColour(\"icon-selected\"),\n \"icon-selected-hover\": getSemanticColour(\"icon-selected-hover\"),\n\n \"icon-disabled\": getSemanticColour(\"icon-disabled\"),\n \"icon-disabled-subtle\": getSemanticColour(\"icon-disabled-subtle\"),\n \"icon-selected-disabled\": getSemanticColour(\"icon-selected-disabled\"),\n\n \"icon-success\": getSemanticColour(\"icon-success\"),\n \"icon-warning\": getSemanticColour(\"icon-warning\"),\n \"icon-error\": getSemanticColour(\"icon-error\"),\n \"icon-error-strong\": getSemanticColour(\"icon-error-strong\"),\n \"icon-info\": getSemanticColour(\"icon-info\"),\n \"icon-inverse\": getSemanticColour(\"icon-inverse\"),\n \"icon-primary-inverse\": getSemanticColour(\"icon-primary-inverse\"),\n\n // border\n border: getSemanticColour(\"border\"),\n \"border-strong\": getSemanticColour(\"border-strong\"),\n \"border-stronger\": getSemanticColour(\"border-stronger\"),\n \"border-primary\": getSemanticColour(\"border-primary\"),\n \"border-primary-strong\": getSemanticColour(\"border-primary-strong\"),\n \"border-primary-subtle\": getSemanticColour(\"border-primary-subtle\"),\n\n \"border-hover\": getSemanticColour(\"border-hover\"),\n \"border-hover-strong\": getSemanticColour(\"border-hover-strong\"),\n\n \"border-selected\": getSemanticColour(\"border-selected\"),\n \"border-selected-subtle\": getSemanticColour(\"border-selected-subtle\"),\n \"border-selected-subtlest\": getSemanticColour(\"border-selected-subtlest\"),\n \"border-selected-hover\": getSemanticColour(\"border-selected-hover\"),\n\n \"border-focus\": getSemanticColour(\"border-focus\"),\n \"border-focus-strong\": getSemanticColour(\"border-focus-strong\"),\n\n \"border-disabled\": getSemanticColour(\"border-disabled\"),\n \"border-selected-disabled\": getSemanticColour(\"border-selected-disabled\"),\n\n \"border-success\": getSemanticColour(\"border-success\"),\n \"border-warning\": getSemanticColour(\"border-warning\"),\n \"border-error\": getSemanticColour(\"border-error\"),\n \"border-error-focus\": getSemanticColour(\"border-error-focus\"),\n \"border-error-focus-strong\": getSemanticColour(\"border-error-focus-strong\"),\n \"border-error-strong\": getSemanticColour(\"border-error-strong\"),\n \"border-info\": getSemanticColour(\"border-info\"),\n\n // background\n bg: getSemanticColour(\"bg\"),\n \"bg-strong\": getSemanticColour(\"bg-strong\"),\n \"bg-stronger\": getSemanticColour(\"bg-stronger\"),\n \"bg-strongest\": getSemanticColour(\"bg-strongest\"),\n\n \"bg-hover\": getSemanticColour(\"bg-hover\"),\n \"bg-hover-strong\": getSemanticColour(\"bg-hover-strong\"),\n \"bg-hover-subtle\": getSemanticColour(\"bg-hover-subtle\"),\n \"bg-hover-neutral\": getSemanticColour(\"bg-hover-neutral\"),\n \"bg-hover-neutral-strong\": getSemanticColour(\"bg-hover-neutral-strong\"),\n\n \"bg-selected\": getSemanticColour(\"bg-selected\"),\n \"bg-selected-hover\": getSemanticColour(\"bg-selected-hover\"),\n \"bg-selected-strong\": getSemanticColour(\"bg-selected-strong\"),\n \"bg-selected-stronger\": getSemanticColour(\"bg-selected-stronger\"),\n \"bg-selected-strongest\": getSemanticColour(\"bg-selected-strongest\"),\n \"bg-selected-strongest-hover\": getSemanticColour(\n \"bg-selected-strongest-hover\"\n ),\n\n \"bg-disabled\": getSemanticColour(\"bg-disabled\"),\n \"bg-selected-disabled\": getSemanticColour(\"bg-selected-disabled\"),\n \"bg-selected-stronger-disabled\": getSemanticColour(\n \"bg-selected-stronger-disabled\"\n ),\n\n \"bg-success\": getSemanticColour(\"bg-success\"),\n \"bg-success-hover\": getSemanticColour(\"bg-success-hover\"),\n \"bg-success-strong\": getSemanticColour(\"bg-success-strong\"),\n \"bg-success-strong-hover\": getSemanticColour(\"bg-success-strong-hover\"),\n \"bg-warning\": getSemanticColour(\"bg-warning\"),\n \"bg-warning-hover\": getSemanticColour(\"bg-warning-hover\"),\n \"bg-warning-strong\": getSemanticColour(\"bg-warning-strong\"),\n \"bg-warning-strong-hover\": getSemanticColour(\"bg-warning-strong-hover\"),\n \"bg-info\": getSemanticColour(\"bg-info\"),\n \"bg-info-hover\": getSemanticColour(\"bg-info-hover\"),\n \"bg-info-strong\": getSemanticColour(\"bg-info-strong\"),\n \"bg-info-strong-hover\": getSemanticColour(\"bg-info-strong-hover\"),\n \"bg-error\": getSemanticColour(\"bg-error\"),\n \"bg-error-hover\": getSemanticColour(\"bg-error-hover\"),\n \"bg-error-strong\": getSemanticColour(\"bg-error-strong\"),\n \"bg-error-strong-hover\": getSemanticColour(\"bg-error-strong-hover\"),\n\n \"bg-inverse\": getSemanticColour(\"bg-inverse\"),\n \"bg-inverse-subtle\": getSemanticColour(\"bg-inverse-subtle\"),\n \"bg-inverse-subtler\": getSemanticColour(\"bg-inverse-subtler\"),\n \"bg-inverse-subtlest\": getSemanticColour(\"bg-inverse-subtlest\"),\n \"bg-inverse-hover\": getSemanticColour(\"bg-inverse-hover\"),\n\n \"bg-primary\": getSemanticColour(\"bg-primary\"),\n \"bg-primary-strong\": getSemanticColour(\"bg-primary-strong\"),\n \"bg-primary-subtle\": getSemanticColour(\"bg-primary-subtle\"),\n \"bg-primary-subtler\": getSemanticColour(\"bg-primary-subtler\"),\n \"bg-primary-subtlest\": getSemanticColour(\"bg-primary-subtlest\"),\n \"bg-secondary\": getSemanticColour(\"bg-secondary\"),\n \"bg-secondary-subtle\": getSemanticColour(\"bg-secondary-subtle\"),\n \"bg-secondary-subtler\": getSemanticColour(\"bg-secondary-subtler\"),\n \"bg-secondary-subtlest\": getSemanticColour(\"bg-secondary-subtlest\"),\n \"bg-available\": getSemanticColour(\"bg-available\"),\n\n \"bg-primary-hover\": getSemanticColour(\"bg-primary-hover\"),\n \"bg-primary-strong-hover\": getSemanticColour(\"bg-primary-strong-hover\"),\n \"bg-primary-subtlest-hover\": getSemanticColour(\"bg-primary-subtlest-hover\"),\n\n \"bg-primary-subtlest-selected\": getSemanticColour(\n \"bg-primary-subtlest-selected\"\n ),\n\n // overlay\n \"overlay-strong\": getSemanticColour(\"overlay-strong\"),\n \"overlay-subtle\": getSemanticColour(\"overlay-subtle\"),\n\n // hyperlink\n hyperlink: getSemanticColour(\"hyperlink\"),\n \"hyperlink-hover\": getSemanticColour(\"hyperlink-hover\"),\n \"hyperlink-visited\": getSemanticColour(\"hyperlink-visited\"),\n \"hyperlink-inverse\": getSemanticColour(\"hyperlink-inverse\"),\n\n // focus ring\n \"focus-ring\": getSemanticColour(\"focus-ring\"),\n \"focus-ring-inverse\": getSemanticColour(\"focus-ring-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSGColourSet","bookingsg","rbs","mylegacy","ccube","oneservice","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","sgwdigitallobby","SGWDigitalLobbyColourSet","imda","spf","SPFColourSet","smgs","careercompass","defaultValue","DarkColourSpec","LifeSGDarkColourSet","A11yPlaygroundDarkColourSet","SGWDigitalLobbyDarkColourSet","getSemanticColour","key","props","theme","isDarkMode","colourMode","spec","colorSet","getCollection","colourScheme","overrideKey","overrides","_a","colorValue","getValue","ColourSemantic","text","icon","border","bg","hyperlink"],"mappings":"wRAmBO,MAAMA,EAGT,CACAC,YAAa,CACTC,OAAQC,EAAAA,gBACRC,UAAWD,EAAAA,gBACXE,IAAKF,EAAAA,gBACLG,SAAUH,EAAAA,gBACVI,MAAOJ,EAAAA,gBACPK,WAAYL,EAAAA,gBACZM,GAAIC,EAAAA,YACJC,eAAgBC,EAAAA,wBAChBC,eAAgBV,EAAAA,gBAChBW,gBAAiBC,EAAAA,yBACjBC,KAAMb,EAAAA,gBACNc,IAAKC,EAAAA,aACLC,KAAMhB,EAAAA,gBACNiB,cAAejB,EAAAA,iBAEnBkB,aAAc,UAGLC,EAGT,CACArB,YAAa,CACTC,OAAQqB,EAAAA,oBACRnB,UAAWmB,EAAAA,oBACXlB,IAAKkB,EAAAA,oBACLjB,SAAUiB,EAAAA,oBACVhB,MAAOgB,EAAAA,oBACPf,WAAYe,EAAAA,oBACZd,GAAIc,EAAAA,oBACJZ,eAAgBa,EAAAA,4BAChBX,eAAgBU,EAAAA,oBAChBT,gBAAiBW,EAAAA,6BACjBT,KAAMO,EAAAA,oBACNN,IAAKM,EAAAA,oBACLJ,KAAMI,EAAAA,oBACNH,cAAeG,EAAAA,qBAEnBF,aAAc,UAGLK,EAAqBC,GACtBC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAmC,UAAtBD,aAAK,EAALA,EAAOE,YAGpBC,EAAOF,EAAaR,EAAiBtB,EACrCiC,EAA8BC,EAAAA,cAChCF,EACAH,aAAK,EAALA,EAAOM,cAKLC,EAAcN,EACd,qBACA,iBACAO,EAA4B,QAAhBC,EAAAT,aAAK,EAALA,EAAOQ,iBAAS,IAAAC,OAAA,EAAAA,EAAGF,GAE/BG,EAAaF,EACbG,WAASP,EAAUN,EAAKU,GACxBJ,EAASN,GAGf,MAA0B,mBAAfY,EACCA,EAAsCX,GAG3CW,CAAoB,EAItBE,EAET,CAEAC,KAAMhB,EAAkB,QACxB,cAAeA,EAAkB,eACjC,eAAgBA,EAAkB,gBAClC,gBAAiBA,EAAkB,iBACnC,eAAgBA,EAAkB,gBAClC,sBAAuBA,EAAkB,uBACzC,yBAA0BA,EAAkB,0BAC5C,aAAcA,EAAkB,cAChC,iBAAkBA,EAAkB,kBACpC,wBAAyBA,EAAkB,yBAE3C,aAAcA,EAAkB,cAChC,gBAAiBA,EAAkB,iBACnC,sBAAuBA,EAAkB,uBAEzC,gBAAiBA,EAAkB,iBACnC,uBAAwBA,EAAkB,wBAC1C,yBAA0BA,EAAkB,0BAC5C,yBAA0BA,EAAkB,0BAE5C,eAAgBA,EAAkB,gBAClC,eAAgBA,EAAkB,gBAClC,aAAcA,EAAkB,cAChC,YAAaA,EAAkB,aAC/B,eAAgBA,EAAkB,gBAGlCiB,KAAMjB,EAAkB,QACxB,cAAeA,EAAkB,eACjC,iBAAkBA,EAAkB,kBACpC,eAAgBA,EAAkB,gBAClC,sBAAuBA,EAAkB,uBACzC,wBAAyBA,EAAkB,yBAC3C,aAAcA,EAAkB,cAChC,iBAAkBA,EAAkB,kBACpC,wBAAyBA,EAAkB,yBAE3C,aAAcA,EAAkB,cAChC,gBAAiBA,EAAkB,iBACnC,sBAAuBA,EAAkB,uBAEzC,gBAAiBA,EAAkB,iBACnC,uBAAwBA,EAAkB,wBAC1C,yBAA0BA,EAAkB,0BAE5C,eAAgBA,EAAkB,gBAClC,eAAgBA,EAAkB,gBAClC,aAAcA,EAAkB,cAChC,oBAAqBA,EAAkB,qBACvC,YAAaA,EAAkB,aAC/B,eAAgBA,EAAkB,gBAClC,uBAAwBA,EAAkB,wBAG1CkB,OAAQlB,EAAkB,UAC1B,gBAAiBA,EAAkB,iBACnC,kBAAmBA,EAAkB,mBACrC,iBAAkBA,EAAkB,kBACpC,wBAAyBA,EAAkB,yBAC3C,wBAAyBA,EAAkB,yBAE3C,eAAgBA,EAAkB,gBAClC,sBAAuBA,EAAkB,uBAEzC,kBAAmBA,EAAkB,mBACrC,yBAA0BA,EAAkB,0BAC5C,2BAA4BA,EAAkB,4BAC9C,wBAAyBA,EAAkB,yBAE3C,eAAgBA,EAAkB,gBAClC,sBAAuBA,EAAkB,uBAEzC,kBAAmBA,EAAkB,mBACrC,2BAA4BA,EAAkB,4BAE9C,iBAAkBA,EAAkB,kBACpC,iBAAkBA,EAAkB,kBACpC,eAAgBA,EAAkB,gBAClC,qBAAsBA,EAAkB,sBACxC,4BAA6BA,EAAkB,6BAC/C,sBAAuBA,EAAkB,uBACzC,cAAeA,EAAkB,eAGjCmB,GAAInB,EAAkB,MACtB,YAAaA,EAAkB,aAC/B,cAAeA,EAAkB,eACjC,eAAgBA,EAAkB,gBAElC,WAAYA,EAAkB,YAC9B,kBAAmBA,EAAkB,mBACrC,kBAAmBA,EAAkB,mBACrC,mBAAoBA,EAAkB,oBACtC,0BAA2BA,EAAkB,2BAE7C,cAAeA,EAAkB,eACjC,oBAAqBA,EAAkB,qBACvC,qBAAsBA,EAAkB,sBACxC,uBAAwBA,EAAkB,wBAC1C,wBAAyBA,EAAkB,yBAC3C,8BAA+BA,EAC3B,+BAGJ,cAAeA,EAAkB,eACjC,uBAAwBA,EAAkB,wBAC1C,gCAAiCA,EAC7B,iCAGJ,aAAcA,EAAkB,cAChC,mBAAoBA,EAAkB,oBACtC,oBAAqBA,EAAkB,qBACvC,0BAA2BA,EAAkB,2BAC7C,aAAcA,EAAkB,cAChC,mBAAoBA,EAAkB,oBACtC,oBAAqBA,EAAkB,qBACvC,0BAA2BA,EAAkB,2BAC7C,UAAWA,EAAkB,WAC7B,gBAAiBA,EAAkB,iBACnC,iBAAkBA,EAAkB,kBACpC,uBAAwBA,EAAkB,wBAC1C,WAAYA,EAAkB,YAC9B,iBAAkBA,EAAkB,kBACpC,kBAAmBA,EAAkB,mBACrC,wBAAyBA,EAAkB,yBAE3C,aAAcA,EAAkB,cAChC,oBAAqBA,EAAkB,qBACvC,qBAAsBA,EAAkB,sBACxC,sBAAuBA,EAAkB,uBACzC,mBAAoBA,EAAkB,oBAEtC,aAAcA,EAAkB,cAChC,oBAAqBA,EAAkB,qBACvC,oBAAqBA,EAAkB,qBACvC,qBAAsBA,EAAkB,sBACxC,sBAAuBA,EAAkB,uBACzC,eAAgBA,EAAkB,gBAClC,sBAAuBA,EAAkB,uBACzC,uBAAwBA,EAAkB,wBAC1C,wBAAyBA,EAAkB,yBAC3C,eAAgBA,EAAkB,gBAElC,mBAAoBA,EAAkB,oBACtC,0BAA2BA,EAAkB,2BAC7C,4BAA6BA,EAAkB,6BAE/C,+BAAgCA,EAC5B,gCAIJ,iBAAkBA,EAAkB,kBACpC,iBAAkBA,EAAkB,kBAGpCoB,UAAWpB,EAAkB,aAC7B,kBAAmBA,EAAkB,mBACrC,oBAAqBA,EAAkB,qBACvC,oBAAqBA,EAAkB,qBAGvC,aAAcA,EAAkB,cAChC,qBAAsBA,EAAkB"}
|
|
1
|
+
{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/colour-semantic/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ColourScheme, SemanticColourSet } from \"../types\";\nimport {\n A11yPlaygroundColourSet,\n A11yPlaygroundDarkColourSet,\n} from \"./specs/a11yplayground-semantic-tokens\";\nimport {\n LifeSGColourSet,\n LifeSGDarkColourSet,\n} from \"./specs/lifesg-semantic-tokens\";\nimport { PAColourSet } from \"./specs/pa-semantic-tokens\";\nimport {\n SGWDigitalLobbyColourSet,\n SGWDigitalLobbyDarkColourSet,\n} from \"./specs/sgwdigitallobby-tokens\";\nimport { SPFColourSet } from \"./specs/spf-semantic-tokens\";\nimport { SemanticColourCollectionMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n SemanticColourCollectionMap,\n ColourScheme\n> = {\n collections: {\n lifesg: LifeSGColourSet,\n bookingsg: LifeSGColourSet,\n rbs: LifeSGColourSet,\n mylegacy: LifeSGColourSet,\n ccube: LifeSGColourSet,\n oneservice: LifeSGColourSet,\n pa: PAColourSet,\n a11yplayground: A11yPlaygroundColourSet,\n supportgowhere: LifeSGColourSet,\n sgwdigitallobby: SGWDigitalLobbyColourSet,\n imda: LifeSGColourSet,\n spf: SPFColourSet,\n smgs: LifeSGColourSet,\n careercompass: LifeSGColourSet,\n toteboard: LifeSGColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const DarkColourSpec: ThemeCollectionSpec<\n SemanticColourCollectionMap,\n ColourScheme\n> = {\n collections: {\n lifesg: LifeSGDarkColourSet,\n bookingsg: LifeSGDarkColourSet,\n rbs: LifeSGDarkColourSet,\n mylegacy: LifeSGDarkColourSet,\n ccube: LifeSGDarkColourSet,\n oneservice: LifeSGDarkColourSet,\n pa: LifeSGDarkColourSet,\n a11yplayground: A11yPlaygroundDarkColourSet,\n supportgowhere: LifeSGDarkColourSet,\n sgwdigitallobby: SGWDigitalLobbyDarkColourSet,\n imda: LifeSGDarkColourSet,\n spf: LifeSGDarkColourSet,\n smgs: LifeSGDarkColourSet,\n careercompass: LifeSGDarkColourSet,\n toteboard: LifeSGDarkColourSet,\n },\n defaultValue: \"lifesg\",\n};\n\nexport const getSemanticColour = (key: keyof SemanticColourSet) => {\n return (props: StyledComponentProps): string => {\n const theme = props.theme;\n const isDarkMode = theme?.colourMode === \"dark\";\n\n // Select the appropriate color spec based on theme mode\n const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n const colorSet: SemanticColourSet = getCollection(\n spec,\n theme?.colourScheme\n );\n\n // Check for mode-specific overrides first,\n // then fallback to general overrides\n const overrideKey = isDarkMode\n ? \"semanticColourDark\"\n : \"semanticColour\";\n const overrides = theme?.overrides?.[overrideKey];\n\n const colorValue = overrides\n ? getValue(colorSet, key, overrides)\n : colorSet[key];\n\n // If function, resolve with props\n if (typeof colorValue === \"function\") {\n return (colorValue as (props: any) => string)(props);\n }\n\n return colorValue as string;\n };\n};\n\nexport const ColourSemantic: {\n [key in keyof SemanticColourSet]: (props: StyledComponentProps) => string;\n} = {\n // text\n text: getSemanticColour(\"text\"),\n \"text-subtle\": getSemanticColour(\"text-subtle\"),\n \"text-subtler\": getSemanticColour(\"text-subtler\"),\n \"text-subtlest\": getSemanticColour(\"text-subtlest\"),\n \"text-primary\": getSemanticColour(\"text-primary\"),\n \"text-primary-strong\": getSemanticColour(\"text-primary-strong\"),\n \"text-primary-strongest\": getSemanticColour(\"text-primary-strongest\"),\n \"text-brand\": getSemanticColour(\"text-brand\"),\n \"text-secondary\": getSemanticColour(\"text-secondary\"),\n \"text-secondary-subtle\": getSemanticColour(\"text-secondary-subtle\"),\n\n \"text-hover\": getSemanticColour(\"text-hover\"),\n \"text-selected\": getSemanticColour(\"text-selected\"),\n \"text-selected-hover\": getSemanticColour(\"text-selected-hover\"),\n\n \"text-disabled\": getSemanticColour(\"text-disabled\"),\n \"text-disabled-subtle\": getSemanticColour(\"text-disabled-subtle\"),\n \"text-disabled-subtlest\": getSemanticColour(\"text-disabled-subtlest\"),\n \"text-selected-disabled\": getSemanticColour(\"text-selected-disabled\"),\n\n \"text-success\": getSemanticColour(\"text-success\"),\n \"text-warning\": getSemanticColour(\"text-warning\"),\n \"text-error\": getSemanticColour(\"text-error\"),\n \"text-info\": getSemanticColour(\"text-info\"),\n \"text-inverse\": getSemanticColour(\"text-inverse\"),\n\n // icon\n icon: getSemanticColour(\"icon\"),\n \"icon-subtle\": getSemanticColour(\"icon-subtle\"),\n \"icon-strongest\": getSemanticColour(\"icon-strongest\"),\n \"icon-primary\": getSemanticColour(\"icon-primary\"),\n \"icon-primary-subtle\": getSemanticColour(\"icon-primary-subtle\"),\n \"icon-primary-subtlest\": getSemanticColour(\"icon-primary-subtlest\"),\n \"icon-brand\": getSemanticColour(\"icon-brand\"),\n \"icon-secondary\": getSemanticColour(\"icon-secondary\"),\n \"icon-secondary-subtle\": getSemanticColour(\"icon-secondary-subtle\"),\n\n \"icon-hover\": getSemanticColour(\"icon-hover\"),\n \"icon-selected\": getSemanticColour(\"icon-selected\"),\n \"icon-selected-hover\": getSemanticColour(\"icon-selected-hover\"),\n\n \"icon-disabled\": getSemanticColour(\"icon-disabled\"),\n \"icon-disabled-subtle\": getSemanticColour(\"icon-disabled-subtle\"),\n \"icon-selected-disabled\": getSemanticColour(\"icon-selected-disabled\"),\n\n \"icon-success\": getSemanticColour(\"icon-success\"),\n \"icon-warning\": getSemanticColour(\"icon-warning\"),\n \"icon-error\": getSemanticColour(\"icon-error\"),\n \"icon-error-strong\": getSemanticColour(\"icon-error-strong\"),\n \"icon-info\": getSemanticColour(\"icon-info\"),\n \"icon-inverse\": getSemanticColour(\"icon-inverse\"),\n \"icon-primary-inverse\": getSemanticColour(\"icon-primary-inverse\"),\n\n // border\n border: getSemanticColour(\"border\"),\n \"border-strong\": getSemanticColour(\"border-strong\"),\n \"border-stronger\": getSemanticColour(\"border-stronger\"),\n \"border-primary\": getSemanticColour(\"border-primary\"),\n \"border-primary-strong\": getSemanticColour(\"border-primary-strong\"),\n \"border-primary-subtle\": getSemanticColour(\"border-primary-subtle\"),\n\n \"border-hover\": getSemanticColour(\"border-hover\"),\n \"border-hover-strong\": getSemanticColour(\"border-hover-strong\"),\n\n \"border-selected\": getSemanticColour(\"border-selected\"),\n \"border-selected-subtle\": getSemanticColour(\"border-selected-subtle\"),\n \"border-selected-subtlest\": getSemanticColour(\"border-selected-subtlest\"),\n \"border-selected-hover\": getSemanticColour(\"border-selected-hover\"),\n\n \"border-focus\": getSemanticColour(\"border-focus\"),\n \"border-focus-strong\": getSemanticColour(\"border-focus-strong\"),\n\n \"border-disabled\": getSemanticColour(\"border-disabled\"),\n \"border-selected-disabled\": getSemanticColour(\"border-selected-disabled\"),\n\n \"border-success\": getSemanticColour(\"border-success\"),\n \"border-warning\": getSemanticColour(\"border-warning\"),\n \"border-error\": getSemanticColour(\"border-error\"),\n \"border-error-focus\": getSemanticColour(\"border-error-focus\"),\n \"border-error-focus-strong\": getSemanticColour(\"border-error-focus-strong\"),\n \"border-error-strong\": getSemanticColour(\"border-error-strong\"),\n \"border-info\": getSemanticColour(\"border-info\"),\n\n // background\n bg: getSemanticColour(\"bg\"),\n \"bg-strong\": getSemanticColour(\"bg-strong\"),\n \"bg-stronger\": getSemanticColour(\"bg-stronger\"),\n \"bg-strongest\": getSemanticColour(\"bg-strongest\"),\n\n \"bg-hover\": getSemanticColour(\"bg-hover\"),\n \"bg-hover-strong\": getSemanticColour(\"bg-hover-strong\"),\n \"bg-hover-subtle\": getSemanticColour(\"bg-hover-subtle\"),\n \"bg-hover-neutral\": getSemanticColour(\"bg-hover-neutral\"),\n \"bg-hover-neutral-strong\": getSemanticColour(\"bg-hover-neutral-strong\"),\n\n \"bg-selected\": getSemanticColour(\"bg-selected\"),\n \"bg-selected-hover\": getSemanticColour(\"bg-selected-hover\"),\n \"bg-selected-strong\": getSemanticColour(\"bg-selected-strong\"),\n \"bg-selected-stronger\": getSemanticColour(\"bg-selected-stronger\"),\n \"bg-selected-strongest\": getSemanticColour(\"bg-selected-strongest\"),\n \"bg-selected-strongest-hover\": getSemanticColour(\n \"bg-selected-strongest-hover\"\n ),\n\n \"bg-disabled\": getSemanticColour(\"bg-disabled\"),\n \"bg-selected-disabled\": getSemanticColour(\"bg-selected-disabled\"),\n \"bg-selected-stronger-disabled\": getSemanticColour(\n \"bg-selected-stronger-disabled\"\n ),\n\n \"bg-success\": getSemanticColour(\"bg-success\"),\n \"bg-success-hover\": getSemanticColour(\"bg-success-hover\"),\n \"bg-success-strong\": getSemanticColour(\"bg-success-strong\"),\n \"bg-success-strong-hover\": getSemanticColour(\"bg-success-strong-hover\"),\n \"bg-warning\": getSemanticColour(\"bg-warning\"),\n \"bg-warning-hover\": getSemanticColour(\"bg-warning-hover\"),\n \"bg-warning-strong\": getSemanticColour(\"bg-warning-strong\"),\n \"bg-warning-strong-hover\": getSemanticColour(\"bg-warning-strong-hover\"),\n \"bg-info\": getSemanticColour(\"bg-info\"),\n \"bg-info-hover\": getSemanticColour(\"bg-info-hover\"),\n \"bg-info-strong\": getSemanticColour(\"bg-info-strong\"),\n \"bg-info-strong-hover\": getSemanticColour(\"bg-info-strong-hover\"),\n \"bg-error\": getSemanticColour(\"bg-error\"),\n \"bg-error-hover\": getSemanticColour(\"bg-error-hover\"),\n \"bg-error-strong\": getSemanticColour(\"bg-error-strong\"),\n \"bg-error-strong-hover\": getSemanticColour(\"bg-error-strong-hover\"),\n\n \"bg-inverse\": getSemanticColour(\"bg-inverse\"),\n \"bg-inverse-subtle\": getSemanticColour(\"bg-inverse-subtle\"),\n \"bg-inverse-subtler\": getSemanticColour(\"bg-inverse-subtler\"),\n \"bg-inverse-subtlest\": getSemanticColour(\"bg-inverse-subtlest\"),\n \"bg-inverse-hover\": getSemanticColour(\"bg-inverse-hover\"),\n\n \"bg-primary\": getSemanticColour(\"bg-primary\"),\n \"bg-primary-strong\": getSemanticColour(\"bg-primary-strong\"),\n \"bg-primary-subtle\": getSemanticColour(\"bg-primary-subtle\"),\n \"bg-primary-subtler\": getSemanticColour(\"bg-primary-subtler\"),\n \"bg-primary-subtlest\": getSemanticColour(\"bg-primary-subtlest\"),\n \"bg-secondary\": getSemanticColour(\"bg-secondary\"),\n \"bg-secondary-subtle\": getSemanticColour(\"bg-secondary-subtle\"),\n \"bg-secondary-subtler\": getSemanticColour(\"bg-secondary-subtler\"),\n \"bg-secondary-subtlest\": getSemanticColour(\"bg-secondary-subtlest\"),\n \"bg-available\": getSemanticColour(\"bg-available\"),\n\n \"bg-primary-hover\": getSemanticColour(\"bg-primary-hover\"),\n \"bg-primary-strong-hover\": getSemanticColour(\"bg-primary-strong-hover\"),\n \"bg-primary-subtlest-hover\": getSemanticColour(\"bg-primary-subtlest-hover\"),\n\n \"bg-primary-subtlest-selected\": getSemanticColour(\n \"bg-primary-subtlest-selected\"\n ),\n\n // overlay\n \"overlay-strong\": getSemanticColour(\"overlay-strong\"),\n \"overlay-subtle\": getSemanticColour(\"overlay-subtle\"),\n\n // hyperlink\n hyperlink: getSemanticColour(\"hyperlink\"),\n \"hyperlink-hover\": getSemanticColour(\"hyperlink-hover\"),\n \"hyperlink-visited\": getSemanticColour(\"hyperlink-visited\"),\n \"hyperlink-inverse\": getSemanticColour(\"hyperlink-inverse\"),\n\n // focus ring\n \"focus-ring\": getSemanticColour(\"focus-ring\"),\n \"focus-ring-inverse\": getSemanticColour(\"focus-ring-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSGColourSet","bookingsg","rbs","mylegacy","ccube","oneservice","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","sgwdigitallobby","SGWDigitalLobbyColourSet","imda","spf","SPFColourSet","smgs","careercompass","toteboard","defaultValue","DarkColourSpec","LifeSGDarkColourSet","A11yPlaygroundDarkColourSet","SGWDigitalLobbyDarkColourSet","getSemanticColour","key","props","theme","isDarkMode","colourMode","spec","colorSet","getCollection","colourScheme","overrideKey","overrides","_a","colorValue","getValue","ColourSemantic","text","icon","border","bg","hyperlink"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toteboard-font-set.js","sources":["../../../../../src/theme/font/specs/toteboard-font-set.ts"],"sourcesContent":["import { FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const ToteBoardFontSet: FontSet = getFontSet({\n disableLigatures: true,\n});\n"],"names":["ToteBoardFontSet","getFontSet","disableLigatures"],"mappings":"aAGO,MAAMA,yBAA4BC,WAAW,CAChDC,kBAAkB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../helpers.js"),d=require("./specs/bookingsg-font-set.js"),
|
|
1
|
+
"use strict";var e=require("../helpers.js"),d=require("./specs/bookingsg-font-set.js"),o=require("./specs/default-font-set.js"),l=require("./specs/pa-font-set.js"),i=require("./specs/a11yplayground-font-set.js"),s=require("./specs/supportgowhere-font-set.js"),g=require("./specs/imda-font-set.js"),a=require("./specs/toteboard-font-set.js"),n=require("./specs/spf-font-set.js"),t=require("./specs/oneservice-font-set.js");const r={collections:{default:o.DefaultFontSet,bookingsg:d.BookingSgFontSet,mylegacy:o.DefaultFontSet,pa:l.PAFontSet,a11yplayground:i.A11yPlaygroundFontSet,supportgowhere:s.SupportGoWhereFontSet,sgwdigitallobby:s.SupportGoWhereFontSet,imda:g.IMDAFontSet,spf:n.SPFFontSet,oneservice:t.OneServiceFontSet,toteboard:a.ToteBoardFontSet},defaultValue:"default"},b=d=>o=>{var l;const i=o.theme,s=e.getCollection(r,null==i?void 0:i.fontScheme),g=(null===(l=null==i?void 0:i.overrides)||void 0===l?void 0:l.font)?e.getValue(s,d,i.overrides.font):s[d];return"function"==typeof g?g(o):g},h={"heading-xxl-light":b("heading-xxl-light"),"heading-xxl-regular":b("heading-xxl-regular"),"heading-xxl-semibold":b("heading-xxl-semibold"),"heading-xxl-bold":b("heading-xxl-bold"),"heading-xl-light":b("heading-xl-light"),"heading-xl-regular":b("heading-xl-regular"),"heading-xl-semibold":b("heading-xl-semibold"),"heading-xl-bold":b("heading-xl-bold"),"heading-lg-light":b("heading-lg-light"),"heading-lg-regular":b("heading-lg-regular"),"heading-lg-semibold":b("heading-lg-semibold"),"heading-lg-bold":b("heading-lg-bold"),"heading-md-light":b("heading-md-light"),"heading-md-regular":b("heading-md-regular"),"heading-md-semibold":b("heading-md-semibold"),"heading-md-bold":b("heading-md-bold"),"heading-sm-light":b("heading-sm-light"),"heading-sm-regular":b("heading-sm-regular"),"heading-sm-semibold":b("heading-sm-semibold"),"heading-sm-bold":b("heading-sm-bold"),"heading-xs-light":b("heading-xs-light"),"heading-xs-regular":b("heading-xs-regular"),"heading-xs-semibold":b("heading-xs-semibold"),"heading-xs-bold":b("heading-xs-bold"),"body-baseline-light":b("body-baseline-light"),"body-baseline-regular":b("body-baseline-regular"),"body-baseline-semibold":b("body-baseline-semibold"),"body-baseline-bold":b("body-baseline-bold"),"body-md-light":b("body-md-light"),"body-md-regular":b("body-md-regular"),"body-md-semibold":b("body-md-semibold"),"body-md-bold":b("body-md-bold"),"body-sm-light":b("body-sm-light"),"body-sm-regular":b("body-sm-regular"),"body-sm-semibold":b("body-sm-semibold"),"body-sm-bold":b("body-sm-bold"),"body-xs-light":b("body-xs-light"),"body-xs-regular":b("body-xs-regular"),"body-xs-semibold":b("body-xs-semibold"),"body-xs-bold":b("body-xs-bold"),"form-label":b("form-label"),"form-description":b("form-description")};exports.FontValues=h,exports.getFont=b;
|
|
2
2
|
//# sourceMappingURL=theme-helper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/font/theme-helper.ts"],"sourcesContent":["import { CSSProp } from \"styled-components\";\nimport { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { FontScheme } from \"../types\";\nimport { BookingSgFontSet } from \"./specs/bookingsg-font-set\";\nimport { DefaultFontSet } from \"./specs/default-font-set\";\nimport { PAFontSet } from \"./specs/pa-font-set\";\nimport { A11yPlaygroundFontSet } from \"./specs/a11yplayground-font-set\";\nimport { SupportGoWhereFontSet } from \"./specs/supportgowhere-font-set\";\nimport { IMDAFontSet } from \"./specs/imda-font-set\";\nimport { SPFFontSet } from \"./specs/spf-font-set\";\nimport { FontCollectionMap, FontSet } from \"./types\";\nimport { OneServiceFontSet } from \"./specs/oneservice-font-set\";\n\nconst FontSpec: ThemeCollectionSpec<FontCollectionMap, FontScheme> = {\n collections: {\n default: DefaultFontSet,\n bookingsg: BookingSgFontSet,\n mylegacy: DefaultFontSet,\n pa: PAFontSet,\n a11yplayground: A11yPlaygroundFontSet,\n supportgowhere: SupportGoWhereFontSet,\n sgwdigitallobby: SupportGoWhereFontSet,\n imda: IMDAFontSet,\n spf: SPFFontSet,\n oneservice: OneServiceFontSet,\n },\n defaultValue: \"default\",\n};\n\nexport const getFont = (key: keyof FontSet) => {\n return (props: StyledComponentProps): CSSProp | string => {\n const theme = props.theme;\n const fontSet: FontSet = getCollection(FontSpec, theme?.fontScheme);\n\n // Check for an override\n const fontValue = theme?.overrides?.font\n ? getValue(fontSet, key, theme.overrides.font)\n : fontSet[key];\n\n // If function, resolve with props\n return typeof fontValue === \"function\"\n ? (fontValue as (props: any) => string)(props)\n : fontValue;\n };\n};\n\nexport const FontValues: {\n [key in keyof FontSet]: (props: StyledComponentProps) => CSSProp;\n} = {\n \"heading-xxl-light\": getFont(\"heading-xxl-light\"),\n \"heading-xxl-regular\": getFont(\"heading-xxl-regular\"),\n \"heading-xxl-semibold\": getFont(\"heading-xxl-semibold\"),\n \"heading-xxl-bold\": getFont(\"heading-xxl-bold\"),\n\n \"heading-xl-light\": getFont(\"heading-xl-light\"),\n \"heading-xl-regular\": getFont(\"heading-xl-regular\"),\n \"heading-xl-semibold\": getFont(\"heading-xl-semibold\"),\n \"heading-xl-bold\": getFont(\"heading-xl-bold\"),\n\n \"heading-lg-light\": getFont(\"heading-lg-light\"),\n \"heading-lg-regular\": getFont(\"heading-lg-regular\"),\n \"heading-lg-semibold\": getFont(\"heading-lg-semibold\"),\n \"heading-lg-bold\": getFont(\"heading-lg-bold\"),\n\n \"heading-md-light\": getFont(\"heading-md-light\"),\n \"heading-md-regular\": getFont(\"heading-md-regular\"),\n \"heading-md-semibold\": getFont(\"heading-md-semibold\"),\n \"heading-md-bold\": getFont(\"heading-md-bold\"),\n\n \"heading-sm-light\": getFont(\"heading-sm-light\"),\n \"heading-sm-regular\": getFont(\"heading-sm-regular\"),\n \"heading-sm-semibold\": getFont(\"heading-sm-semibold\"),\n \"heading-sm-bold\": getFont(\"heading-sm-bold\"),\n\n \"heading-xs-light\": getFont(\"heading-xs-light\"),\n \"heading-xs-regular\": getFont(\"heading-xs-regular\"),\n \"heading-xs-semibold\": getFont(\"heading-xs-semibold\"),\n \"heading-xs-bold\": getFont(\"heading-xs-bold\"),\n\n \"body-baseline-light\": getFont(\"body-baseline-light\"),\n \"body-baseline-regular\": getFont(\"body-baseline-regular\"),\n \"body-baseline-semibold\": getFont(\"body-baseline-semibold\"),\n \"body-baseline-bold\": getFont(\"body-baseline-bold\"),\n\n \"body-md-light\": getFont(\"body-md-light\"),\n \"body-md-regular\": getFont(\"body-md-regular\"),\n \"body-md-semibold\": getFont(\"body-md-semibold\"),\n \"body-md-bold\": getFont(\"body-md-bold\"),\n\n \"body-sm-light\": getFont(\"body-sm-light\"),\n \"body-sm-regular\": getFont(\"body-sm-regular\"),\n \"body-sm-semibold\": getFont(\"body-sm-semibold\"),\n \"body-sm-bold\": getFont(\"body-sm-bold\"),\n\n \"body-xs-light\": getFont(\"body-xs-light\"),\n \"body-xs-regular\": getFont(\"body-xs-regular\"),\n \"body-xs-semibold\": getFont(\"body-xs-semibold\"),\n \"body-xs-bold\": getFont(\"body-xs-bold\"),\n\n \"form-label\": getFont(\"form-label\"),\n \"form-description\": getFont(\"form-description\"),\n};\n"],"names":["FontSpec","collections","default","DefaultFontSet","bookingsg","BookingSgFontSet","mylegacy","pa","PAFontSet","a11yplayground","A11yPlaygroundFontSet","supportgowhere","SupportGoWhereFontSet","sgwdigitallobby","imda","IMDAFontSet","spf","SPFFontSet","oneservice","OneServiceFontSet","defaultValue","getFont","key","props","theme","fontSet","getCollection","fontScheme","fontValue","_a","overrides","font","getValue","FontValues"],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/font/theme-helper.ts"],"sourcesContent":["import { CSSProp } from \"styled-components\";\nimport { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { FontScheme } from \"../types\";\nimport { BookingSgFontSet } from \"./specs/bookingsg-font-set\";\nimport { DefaultFontSet } from \"./specs/default-font-set\";\nimport { PAFontSet } from \"./specs/pa-font-set\";\nimport { A11yPlaygroundFontSet } from \"./specs/a11yplayground-font-set\";\nimport { SupportGoWhereFontSet } from \"./specs/supportgowhere-font-set\";\nimport { IMDAFontSet } from \"./specs/imda-font-set\";\nimport { ToteBoardFontSet } from \"./specs/toteboard-font-set\";\nimport { SPFFontSet } from \"./specs/spf-font-set\";\nimport { FontCollectionMap, FontSet } from \"./types\";\nimport { OneServiceFontSet } from \"./specs/oneservice-font-set\";\n\nconst FontSpec: ThemeCollectionSpec<FontCollectionMap, FontScheme> = {\n collections: {\n default: DefaultFontSet,\n bookingsg: BookingSgFontSet,\n mylegacy: DefaultFontSet,\n pa: PAFontSet,\n a11yplayground: A11yPlaygroundFontSet,\n supportgowhere: SupportGoWhereFontSet,\n sgwdigitallobby: SupportGoWhereFontSet,\n imda: IMDAFontSet,\n spf: SPFFontSet,\n oneservice: OneServiceFontSet,\n toteboard: ToteBoardFontSet,\n },\n defaultValue: \"default\",\n};\n\nexport const getFont = (key: keyof FontSet) => {\n return (props: StyledComponentProps): CSSProp | string => {\n const theme = props.theme;\n const fontSet: FontSet = getCollection(FontSpec, theme?.fontScheme);\n\n // Check for an override\n const fontValue = theme?.overrides?.font\n ? getValue(fontSet, key, theme.overrides.font)\n : fontSet[key];\n\n // If function, resolve with props\n return typeof fontValue === \"function\"\n ? (fontValue as (props: any) => string)(props)\n : fontValue;\n };\n};\n\nexport const FontValues: {\n [key in keyof FontSet]: (props: StyledComponentProps) => CSSProp;\n} = {\n \"heading-xxl-light\": getFont(\"heading-xxl-light\"),\n \"heading-xxl-regular\": getFont(\"heading-xxl-regular\"),\n \"heading-xxl-semibold\": getFont(\"heading-xxl-semibold\"),\n \"heading-xxl-bold\": getFont(\"heading-xxl-bold\"),\n\n \"heading-xl-light\": getFont(\"heading-xl-light\"),\n \"heading-xl-regular\": getFont(\"heading-xl-regular\"),\n \"heading-xl-semibold\": getFont(\"heading-xl-semibold\"),\n \"heading-xl-bold\": getFont(\"heading-xl-bold\"),\n\n \"heading-lg-light\": getFont(\"heading-lg-light\"),\n \"heading-lg-regular\": getFont(\"heading-lg-regular\"),\n \"heading-lg-semibold\": getFont(\"heading-lg-semibold\"),\n \"heading-lg-bold\": getFont(\"heading-lg-bold\"),\n\n \"heading-md-light\": getFont(\"heading-md-light\"),\n \"heading-md-regular\": getFont(\"heading-md-regular\"),\n \"heading-md-semibold\": getFont(\"heading-md-semibold\"),\n \"heading-md-bold\": getFont(\"heading-md-bold\"),\n\n \"heading-sm-light\": getFont(\"heading-sm-light\"),\n \"heading-sm-regular\": getFont(\"heading-sm-regular\"),\n \"heading-sm-semibold\": getFont(\"heading-sm-semibold\"),\n \"heading-sm-bold\": getFont(\"heading-sm-bold\"),\n\n \"heading-xs-light\": getFont(\"heading-xs-light\"),\n \"heading-xs-regular\": getFont(\"heading-xs-regular\"),\n \"heading-xs-semibold\": getFont(\"heading-xs-semibold\"),\n \"heading-xs-bold\": getFont(\"heading-xs-bold\"),\n\n \"body-baseline-light\": getFont(\"body-baseline-light\"),\n \"body-baseline-regular\": getFont(\"body-baseline-regular\"),\n \"body-baseline-semibold\": getFont(\"body-baseline-semibold\"),\n \"body-baseline-bold\": getFont(\"body-baseline-bold\"),\n\n \"body-md-light\": getFont(\"body-md-light\"),\n \"body-md-regular\": getFont(\"body-md-regular\"),\n \"body-md-semibold\": getFont(\"body-md-semibold\"),\n \"body-md-bold\": getFont(\"body-md-bold\"),\n\n \"body-sm-light\": getFont(\"body-sm-light\"),\n \"body-sm-regular\": getFont(\"body-sm-regular\"),\n \"body-sm-semibold\": getFont(\"body-sm-semibold\"),\n \"body-sm-bold\": getFont(\"body-sm-bold\"),\n\n \"body-xs-light\": getFont(\"body-xs-light\"),\n \"body-xs-regular\": getFont(\"body-xs-regular\"),\n \"body-xs-semibold\": getFont(\"body-xs-semibold\"),\n \"body-xs-bold\": getFont(\"body-xs-bold\"),\n\n \"form-label\": getFont(\"form-label\"),\n \"form-description\": getFont(\"form-description\"),\n};\n"],"names":["FontSpec","collections","default","DefaultFontSet","bookingsg","BookingSgFontSet","mylegacy","pa","PAFontSet","a11yplayground","A11yPlaygroundFontSet","supportgowhere","SupportGoWhereFontSet","sgwdigitallobby","imda","IMDAFontSet","spf","SPFFontSet","oneservice","OneServiceFontSet","toteboard","ToteBoardFontSet","defaultValue","getFont","key","props","theme","fontSet","getCollection","fontScheme","fontValue","_a","overrides","font","getValue","FontValues"],"mappings":"saAeA,MAAMA,EAA+D,CACjEC,YAAa,CACTC,QAASC,EAAAA,eACTC,UAAWC,EAAAA,iBACXC,SAAUH,EAAAA,eACVI,GAAIC,EAAAA,UACJC,eAAgBC,EAAAA,sBAChBC,eAAgBC,EAAAA,sBAChBC,gBAAiBD,EAAAA,sBACjBE,KAAMC,EAAAA,YACNC,IAAKC,EAAAA,WACLC,WAAYC,EAAAA,kBACZC,UAAWC,EAAAA,kBAEfC,aAAc,WAGLC,EAAWC,GACZC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAmBC,EAAAA,cAAc5B,EAAU0B,aAAK,EAALA,EAAOG,YAGlDC,GAA4B,QAAhBC,EAAAL,aAAK,EAALA,EAAOM,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,MAC9BC,EAAAA,SAASP,EAASH,EAAKE,EAAMM,UAAUC,MACvCN,EAAQH,GAGd,MAA4B,mBAAdM,EACPA,EAAqCL,GACtCK,CAAS,EAIVK,EAET,CACA,oBAAqBZ,EAAQ,qBAC7B,sBAAuBA,EAAQ,uBAC/B,uBAAwBA,EAAQ,wBAChC,mBAAoBA,EAAQ,oBAE5B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,mBAAoBA,EAAQ,oBAC5B,qBAAsBA,EAAQ,sBAC9B,sBAAuBA,EAAQ,uBAC/B,kBAAmBA,EAAQ,mBAE3B,sBAAuBA,EAAQ,uBAC/B,wBAAyBA,EAAQ,yBACjC,yBAA0BA,EAAQ,0BAClC,qBAAsBA,EAAQ,sBAE9B,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,gBAAiBA,EAAQ,iBACzB,kBAAmBA,EAAQ,mBAC3B,mBAAoBA,EAAQ,oBAC5B,eAAgBA,EAAQ,gBAExB,aAAcA,EAAQ,cACtB,mBAAoBA,EAAQ"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";exports.ToteBoardFontSpecSet={"heading-size-xxl":"3rem","heading-size-xl":"2.5rem","heading-size-lg":"2rem","heading-size-md":"1.625rem","heading-size-sm":"1.375rem","heading-size-xs":"1.125rem","heading-lh-xxl":"3.5rem","heading-lh-xl":"3rem","heading-lh-lg":"2.5rem","heading-lh-md":"2.25rem","heading-lh-sm":"1.75rem","heading-lh-xs":"1.625rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.02rem","heading-ls-lg":"-0.02rem","heading-ls-md":"0rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Inter","heading-font-family":"Inter","body-font-family":"Inter","body-size-baseline":"1.125rem","body-size-md":"1rem","body-size-sm":"0.875rem","body-size-xs":"0.75rem","body-lh-baseline":"1.625rem","body-lh-md":"1.5rem","body-lh-sm":"1.625rem","body-lh-xs":"1.25rem","body-ls-baseline":"0rem","body-ls-md":"0.009rem","body-ls-sm":"0.008rem","body-ls-xs":"0.008rem","form-label-size":"1rem","form-description-size":"0.875rem","form-label-lh":"1.5rem","form-description-lh":"1.625rem","form-label-ls":"0.009rem","form-description-ls":"0.008rem"};
|
|
2
|
+
//# sourceMappingURL=toteboard-font-spec-set.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toteboard-font-spec-set.js","sources":["../../../../../src/theme/font-spec/specs/toteboard-font-spec-set.ts"],"sourcesContent":["import { FontSpecSet } from \"../types\";\n\nexport const ToteBoardFontSpecSet: FontSpecSet = {\n \"heading-size-xxl\": \"3rem\",\n \"heading-size-xl\": \"2.5rem\",\n \"heading-size-lg\": \"2rem\",\n \"heading-size-md\": \"1.625rem\",\n \"heading-size-sm\": \"1.375rem\",\n \"heading-size-xs\": \"1.125rem\",\n\n \"heading-lh-xxl\": \"3.5rem\",\n \"heading-lh-xl\": \"3rem\",\n \"heading-lh-lg\": \"2.5rem\",\n \"heading-lh-md\": \"2.25rem\",\n \"heading-lh-sm\": \"1.75rem\",\n \"heading-lh-xs\": \"1.625rem\",\n\n \"heading-ls-xxl\": \"-0.035rem\",\n \"heading-ls-xl\": \"-0.02rem\",\n \"heading-ls-lg\": \"-0.02rem\",\n \"heading-ls-md\": \"0rem\",\n \"heading-ls-sm\": \"0rem\",\n \"heading-ls-xs\": \"0rem\",\n\n \"weight-light\": \"300\",\n \"weight-regular\": \"400\",\n \"weight-semibold\": \"600\",\n \"weight-bold\": \"700\",\n \"font-family\": \"Inter\",\n \"heading-font-family\": \"Inter\",\n \"body-font-family\": \"Inter\",\n\n \"body-size-baseline\": \"1.125rem\",\n \"body-size-md\": \"1rem\",\n \"body-size-sm\": \"0.875rem\",\n \"body-size-xs\": \"0.75rem\",\n\n \"body-lh-baseline\": \"1.625rem\",\n \"body-lh-md\": \"1.5rem\",\n \"body-lh-sm\": \"1.625rem\",\n \"body-lh-xs\": \"1.25rem\",\n\n \"body-ls-baseline\": \"0rem\",\n \"body-ls-md\": \"0.009rem\",\n \"body-ls-sm\": \"0.008rem\",\n \"body-ls-xs\": \"0.008rem\",\n\n \"form-label-size\": \"1rem\",\n \"form-description-size\": \"0.875rem\",\n\n \"form-label-lh\": \"1.5rem\",\n \"form-description-lh\": \"1.625rem\",\n\n \"form-label-ls\": \"0.009rem\",\n \"form-description-ls\": \"0.008rem\",\n};\n"],"names":[],"mappings":"0CAEiD,CAC7C,mBAAoB,OACpB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,WACnB,kBAAmB,WACnB,kBAAmB,WAEnB,iBAAkB,SAClB,gBAAiB,OACjB,gBAAiB,SACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,WAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,QACf,sBAAuB,QACvB,mBAAoB,QAEpB,qBAAsB,WACtB,eAAgB,OAChB,eAAgB,WAChB,eAAgB,UAEhB,mBAAoB,WACpB,aAAc,SACd,aAAc,WACd,aAAc,UAEd,mBAAoB,OACpB,aAAc,WACd,aAAc,WACd,aAAc,WAEd,kBAAmB,OACnB,wBAAyB,WAEzB,gBAAiB,SACjB,sBAAuB,WAEvB,gBAAiB,WACjB,sBAAuB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../helpers.js"),s=require("./specs/a11yplayground-font-spec-set.js"),i=require("./specs/bookingsg-font-spec-set.js"),l=require("./specs/default-font-spec-set.js"),o=require("./specs/imda-font-spec-set.js"),d=require("./specs/mylegacy-font-spec-set.js"),n=require("./specs/oneservice-font-spec-set.js"),t=require("./specs/pa-font-spec-set.js"),a=require("./specs/sgw-digital-lobby-font-spec-set.js"),g=require("./specs/spf-font-spec-set.js"),h=require("./specs/supportgowhere-font-spec-set.js");const
|
|
1
|
+
"use strict";var e=require("../helpers.js"),s=require("./specs/a11yplayground-font-spec-set.js"),i=require("./specs/bookingsg-font-spec-set.js"),l=require("./specs/default-font-spec-set.js"),o=require("./specs/imda-font-spec-set.js"),d=require("./specs/mylegacy-font-spec-set.js"),n=require("./specs/oneservice-font-spec-set.js"),t=require("./specs/pa-font-spec-set.js"),a=require("./specs/sgw-digital-lobby-font-spec-set.js"),g=require("./specs/spf-font-spec-set.js"),h=require("./specs/supportgowhere-font-spec-set.js"),r=require("./specs/toteboard-font-spec-set.js");const p={collections:{default:l.DefaultFontSpecSet,bookingsg:i.BookingSgFontSpecSet,mylegacy:d.MyLegacyFontSpecSet,pa:t.PAFontSpecSet,a11yplayground:s.A11yPlaygroundFontSpecSet,supportgowhere:h.SupportGoWhereFontSpecSet,sgwdigitallobby:a.SGWDigitalLobbyFontSpecSet,imda:o.IMDAFontSpecSet,spf:g.SPFFontSpecSet,oneservice:n.OneServiceFontSpecSet,toteboard:r.ToteBoardFontSpecSet},defaultValue:"default"},c=s=>i=>{var l;const o=i.theme,d=e.getCollection(p,null==o?void 0:o.fontScheme);return(null===(l=null==o?void 0:o.overrides)||void 0===l?void 0:l.fontSpec)?e.getValue(d,s,o.overrides.fontSpec):d[s]},b={"heading-size-xxl":c("heading-size-xxl"),"heading-size-xl":c("heading-size-xl"),"heading-size-lg":c("heading-size-lg"),"heading-size-md":c("heading-size-md"),"heading-size-sm":c("heading-size-sm"),"heading-size-xs":c("heading-size-xs"),"heading-lh-xxl":c("heading-lh-xxl"),"heading-lh-xl":c("heading-lh-xl"),"heading-lh-lg":c("heading-lh-lg"),"heading-lh-md":c("heading-lh-md"),"heading-lh-sm":c("heading-lh-sm"),"heading-lh-xs":c("heading-lh-xs"),"heading-ls-xxl":c("heading-ls-xxl"),"heading-ls-xl":c("heading-ls-xl"),"heading-ls-lg":c("heading-ls-lg"),"heading-ls-md":c("heading-ls-md"),"heading-ls-sm":c("heading-ls-sm"),"heading-ls-xs":c("heading-ls-xs"),"weight-light":c("weight-light"),"weight-regular":c("weight-regular"),"weight-semibold":c("weight-semibold"),"weight-bold":c("weight-bold"),"font-family":c("font-family"),"heading-font-family":c("heading-font-family"),"body-font-family":c("body-font-family"),"body-size-baseline":c("body-size-baseline"),"body-size-md":c("body-size-md"),"body-size-sm":c("body-size-sm"),"body-size-xs":c("body-size-xs"),"body-lh-baseline":c("body-lh-baseline"),"body-lh-md":c("body-lh-md"),"body-lh-sm":c("body-lh-sm"),"body-lh-xs":c("body-lh-xs"),"body-ls-baseline":c("body-ls-baseline"),"body-ls-md":c("body-ls-md"),"body-ls-sm":c("body-ls-sm"),"body-ls-xs":c("body-ls-xs"),"form-label-size":c("form-label-size"),"form-description-size":c("form-description-size"),"form-label-lh":c("form-label-lh"),"form-description-lh":c("form-description-lh"),"form-label-ls":c("form-label-ls"),"form-description-ls":c("form-description-ls")};exports.FontSpecValues=b,exports.getFontSpec=c;
|
|
2
2
|
//# sourceMappingURL=theme-helper.js.map
|