npm - @lifesg/react-design-system - Versions diffs - 3.4.0-canary.5 → 3.4.0-canary.7 - Mend

@lifesg/react-design-system 3.4.0-canary.5 → 3.4.0-canary.7

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.

Files changed (131) hide show

package/cjs/shared/internal-calendar/single/single-cell.js.map CHANGED Viewed

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

package/cjs/shared/standalone-date-input/standalone-date-input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("../../external/dayjs/dayjs.min.js"),n=require("../../external/dayjs/plugin/customParseFormat.js"),r=require("react");require("../../util/calendar-helper.js"),require("../../util/date-helper.js");var a=require("../../util/date-input-helper.js");require("../../util/simple-id-generator.js");var u=require("../../util/string-helper.js");require("@react-aria/live-announcer");var l=require("../../util/use-state-ref.js"),o=require("./standalone-date-input.style.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r);t.default.extend(n.default);const c=({disabled:n,readOnly:i,names:s,value:c,focused:d,hoverValue:p,placeholder:f,label:h,onChange:v,onFocus:m,onBlur:g,hideInputKeyboard:y,inputLabels:x=["Date","Month","Year"]},j)=>{const Y=y?"none":"numeric",[b,D,I]=l.useStateRef(""),[S,M,$]=l.useStateRef(""),[q,C,R]=l.useStateRef(""),[k,w]=r.useState("none"),[B,F]=r.useState(!1),V=r.useRef(null),E=r.useRef(null),H=r.useRef(null),z=r.useRef(null),[L,O,K]=N(p);r.useEffect((()=>{var e;const[t="",n="",r=""]=N(c);D(t),M(n),C(r),t||n||r||!V.current||!V.current.contains(document.activeElement)||null===(e=E.current)||void 0===e||e.focus()}),[c]),r.useEffect((()=>{var e;d||w("none"),d&&(F(!0),V.current&&!V.current.contains(document.activeElement)&&(null===(e=E.current)||void 0===e||e.focus()))}),[d]),r.useImperativeHandle(j,(()=>({ref:V,resetPlaceholder(){F(!1)},resetInput(){const[e="",t="",n=""]=N(c);D(e),M(t),C(n)},focusYearRef(){var e;null===(e=z.current)||void 0===e||e.focus()}})),[D,M,C,c]);const P=e=>{var t;e.preventDefault(),null===(t=E.current)||void 0===t||t.focus()},T=e=>{e.target.select();const t=e.target.name;w(t)},A=e=>{const[n,r,a]=s,l={[n]:I.current,[r]:$.current,[a]:R.current},o=e.target.name,i=l[o],c=o!==a?u.StringHelper.padValue(i,!0):i;switch(o){case n:l[n]=c,D(c);break;case r:l[r]=c,M(c)}const d=`${l[a]}-${l[r]}-${l[n]}`,p=t.default(d,"YYYY-MM-DD",!0).isValid(),f=!l[n]&&!l[r]&&!l[a];p&&i!==c&&v(d),V.current&&!V.current.contains(e.relatedTarget)&&(w("none"),null==g||g(f||p))},G=e=>{var n,r;if(p)return;const a=e.target.name,u=e.target.value.replace(/[^0-9]/g,""),l={day:b,month:S,year:q};switch(a){case s[0]:l.day=u,D(u),2===u.length&&(null===(n=H.current)||void 0===n||n.focus());break;case s[1]:l.month=u,M(u),2===u.length&&(null===(r=z.current)||void 0===r||r.focus());break;case s[2]:l.year=u,C(u)}if(!l.day&&!l.month&&!l.year)return void v("");const o=`${l.year}-${l.month}-${l.day}`;t.default(o,"YYYY-MM-DD",!0).isValid()&&v(o)},J=e=>{var t,n;"Backspace"!==e.code&&"Backspace"!==e.key||(k===s[1]&&0===S.length&&(null===(t=E.current)||void 0===t||t.focus()),k===s[2]&&0===q.length&&(null===(n=H.current)||void 0===n||n.focus()))};function N(e){if(e){const n=a.DateInputHelper.sanitizeInput(e);if(!n)return[void 0,void 0,void 0];const r=t.default(n,"YYYY-MM-DD",!0);return[u.StringHelper.padValue(r.date().toString()),u.StringHelper.padValue((r.month()+1).toString()),r.year().toString()]}return[void 0,void 0,void 0]}return e.jsxs(o.InputSection,{role:"group","aria-label":h,onClick:()=>{var e;n||i||(F(!0),V.current&&!V.current.contains(document.activeElement)&&(null===(e=E.current)||void 0===e||e.focus()))},onFocus:e=>{n||(F(!0),d||null==m||m(e))},children:[e.jsxs(o.InputContainer,{ref:V,$hover:!!p,children:[e.jsx(o.DayInputSizer,{children:e.jsx(o.DayInput,{ref:E,name:s[0],maxLength:2,value:null!=L?L:b,onFocus:T,onBlur:A,onChange:G,type:"text",inputMode:Y,pattern:"[0-9]{2}","data-testid":`${s[0]}-input`,"aria-label":x[0],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[0]||i?"DD":""})}),e.jsx(o.Divider,{$inactive:0===b.length,children:"/"}),e.jsx(o.MonthInputSizer,{children:e.jsx(o.MonthInput,{ref:H,name:s[1],maxLength:2,value:null!=O?O:S,onFocus:T,onBlur:A,onChange:G,onKeyDown:J,type:"text",inputMode:Y,pattern:"[0-9]{2}","data-testid":`${s[1]}-input`,"aria-label":x[1],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[1]||i?"MM":""})}),e.jsx(o.Divider,{$inactive:0===S.length,children:"/"}),e.jsx(o.YearInputSizer,{children:e.jsx(o.YearInput,{ref:z,name:s[2],maxLength:4,value:null!=K?K:q,onFocus:T,onBlur:A,onChange:G,onKeyDown:J,type:"text",inputMode:Y,pattern:"[0-9]{4}","data-testid":`${s[2]}-input`,"aria-label":x[2],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[2]||i?"YYYY":""})})]}),(()=>{if(!c&&!i&&f)return e.jsx(o.Placeholder,{$hide:B,$disabled:n,onMouseDown:P,children:f})})()]})},d=s.default.forwardRef(c);exports.Component=c,exports.StandaloneDateInput=d;
+"use strict";var e=require("react/jsx-runtime"),t=require("../../external/dayjs/dayjs.min.js"),n=require("../../external/dayjs/plugin/customParseFormat.js"),r=require("react");require("../../util/calendar-helper.js"),require("../../util/date-helper.js");var a=require("../../util/date-input-helper.js");require("../../util/simple-id-generator.js");var u=require("../../util/string-helper.js");require("@react-aria/live-announcer");var l=require("../../util/use-state-ref.js"),o=require("./standalone-date-input.style.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r);t.default.extend(n.default);const c=({disabled:n,readOnly:i,names:s,value:c,focused:d,hoverValue:p,placeholder:f,label:h,onChange:v,onFocus:m,onBlur:g,hideInputKeyboard:y,inputLabels:x=["Date","Month","Year"]},j)=>{const b=y?"none":"numeric",[Y,D,I]=l.useStateRef(""),[S,$,M]=l.useStateRef(""),[q,C,R]=l.useStateRef(""),[k,w]=r.useState("none"),[B,F]=r.useState(!1),V=r.useRef(null),E=r.useRef(null),H=r.useRef(null),z=r.useRef(null),[L,O,K]=N(p);r.useEffect((()=>{var e;const[t="",n="",r=""]=N(c);D(t),$(n),C(r),t||n||r||!V.current||!V.current.contains(document.activeElement)||null===(e=E.current)||void 0===e||e.focus()}),[c]),r.useEffect((()=>{var e;d||w("none"),d&&(F(!0),V.current&&!V.current.contains(document.activeElement)&&(null===(e=E.current)||void 0===e||e.focus()))}),[d]),r.useImperativeHandle(j,(()=>({ref:V,resetPlaceholder(){F(!1)},resetInput(){const[e="",t="",n=""]=N(c);D(e),$(t),C(n)},focusYearRef(){var e;null===(e=z.current)||void 0===e||e.focus()}})),[D,$,C,c]);const P=e=>{var t;e.preventDefault(),null===(t=E.current)||void 0===t||t.focus()},T=e=>{e.target.select();const t=e.target.name;w(t)},A=e=>{const[n,r,a]=s,l={[n]:I.current,[r]:M.current,[a]:R.current},o=e.target.name,i=l[o],c=o!==a?u.StringHelper.padValue(i,!0):i;switch(o){case n:l[n]=c,D(c);break;case r:l[r]=c,$(c)}const d=`${l[a]}-${l[r]}-${l[n]}`,p=t.default(d,"YYYY-MM-DD",!0).isValid(),f=!l[n]&&!l[r]&&!l[a];p&&i!==c&&v(d),V.current&&!V.current.contains(e.relatedTarget)&&(w("none"),null==g||g(f||p))},G=e=>{var n,r;if(p)return;const a=e.target.name,u=e.target.value.replace(/[^0-9]/g,""),l={day:Y,month:S,year:q};switch(a){case s[0]:l.day=u,D(u),2===u.length&&(null===(n=H.current)||void 0===n||n.focus());break;case s[1]:l.month=u,$(u),2===u.length&&(null===(r=z.current)||void 0===r||r.focus());break;case s[2]:l.year=u,C(u)}if(!l.day&&!l.month&&!l.year)return void v("");const o=`${l.year}-${l.month}-${l.day}`;t.default(o,"YYYY-MM-DD",!0).isValid()&&v(o)},J=e=>{var t,n;"Backspace"!==e.code&&"Backspace"!==e.key||(k===s[1]&&0===S.length&&(null===(t=E.current)||void 0===t||t.focus()),k===s[2]&&0===q.length&&(null===(n=H.current)||void 0===n||n.focus()))};function N(e){if(e){const n=a.DateInputHelper.sanitizeInput(e);if(!n)return[void 0,void 0,void 0];const r=t.default(n,"YYYY-MM-DD",!0);return[u.StringHelper.padValue(r.date().toString()),u.StringHelper.padValue((r.month()+1).toString()),r.year().toString()]}return[void 0,void 0,void 0]}return e.jsxs(o.InputSection,{role:"group","aria-label":h,onClick:()=>{var e;n||i||(F(!0),V.current&&!V.current.contains(document.activeElement)&&(null===(e=E.current)||void 0===e||e.focus()))},onFocus:e=>{n||(F(!0),d||null==m||m(e))},children:[e.jsxs(o.InputContainer,{ref:V,$hover:!!p,children:[e.jsx(o.DayInputSizer,{children:e.jsx(o.DayInput,{ref:E,name:s[0],maxLength:2,value:null!=L?L:Y,onFocus:T,onBlur:A,onChange:G,type:"text",inputMode:b,pattern:"[0-9]{2}","data-testid":`${s[0]}-input`,"aria-label":x[0],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[0]||i?"DD":""})}),e.jsx(o.Divider,{$inactive:0===Y.length,$disabled:n,children:"/"}),e.jsx(o.MonthInputSizer,{children:e.jsx(o.MonthInput,{ref:H,name:s[1],maxLength:2,value:null!=O?O:S,onFocus:T,onBlur:A,onChange:G,onKeyDown:J,type:"text",inputMode:b,pattern:"[0-9]{2}","data-testid":`${s[1]}-input`,"aria-label":x[1],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[1]||i?"MM":""})}),e.jsx(o.Divider,{$inactive:0===S.length,$disabled:n,children:"/"}),e.jsx(o.YearInputSizer,{children:e.jsx(o.YearInput,{ref:z,name:s[2],maxLength:4,value:null!=K?K:q,onFocus:T,onBlur:A,onChange:G,onKeyDown:J,type:"text",inputMode:b,pattern:"[0-9]{4}","data-testid":`${s[2]}-input`,"aria-label":x[2],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[2]||i?"YYYY":""})})]}),(()=>{if(!c&&!i&&f)return e.jsx(o.Placeholder,{$hide:B,$disabled:n,onMouseDown:P,children:f})})()]})},d=s.default.forwardRef(c);exports.Component=c,exports.StandaloneDateInput=d;
 //# sourceMappingURL=standalone-date-input.js.map

package/cjs/shared/standalone-date-input/standalone-date-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"standalone-date-input.js","sources":["../../../../src/shared/standalone-date-input/standalone-date-input.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport { DateInputHelper, StringHelper, useStateRef } from \"../../util\";\nimport {\n DayInput,\n DayInputSizer,\n Divider,\n InputContainer,\n InputSection,\n MonthInput,\n MonthInputSizer,\n Placeholder,\n YearInput,\n YearInputSizer,\n} from \"./standalone-date-input.style\";\n\ndayjs.extend(customParseFormat);\n\ntype StartInputNames = [\"start-day\", \"start-month\", \"start-year\"];\ntype EndInputNames = [\"end-day\", \"end-month\", \"end-year\"];\n\nexport type FieldType =\n \| StartInputNames[number]\n \| EndInputNames[number]\n \| \"none\";\n\ninterface Props {\n disabled?: boolean \| undefined;\n readOnly?: boolean \| undefined;\n hideInputKeyboard?: boolean \| undefined;\n names: StartInputNames \| EndInputNames;\n value: string \| undefined;\n hoverValue?: string \| undefined;\n focused: boolean;\n placeholder?: string \| undefined;\n label?: string \| undefined;\n inputLabels?: string[] \| undefined;\n onChange: (value: string) => void;\n onFocus?: ((event: React.FocusEvent) => void) \| undefined;\n onBlur?: ((valid: boolean) => void) \| undefined;\n}\n\nexport interface StandaloneDateInputRef {\n ref: React.RefObject<HTMLDivElement>;\n resetPlaceholder: () => void;\n resetInput: () => void;\n focusYearRef: () => void;\n}\n\nexport const Component = (\n {\n disabled,\n readOnly,\n names,\n value,\n focused,\n hoverValue,\n placeholder,\n label,\n onChange,\n onFocus,\n onBlur,\n hideInputKeyboard,\n inputLabels = [\"Date\", \"Month\", \"Year\"],\n }: Props,\n ref: React.ForwardedRef<StandaloneDateInputRef>\n) => {\n // =============================================================================\n // CONST, STATE, REF\n // =============================================================================\n const inputMode = hideInputKeyboard ? \"none\" : \"numeric\";\n\n const [dayValue, setDayValue, dayValueRef] = useStateRef<string>(\"\");\n const [monthValue, setMonthValue, monthValueRef] = useStateRef<string>(\"\");\n const [yearValue, setYearValue, yearValueRef] = useStateRef<string>(\"\");\n const [currentFocus, setCurrentFocus] = useState<FieldType>(\"none\");\n const [hidePlaceholder, setHidePlaceholder] = useState<boolean>(false);\n\n const nodeRef = useRef<HTMLDivElement>(null);\n const dayInputRef = useRef<HTMLInputElement>(null);\n const monthInputRef = useRef<HTMLInputElement>(null);\n const yearInputRef = useRef<HTMLInputElement>(null);\n\n const [hoverDayValue, hoverMonthValue, hoverYearValue] =\n parseToInputValues(hoverValue);\n\n // =============================================================================\n // EFFECTS\n // =============================================================================\n useEffect(() => {\n const [day = \"\", month = \"\", year = \"\"] = parseToInputValues(value);\n setDayValue(day);\n setMonthValue(month);\n setYearValue(year);\n\n // re-focus on day input if all 3 inputs get cleared while typing\n if (\n !day &&\n !month &&\n !year &&\n nodeRef.current &&\n nodeRef.current.contains(document.activeElement)\n )\n dayInputRef.current?.focus();\n }, [value]);\n\n useEffect(() => {\n // clear internal focus state\n if (!focused) {\n setCurrentFocus(\"none\");\n }\n\n // ensure at least one input is focused\n if (focused) {\n setHidePlaceholder(true);\n\n if (\n nodeRef.current &&\n !nodeRef.current.contains(document.activeElement)\n ) {\n dayInputRef.current?.focus();\n }\n }\n }, [focused]);\n\n useImperativeHandle(\n ref,\n () => ({\n ref: nodeRef,\n resetPlaceholder() {\n setHidePlaceholder(false);\n },\n resetInput() {\n const [day = \"\", month = \"\", year = \"\"] =\n parseToInputValues(value);\n setDayValue(day);\n setMonthValue(month);\n setYearValue(year);\n },\n focusYearRef() {\n yearInputRef.current?.focus();\n },\n }),\n [setDayValue, setMonthValue, setYearValue, value]\n );\n\n // =============================================================================\n // EVENT HANDLERS\n // =============================================================================\n const handleSectionClick = () => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n setHidePlaceholder(true);\n\n if (\n nodeRef.current &&\n !nodeRef.current.contains(document.activeElement)\n ) {\n dayInputRef.current?.focus();\n }\n };\n\n const handleSectionFocus = (event: React.FocusEvent) => {\n if (disabled) {\n return;\n }\n\n setHidePlaceholder(true);\n\n if (!focused) {\n onFocus?.(event);\n }\n };\n\n const handlePlaceholderClick = (event: React.MouseEvent) => {\n event.preventDefault();\n dayInputRef.current?.focus();\n };\n\n const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n event.target.select();\n const targetName = event.target.name as FieldType;\n setCurrentFocus(targetName);\n };\n\n const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n const [dayName, monthName, yearName] = names;\n const date = {\n [dayName]: dayValueRef.current,\n [monthName]: monthValueRef.current,\n [yearName]: yearValueRef.current,\n };\n\n const targetName = event.target.name as FieldType;\n const targetValue = date[targetName];\n\n // pad single digits for day and month inputs\n\n const paddedValue =\n targetName !== yearName\n ? StringHelper.padValue(targetValue, true)\n : targetValue;\n\n switch (targetName) {\n case dayName:\n date[dayName] = paddedValue;\n setDayValue(paddedValue);\n break;\n case monthName:\n date[monthName] = paddedValue;\n setMonthValue(paddedValue);\n break;\n case yearName:\n default:\n break;\n }\n\n const value = `${date[yearName]}-${date[monthName]}-${date[dayName]}`;\n const isValid = dayjs(value, \"YYYY-MM-DD\", true).isValid();\n const isEmpty = !date[dayName] && !date[monthName] && !date[yearName];\n const isPadded = targetValue !== paddedValue;\n\n if (isValid && isPadded) {\n onChange(value);\n }\n\n if (nodeRef.current && !nodeRef.current.contains(event.relatedTarget)) {\n // entire field was blurred\n setCurrentFocus(\"none\");\n onBlur?.(isEmpty \|\| isValid);\n }\n };\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (hoverValue) {\n // do not modify inputs when selecting date from another source\n return;\n }\n\n const targetName = event.target.name as FieldType;\n const targetValue = event.target.value.replace(/[^0-9]/g, \"\");\n\n const date = {\n day: dayValue,\n month: monthValue,\n year: yearValue,\n };\n\n switch (targetName) {\n case names[0]:\n date.day = targetValue;\n setDayValue(targetValue);\n // auto focus the next input once filled in\n if (targetValue.length === 2) {\n monthInputRef.current?.focus();\n }\n break;\n case names[1]:\n date.month = targetValue;\n setMonthValue(targetValue);\n // auto focus the next input once filled in\n if (targetValue.length === 2) {\n yearInputRef.current?.focus();\n }\n break;\n case names[2]:\n date.year = targetValue;\n setYearValue(targetValue);\n break;\n default:\n break;\n }\n\n if (!date.day && !date.month && !date.year) {\n onChange(\"\");\n return;\n }\n\n const value = `${date.year}-${date.month}-${date.day}`;\n const isValid = dayjs(value, \"YYYY-MM-DD\", true).isValid();\n\n if (isValid) {\n onChange(value);\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n /*\n Allow going to the field before if user presses Backspace\n * on an empty field\n */\n if (event.code === \"Backspace\" \|\| event.key === \"Backspace\") {\n if (currentFocus === names[1] && monthValue.length === 0) {\n dayInputRef.current?.focus();\n }\n\n if (currentFocus === names[2] && yearValue.length === 0) {\n monthInputRef.current?.focus();\n }\n }\n };\n\n // =============================================================================\n // HELPERS\n // =============================================================================\n function parseToInputValues(stringVal: string \| undefined) {\n if (!stringVal) {\n return [undefined, undefined, undefined];\n } else {\n const sanitized = DateInputHelper.sanitizeInput(stringVal);\n\n if (!sanitized) {\n return [undefined, undefined, undefined];\n }\n\n const day = dayjs(sanitized, \"YYYY-MM-DD\", true);\n\n return [\n StringHelper.padValue(day.date().toString()),\n StringHelper.padValue((day.month() + 1).toString()),\n day.year().toString(),\n ];\n }\n }\n\n // =============================================================================\n // RENDER FUNCTIONS\n // =============================================================================\n const renderPlaceholder = () => {\n if (value \|\| readOnly \|\| !placeholder) {\n return;\n }\n\n return (\n <Placeholder\n $hide={hidePlaceholder}\n $disabled={disabled}\n onMouseDown={handlePlaceholderClick}\n >\n {placeholder}\n </Placeholder>\n );\n };\n\n return (\n <InputSection\n role=\"group\"\n aria-label={label}\n onClick={handleSectionClick}\n onFocus={handleSectionFocus}\n >\n <InputContainer ref={nodeRef} $hover={!!hoverValue}>\n <DayInputSizer>\n <DayInput\n ref={dayInputRef}\n name={names[0]}\n maxLength={2}\n value={hoverDayValue ?? dayValue}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onChange={handleInputChange}\n type=\"text\"\n inputMode={inputMode}\n pattern=\"[0-9]{2}\"\n data-testid={`${names[0]}-input`}\n aria-label={inputLabels[0]}\n disabled={disabled}\n readOnly={readOnly}\n tabIndex={readOnly ? -1 : 0}\n autoComplete=\"off\"\n placeholder={\n currentFocus === names[0] && !readOnly ? \"\" : \"DD\"\n }\n />\n </DayInputSizer>\n <Divider $inactive={dayValue.length === 0}>/</Divider>\n <MonthInputSizer>\n <MonthInput\n ref={monthInputRef}\n name={names[1]}\n maxLength={2}\n value={hoverMonthValue ?? monthValue}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n type=\"text\"\n inputMode={inputMode}\n pattern=\"[0-9]{2}\"\n data-testid={`${names[1]}-input`}\n aria-label={inputLabels[1]}\n disabled={disabled}\n readOnly={readOnly}\n tabIndex={readOnly ? -1 : 0}\n autoComplete=\"off\"\n placeholder={\n currentFocus === names[1] && !readOnly ? \"\" : \"MM\"\n }\n />\n </MonthInputSizer>\n <Divider $inactive={monthValue.length === 0}>/</Divider>\n <YearInputSizer>\n <YearInput\n ref={yearInputRef}\n name={names[2]}\n maxLength={4}\n value={hoverYearValue ?? yearValue}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n type=\"text\"\n inputMode={inputMode}\n pattern=\"[0-9]{4}\"\n data-testid={`${names[2]}-input`}\n aria-label={inputLabels[2]}\n disabled={disabled}\n readOnly={readOnly}\n tabIndex={readOnly ? -1 : 0}\n autoComplete=\"off\"\n placeholder={\n currentFocus === names[2] && !readOnly ? \"\" : \"YYYY\"\n }\n />\n </YearInputSizer>\n </InputContainer>\n {renderPlaceholder()}\n </InputSection>\n );\n};\n\nexport const StandaloneDateInput = React.forwardRef(Component);\n"],"names":["dayjs","extend","customParseFormat","Component","disabled","readOnly","names","value","focused","hoverValue","placeholder","label","onChange","onFocus","onBlur","hideInputKeyboard","inputLabels","ref","inputMode","dayValue","setDayValue","dayValueRef","useStateRef","monthValue","setMonthValue","monthValueRef","yearValue","setYearValue","yearValueRef","currentFocus","setCurrentFocus","useState","hidePlaceholder","setHidePlaceholder","nodeRef","useRef","dayInputRef","monthInputRef","yearInputRef","hoverDayValue","hoverMonthValue","hoverYearValue","parseToInputValues","useEffect","day","month","year","current","contains","document","activeElement","_a","focus","useImperativeHandle","resetPlaceholder","resetInput","focusYearRef","handlePlaceholderClick","event","preventDefault","handleInputFocus","target","select","targetName","name","handleInputBlur","dayName","monthName","yearName","date","targetValue","paddedValue","StringHelper","padValue","isValid","isEmpty","relatedTarget","handleInputChange","replace","length","_b","handleKeyDown","code","key","stringVal","sanitized","DateInputHelper","sanitizeInput","undefined","toString","_jsxs","InputSection","role","onClick","children","InputContainer","$hover","_jsx","DayInputSizer","DayInput","maxLength","type","pattern","tabIndex","autoComplete","Divider","$inactive","MonthInputSizer","MonthInput","onKeyDown","YearInputSizer","YearInput","Placeholder","$hide","$disabled","onMouseDown","renderPlaceholder","StandaloneDateInput","React","forwardRef"],"mappings":"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"}
1	+ {"version":3,"file":"standalone-date-input.js","sources":["../../../../src/shared/standalone-date-input/standalone-date-input.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport { DateInputHelper, StringHelper, useStateRef } from \"../../util\";\nimport {\n DayInput,\n DayInputSizer,\n Divider,\n InputContainer,\n InputSection,\n MonthInput,\n MonthInputSizer,\n Placeholder,\n YearInput,\n YearInputSizer,\n} from \"./standalone-date-input.style\";\n\ndayjs.extend(customParseFormat);\n\ntype StartInputNames = [\"start-day\", \"start-month\", \"start-year\"];\ntype EndInputNames = [\"end-day\", \"end-month\", \"end-year\"];\n\nexport type FieldType =\n \| StartInputNames[number]\n \| EndInputNames[number]\n \| \"none\";\n\ninterface Props {\n disabled?: boolean \| undefined;\n readOnly?: boolean \| undefined;\n hideInputKeyboard?: boolean \| undefined;\n names: StartInputNames \| EndInputNames;\n value: string \| undefined;\n hoverValue?: string \| undefined;\n focused: boolean;\n placeholder?: string \| undefined;\n label?: string \| undefined;\n inputLabels?: string[] \| undefined;\n onChange: (value: string) => void;\n onFocus?: ((event: React.FocusEvent) => void) \| undefined;\n onBlur?: ((valid: boolean) => void) \| undefined;\n}\n\nexport interface StandaloneDateInputRef {\n ref: React.RefObject<HTMLDivElement>;\n resetPlaceholder: () => void;\n resetInput: () => void;\n focusYearRef: () => void;\n}\n\nexport const Component = (\n {\n disabled,\n readOnly,\n names,\n value,\n focused,\n hoverValue,\n placeholder,\n label,\n onChange,\n onFocus,\n onBlur,\n hideInputKeyboard,\n inputLabels = [\"Date\", \"Month\", \"Year\"],\n }: Props,\n ref: React.ForwardedRef<StandaloneDateInputRef>\n) => {\n // =============================================================================\n // CONST, STATE, REF\n // =============================================================================\n const inputMode = hideInputKeyboard ? \"none\" : \"numeric\";\n\n const [dayValue, setDayValue, dayValueRef] = useStateRef<string>(\"\");\n const [monthValue, setMonthValue, monthValueRef] = useStateRef<string>(\"\");\n const [yearValue, setYearValue, yearValueRef] = useStateRef<string>(\"\");\n const [currentFocus, setCurrentFocus] = useState<FieldType>(\"none\");\n const [hidePlaceholder, setHidePlaceholder] = useState<boolean>(false);\n\n const nodeRef = useRef<HTMLDivElement>(null);\n const dayInputRef = useRef<HTMLInputElement>(null);\n const monthInputRef = useRef<HTMLInputElement>(null);\n const yearInputRef = useRef<HTMLInputElement>(null);\n\n const [hoverDayValue, hoverMonthValue, hoverYearValue] =\n parseToInputValues(hoverValue);\n\n // =============================================================================\n // EFFECTS\n // =============================================================================\n useEffect(() => {\n const [day = \"\", month = \"\", year = \"\"] = parseToInputValues(value);\n setDayValue(day);\n setMonthValue(month);\n setYearValue(year);\n\n // re-focus on day input if all 3 inputs get cleared while typing\n if (\n !day &&\n !month &&\n !year &&\n nodeRef.current &&\n nodeRef.current.contains(document.activeElement)\n )\n dayInputRef.current?.focus();\n }, [value]);\n\n useEffect(() => {\n // clear internal focus state\n if (!focused) {\n setCurrentFocus(\"none\");\n }\n\n // ensure at least one input is focused\n if (focused) {\n setHidePlaceholder(true);\n\n if (\n nodeRef.current &&\n !nodeRef.current.contains(document.activeElement)\n ) {\n dayInputRef.current?.focus();\n }\n }\n }, [focused]);\n\n useImperativeHandle(\n ref,\n () => ({\n ref: nodeRef,\n resetPlaceholder() {\n setHidePlaceholder(false);\n },\n resetInput() {\n const [day = \"\", month = \"\", year = \"\"] =\n parseToInputValues(value);\n setDayValue(day);\n setMonthValue(month);\n setYearValue(year);\n },\n focusYearRef() {\n yearInputRef.current?.focus();\n },\n }),\n [setDayValue, setMonthValue, setYearValue, value]\n );\n\n // =============================================================================\n // EVENT HANDLERS\n // =============================================================================\n const handleSectionClick = () => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n setHidePlaceholder(true);\n\n if (\n nodeRef.current &&\n !nodeRef.current.contains(document.activeElement)\n ) {\n dayInputRef.current?.focus();\n }\n };\n\n const handleSectionFocus = (event: React.FocusEvent) => {\n if (disabled) {\n return;\n }\n\n setHidePlaceholder(true);\n\n if (!focused) {\n onFocus?.(event);\n }\n };\n\n const handlePlaceholderClick = (event: React.MouseEvent) => {\n event.preventDefault();\n dayInputRef.current?.focus();\n };\n\n const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n event.target.select();\n const targetName = event.target.name as FieldType;\n setCurrentFocus(targetName);\n };\n\n const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n const [dayName, monthName, yearName] = names;\n const date = {\n [dayName]: dayValueRef.current,\n [monthName]: monthValueRef.current,\n [yearName]: yearValueRef.current,\n };\n\n const targetName = event.target.name as FieldType;\n const targetValue = date[targetName];\n\n // pad single digits for day and month inputs\n\n const paddedValue =\n targetName !== yearName\n ? StringHelper.padValue(targetValue, true)\n : targetValue;\n\n switch (targetName) {\n case dayName:\n date[dayName] = paddedValue;\n setDayValue(paddedValue);\n break;\n case monthName:\n date[monthName] = paddedValue;\n setMonthValue(paddedValue);\n break;\n case yearName:\n default:\n break;\n }\n\n const value = `${date[yearName]}-${date[monthName]}-${date[dayName]}`;\n const isValid = dayjs(value, \"YYYY-MM-DD\", true).isValid();\n const isEmpty = !date[dayName] && !date[monthName] && !date[yearName];\n const isPadded = targetValue !== paddedValue;\n\n if (isValid && isPadded) {\n onChange(value);\n }\n\n if (nodeRef.current && !nodeRef.current.contains(event.relatedTarget)) {\n // entire field was blurred\n setCurrentFocus(\"none\");\n onBlur?.(isEmpty \|\| isValid);\n }\n };\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (hoverValue) {\n // do not modify inputs when selecting date from another source\n return;\n }\n\n const targetName = event.target.name as FieldType;\n const targetValue = event.target.value.replace(/[^0-9]/g, \"\");\n\n const date = {\n day: dayValue,\n month: monthValue,\n year: yearValue,\n };\n\n switch (targetName) {\n case names[0]:\n date.day = targetValue;\n setDayValue(targetValue);\n // auto focus the next input once filled in\n if (targetValue.length === 2) {\n monthInputRef.current?.focus();\n }\n break;\n case names[1]:\n date.month = targetValue;\n setMonthValue(targetValue);\n // auto focus the next input once filled in\n if (targetValue.length === 2) {\n yearInputRef.current?.focus();\n }\n break;\n case names[2]:\n date.year = targetValue;\n setYearValue(targetValue);\n break;\n default:\n break;\n }\n\n if (!date.day && !date.month && !date.year) {\n onChange(\"\");\n return;\n }\n\n const value = `${date.year}-${date.month}-${date.day}`;\n const isValid = dayjs(value, \"YYYY-MM-DD\", true).isValid();\n\n if (isValid) {\n onChange(value);\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n /*\n Allow going to the field before if user presses Backspace\n * on an empty field\n */\n if (event.code === \"Backspace\" \|\| event.key === \"Backspace\") {\n if (currentFocus === names[1] && monthValue.length === 0) {\n dayInputRef.current?.focus();\n }\n\n if (currentFocus === names[2] && yearValue.length === 0) {\n monthInputRef.current?.focus();\n }\n }\n };\n\n // =============================================================================\n // HELPERS\n // =============================================================================\n function parseToInputValues(stringVal: string \| undefined) {\n if (!stringVal) {\n return [undefined, undefined, undefined];\n } else {\n const sanitized = DateInputHelper.sanitizeInput(stringVal);\n\n if (!sanitized) {\n return [undefined, undefined, undefined];\n }\n\n const day = dayjs(sanitized, \"YYYY-MM-DD\", true);\n\n return [\n StringHelper.padValue(day.date().toString()),\n StringHelper.padValue((day.month() + 1).toString()),\n day.year().toString(),\n ];\n }\n }\n\n // =============================================================================\n // RENDER FUNCTIONS\n // =============================================================================\n const renderPlaceholder = () => {\n if (value \|\| readOnly \|\| !placeholder) {\n return;\n }\n\n return (\n <Placeholder\n $hide={hidePlaceholder}\n $disabled={disabled}\n onMouseDown={handlePlaceholderClick}\n >\n {placeholder}\n </Placeholder>\n );\n };\n\n return (\n <InputSection\n role=\"group\"\n aria-label={label}\n onClick={handleSectionClick}\n onFocus={handleSectionFocus}\n >\n <InputContainer ref={nodeRef} $hover={!!hoverValue}>\n <DayInputSizer>\n <DayInput\n ref={dayInputRef}\n name={names[0]}\n maxLength={2}\n value={hoverDayValue ?? dayValue}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onChange={handleInputChange}\n type=\"text\"\n inputMode={inputMode}\n pattern=\"[0-9]{2}\"\n data-testid={`${names[0]}-input`}\n aria-label={inputLabels[0]}\n disabled={disabled}\n readOnly={readOnly}\n tabIndex={readOnly ? -1 : 0}\n autoComplete=\"off\"\n placeholder={\n currentFocus === names[0] && !readOnly ? \"\" : \"DD\"\n }\n />\n </DayInputSizer>\n <Divider $inactive={dayValue.length === 0} $disabled={disabled}>\n /\n </Divider>\n <MonthInputSizer>\n <MonthInput\n ref={monthInputRef}\n name={names[1]}\n maxLength={2}\n value={hoverMonthValue ?? monthValue}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n type=\"text\"\n inputMode={inputMode}\n pattern=\"[0-9]{2}\"\n data-testid={`${names[1]}-input`}\n aria-label={inputLabels[1]}\n disabled={disabled}\n readOnly={readOnly}\n tabIndex={readOnly ? -1 : 0}\n autoComplete=\"off\"\n placeholder={\n currentFocus === names[1] && !readOnly ? \"\" : \"MM\"\n }\n />\n </MonthInputSizer>\n <Divider\n $inactive={monthValue.length === 0}\n $disabled={disabled}\n >\n /\n </Divider>\n <YearInputSizer>\n <YearInput\n ref={yearInputRef}\n name={names[2]}\n maxLength={4}\n value={hoverYearValue ?? yearValue}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n type=\"text\"\n inputMode={inputMode}\n pattern=\"[0-9]{4}\"\n data-testid={`${names[2]}-input`}\n aria-label={inputLabels[2]}\n disabled={disabled}\n readOnly={readOnly}\n tabIndex={readOnly ? -1 : 0}\n autoComplete=\"off\"\n placeholder={\n currentFocus === names[2] && !readOnly ? \"\" : \"YYYY\"\n }\n />\n </YearInputSizer>\n </InputContainer>\n {renderPlaceholder()}\n </InputSection>\n );\n};\n\nexport const StandaloneDateInput = React.forwardRef(Component);\n"],"names":["dayjs","extend","customParseFormat","Component","disabled","readOnly","names","value","focused","hoverValue","placeholder","label","onChange","onFocus","onBlur","hideInputKeyboard","inputLabels","ref","inputMode","dayValue","setDayValue","dayValueRef","useStateRef","monthValue","setMonthValue","monthValueRef","yearValue","setYearValue","yearValueRef","currentFocus","setCurrentFocus","useState","hidePlaceholder","setHidePlaceholder","nodeRef","useRef","dayInputRef","monthInputRef","yearInputRef","hoverDayValue","hoverMonthValue","hoverYearValue","parseToInputValues","useEffect","day","month","year","current","contains","document","activeElement","_a","focus","useImperativeHandle","resetPlaceholder","resetInput","focusYearRef","handlePlaceholderClick","event","preventDefault","handleInputFocus","target","select","targetName","name","handleInputBlur","dayName","monthName","yearName","date","targetValue","paddedValue","StringHelper","padValue","isValid","isEmpty","relatedTarget","handleInputChange","replace","length","_b","handleKeyDown","code","key","stringVal","sanitized","DateInputHelper","sanitizeInput","undefined","toString","_jsxs","InputSection","role","onClick","children","InputContainer","$hover","_jsx","DayInputSizer","DayInput","maxLength","type","pattern","tabIndex","autoComplete","Divider","$disabled","MonthInputSizer","MonthInput","onKeyDown","$inactive","YearInputSizer","YearInput","Placeholder","$hide","onMouseDown","renderPlaceholder","StandaloneDateInput","React","forwardRef"],"mappings":"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"}

package/cjs/shared/standalone-date-input/standalone-date-input.style.js CHANGED Viewed

@@ -1,20 +1,20 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.js"),r=require("../input-wrapper/input-wrapper.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e);const i=n.default.div`
+"use strict";var e=require("styled-components"),t=require("../../theme/index.js"),o=require("../input-wrapper/input-wrapper.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);const i=n.default.div`
     display: flex;
     align-items: center;
     position: relative;
     flex: 1;
-`,a=n.default.div`
+`,l=n.default.div`
     display: flex;
     align-items: center;
     gap: ${t.Spacing["spacing-4"]};
-    ${r=>{if(r.$hover)return e.css`
-                ${d}, ${x} {
+    ${o=>{if(o.$hover)return e.css`
+                ${p}, ${x} {
                     color: ${t.Colour["text-subtler"]};
                 }
             `}}
-`,l=n.default.span`
+`,a=n.default.span`
     display: inline-block;
     position: relative;
@@ -24,28 +24,31 @@
         pointer-events: none;
         white-space: pre;
     }
-`,s=n.default(l)`
+`,s=n.default(a)`
     &::after {
         content: "DD";
     }
-`,u=n.default(l)`
+`,u=n.default(a)`
     &::after {
         content: "MM";
     }
-`,p=n.default(l)`
+`,d=n.default(a)`
     &::after {
         content: "YYYY";
     }
-`,d=n.default(r.BasicInput)`
+`,p=n.default(o.BasicInput)`
     background: transparent;
     text-align: center;
     position: absolute;
     inset: 0;
-`,c=n.default(d)``,f=n.default(d)``,b=n.default(d)``,x=n.default.span`
+`,c=n.default(p)``,f=n.default(p)``,b=n.default(p)``,x=n.default.span`
     ${t.Font["body-baseline-regular"]}
-    ${r=>{if(r.$inactive)return e.css`
-                color: ${t.Colour.text};
-            `}}
+    color: ${t.Colour.text};
+    ${o=>o.$disabled?e.css`
+                color: ${t.Colour["text-disabled"]};
+            `:o.$inactive?e.css`
+                color: ${t.Colour["text-subtler"]};
+            `:void 0}
 `,$=n.default.div`
     ${t.Font["body-baseline-regular"]}
     background-color: ${t.Colour.bg};
@@ -56,11 +59,11 @@
     width: 100%;
     height: 100%;
-    ${r=>r.$disabled?e.css`
+    ${o=>o.$disabled?e.css`
                 background-color: ${t.Colour["bg-disabled"]};
                 cursor: not-allowed;
-            `:r.$hide?e.css`
+            `:o.$hide?e.css`
                 display: none;
             `:void 0}
-`;exports.DayInput=c,exports.DayInputSizer=s,exports.Divider=x,exports.InputContainer=a,exports.InputSection=i,exports.MonthInput=f,exports.MonthInputSizer=u,exports.Placeholder=$,exports.YearInput=b,exports.YearInputSizer=p;
+`;exports.DayInput=c,exports.DayInputSizer=s,exports.Divider=x,exports.InputContainer=l,exports.InputSection=i,exports.MonthInput=f,exports.MonthInputSizer=u,exports.Placeholder=$,exports.YearInput=b,exports.YearInputSizer=d;
 //# sourceMappingURL=standalone-date-input.style.js.map

package/cjs/shared/standalone-date-input/standalone-date-input.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"standalone-date-input.style.js","sources":["../../../../src/shared/standalone-date-input/standalone-date-input.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Font, Spacing } from \"../../theme\";\nimport { BasicInput } from \"../input-wrapper/input-wrapper\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\n\ninterface PlaceholderStyleProps {\n $hide?: boolean;\n $disabled?: boolean;\n}\n\ninterface DividerStyleProps {\n $inactive?: boolean;\n}\n\ninterface InputContainerStyleProps {\n $hover?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const InputSection = styled.div`\n display: flex;\n align-items: center;\n position: relative;\n\n flex: 1;\n`;\n\nexport const InputContainer = styled.div<InputContainerStyleProps>`\n display: flex;\n align-items: center;\n gap: ${Spacing[\"spacing-4\"]};\n\n ${(props) => {\n if (props.$hover) {\n return css`\n ${BaseInput}, ${Divider} {\n color: ${Colour[\"text-subtler\"]};\n }\n `;\n }\n }}\n`;\n\nconst InputSizerBase = styled.span`\n display: inline-block;\n position: relative;\n\n &::after {\n ${Font[\"body-baseline-regular\"]}\n visibility: hidden;\n pointer-events: none;\n white-space: pre;\n }\n`;\n\nexport const DayInputSizer = styled(InputSizerBase)`\n &::after {\n content: \"DD\";\n }\n`;\n\nexport const MonthInputSizer = styled(InputSizerBase)`\n &::after {\n content: \"MM\";\n }\n`;\n\nexport const YearInputSizer = styled(InputSizerBase)`\n &::after {\n content: \"YYYY\";\n }\n`;\n\nconst BaseInput = styled(BasicInput)`\n background: transparent;\n text-align: center;\n position: absolute;\n inset: 0;\n`;\n\nexport const DayInput = styled(BaseInput)``;\nexport const MonthInput = styled(BaseInput)``;\nexport const YearInput = styled(BaseInput)``;\n\nexport const Divider = styled.span<DividerStyleProps>`\n ${Font[\"body-baseline-regular\"]}\n ${(props) => {\n if (props.$inactive) {\n return css`\n color: ${Colour[\"text\"]};\n `;\n }\n }}\n`;\n\nexport const Placeholder = styled.div<PlaceholderStyleProps>`\n ${Font[\"body-baseline-regular\"]}\n background-color: ${Colour[\"bg\"]};\n color: ${Colour[\"text-subtler\"]};\n position: absolute;\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n\n ${(props) => {\n if (props.$disabled) {\n return css`\n background-color: ${Colour[\"bg-disabled\"]};\n cursor: not-allowed;\n `;\n } else if (props.$hide) {\n return css`\n display: none;\n `;\n }\n }}\n`;\n"],"names":["InputSection","styled","div","InputContainer","Spacing","props","$hover","css","BaseInput","Divider","Colour","InputSizerBase","span","Font","DayInputSizer","MonthInputSizer","YearInputSizer","BasicInput","DayInput","MonthInput","YearInput","$~~inactive~~","~~Placeholder~~","~~$disabled~~","$hide"],"mappings":"~~oNAyBO~~,MAAMA,EAAeC,EAAAA,QAAOC,GAAG;;;;;;EAQzBC,EAAiBF,EAAAA,QAAOC,GAA6B;;;WAGvDE,EAAAA,QAAQ;;MAEZC,IACC,GAAIA,EAAMC,OACN,OAAOC,KAAG;kBACJC,MAAcC;6BACHC,EAAAA,OAAO;;aAG5B;EAIFC,EAAiBV,EAAAA,QAAOW,IAAI;;;;;UAKxBC,EAAAA,KAAK;;;;;EAOFC,EAAgBb,EAAAA,QAAOU,EAAe;;;;EAMtCI,EAAkBd,EAAAA,QAAOU,EAAe;;;;EAMxCK,EAAiBf,EAAAA,QAAOU,EAAe;;;;EAM9CH,EAAYP,EAAAA,QAAOgB,EAAAA,WAAW;;;;;EAOvBC,EAAWjB,EAAAA,QAAOO,EAAU,GAC5BW,EAAalB,EAAAA,QAAOO,EAAU,GAC9BY,EAAYnB,EAAAA,QAAOO,EAAU,GAE7BC,EAAUR,EAAAA,QAAOW,IAAuB;MAC/CC,EAAAA,KAAK;~~MACJR~~,~~IACC~~,~~GAAIA~~,EAAMgB,~~UACN~~,~~OAAOd~~,KAAG;yBACGG,EAAAA,~~OAAa~~;~~aAE9B~~;~~EAIKY~~,~~EAAcrB~~,EAAAA,QAAOC,GAA0B;MACtDW,EAAAA,KAAK;wBACaH,EAAAA,OAAW;aACtBA,EAAAA,OAAO;;;;;;;MAObL,GACKA,~~EAAMkB~~,~~UACChB~~,KAAG;oCACcG,EAAAA,OAAO;;cAGxBL,EAAMmB,MACNjB,KAAG;;mBADP;"}
1	+ {"version":3,"file":"standalone-date-input.style.js","sources":["../../../../src/shared/standalone-date-input/standalone-date-input.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Font, Spacing } from \"../../theme\";\nimport { BasicInput } from \"../input-wrapper/input-wrapper\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\n\ninterface PlaceholderStyleProps {\n $hide?: boolean;\n $disabled?: boolean;\n}\n\ninterface DividerStyleProps {\n $inactive?: boolean;\n $disabled?: boolean \| undefined;\n}\n\ninterface InputContainerStyleProps {\n $hover?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const InputSection = styled.div`\n display: flex;\n align-items: center;\n position: relative;\n\n flex: 1;\n`;\n\nexport const InputContainer = styled.div<InputContainerStyleProps>`\n display: flex;\n align-items: center;\n gap: ${Spacing[\"spacing-4\"]};\n\n ${(props) => {\n if (props.$hover) {\n return css`\n ${BaseInput}, ${Divider} {\n color: ${Colour[\"text-subtler\"]};\n }\n `;\n }\n }}\n`;\n\nconst InputSizerBase = styled.span`\n display: inline-block;\n position: relative;\n\n &::after {\n ${Font[\"body-baseline-regular\"]}\n visibility: hidden;\n pointer-events: none;\n white-space: pre;\n }\n`;\n\nexport const DayInputSizer = styled(InputSizerBase)`\n &::after {\n content: \"DD\";\n }\n`;\n\nexport const MonthInputSizer = styled(InputSizerBase)`\n &::after {\n content: \"MM\";\n }\n`;\n\nexport const YearInputSizer = styled(InputSizerBase)`\n &::after {\n content: \"YYYY\";\n }\n`;\n\nconst BaseInput = styled(BasicInput)`\n background: transparent;\n text-align: center;\n position: absolute;\n inset: 0;\n`;\n\nexport const DayInput = styled(BaseInput)``;\nexport const MonthInput = styled(BaseInput)``;\nexport const YearInput = styled(BaseInput)``;\n\nexport const Divider = styled.span<DividerStyleProps>`\n ${Font[\"body-baseline-regular\"]}\n color: ${Colour[\"text\"]};\n ${(props) => {\n if (props.$disabled) {\n return css`\n color: ${Colour[\"text-disabled\"]};\n `;\n }\n\n if (props.$inactive) {\n return css`\n color: ${Colour[\"text-subtler\"]};\n `;\n }\n }}\n`;\n\nexport const Placeholder = styled.div<PlaceholderStyleProps>`\n ${Font[\"body-baseline-regular\"]}\n background-color: ${Colour[\"bg\"]};\n color: ${Colour[\"text-subtler\"]};\n position: absolute;\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n\n ${(props) => {\n if (props.$disabled) {\n return css`\n background-color: ${Colour[\"bg-disabled\"]};\n cursor: not-allowed;\n `;\n } else if (props.$hide) {\n return css`\n display: none;\n `;\n }\n }}\n`;\n"],"names":["InputSection","styled","div","InputContainer","Spacing","props","$hover","css","BaseInput","Divider","Colour","InputSizerBase","span","Font","DayInputSizer","MonthInputSizer","YearInputSizer","BasicInput","DayInput","MonthInput","YearInput","$disabled","$inactive","Placeholder","$hide"],"mappings":"oNA0BO,MAAMA,EAAeC,EAAAA,QAAOC,GAAG;;;;;;EAQzBC,EAAiBF,EAAAA,QAAOC,GAA6B;;;WAGvDE,EAAAA,QAAQ;;MAEZC,IACC,GAAIA,EAAMC,OACN,OAAOC,KAAG;kBACJC,MAAcC;6BACHC,EAAAA,OAAO;;aAG5B;EAIFC,EAAiBV,EAAAA,QAAOW,IAAI;;;;;UAKxBC,EAAAA,KAAK;;;;;EAOFC,EAAgBb,EAAAA,QAAOU,EAAe;;;;EAMtCI,EAAkBd,EAAAA,QAAOU,EAAe;;;;EAMxCK,EAAiBf,EAAAA,QAAOU,EAAe;;;;EAM9CH,EAAYP,EAAAA,QAAOgB,EAAAA,WAAW;;;;;EAOvBC,EAAWjB,EAAAA,QAAOO,EAAU,GAC5BW,EAAalB,EAAAA,QAAOO,EAAU,GAC9BY,EAAYnB,EAAAA,QAAOO,EAAU,GAE7BC,EAAUR,EAAAA,QAAOW,IAAuB;MAC/CC,EAAAA,KAAK;aACEH,EAAAA,OAAa;MACnBL,GACKA,EAAMgB,UACCd,KAAG;yBACGG,EAAAA,OAAO;cAIpBL,EAAMiB,UACCf,KAAG;yBACGG,EAAAA,OAAO;mBAFxB;EAQKa,EAActB,EAAAA,QAAOC,GAA0B;MACtDW,EAAAA,KAAK;wBACaH,EAAAA,OAAW;aACtBA,EAAAA,OAAO;;;;;;;MAObL,GACKA,EAAMgB,UACCd,KAAG;oCACcG,EAAAA,OAAO;;cAGxBL,EAAMmB,MACNjB,KAAG;;mBADP;"}

package/cjs/theme/colour-primitive/specs/careercompass-colour-set.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";exports.CareerCompassColourSet={white:"#FFFFFF",black:"#000000","brand-10":"#001731","brand-20":"#002752","brand-30":"#003874","brand-40":"#004D9F","brand-50":"#1768BE","brand-60":"#3C91EC","brand-70":"#6CB4FF","brand-80":"#A5CDFF","brand-90":"#CFE1FE","brand-95":"#E8F0FE","brand-100":"#F7F9FF","primary-10":"#001731","primary-20":"#002752","primary-30":"#003874","primary-40":"#004D9F","primary-50":"#1768BE","primary-60":"#3C91EC","primary-70":"#6CB4FF","primary-80":"#A5CDFF","primary-90":"#CFE1FE","primary-95":"#E8F0FE","primary-100":"#F7F9FF","secondary-10":"#001A19","secondary-20":"#002D2B","secondary-30":"#00413D","secondary-40":"#005954","secondary-50":"#00756F","secondary-60":"#03A098","secondary-70":"#55BFBA","secondary-80":"#92D6D2","secondary-90":"#BFE7E5","secondary-95":"#DDF2F1","secondary-100":"#F4FBFA","neutral-10":"#161616","neutral-20":"#282828","neutral-30":"#393939","neutral-40":"#4E4E4E","neutral-50":"#686868","neutral-60":"#8E8E8E","neutral-70":"#AFAFB0","neutral-80":"#C7CACA","neutral-90":"#DDE1E2","neutral-95":"#EDEFEF","neutral-100":"#F9F9F9","success-10":"#081A0F","success-20":"#0E2D1B","success-30":"#154126","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":"#543106","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":"#750C0C","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":"#021824","info-20":"#032B3F","info-30":"#053D59","info-40":"#06547B","info-50":"#176E9B","info-60":"#5296BE","info-70":"#82B5DA","info-80":"#ACCFE7","info-90":"#CCE3F1","info-95":"#E3F1F8","info-100":"#F4FAFD","primary-inverse":"#FEAB10"};
2	+ //# sourceMappingURL=careercompass-colour-set.js.map

package/cjs/theme/colour-primitive/specs/careercompass-colour-set.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"careercompass-colour-set.js","sources":["../../../../../src/theme/colour-primitive/specs/careercompass-colour-set.ts"],"sourcesContent":["import { PrimitiveColourSet } from \"../../types\";\n\nexport const CareerCompassColourSet: PrimitiveColourSet = {\n white: \"#FFFFFF\",\n black: \"#000000\",\n \"brand-10\": \"#001731\",\n \"brand-20\": \"#002752\",\n \"brand-30\": \"#003874\",\n \"brand-40\": \"#004D9F\",\n \"brand-50\": \"#1768BE\",\n \"brand-60\": \"#3C91EC\",\n \"brand-70\": \"#6CB4FF\",\n \"brand-80\": \"#A5CDFF\",\n \"brand-90\": \"#CFE1FE\",\n \"brand-95\": \"#E8F0FE\",\n \"brand-100\": \"#F7F9FF\",\n\n \"primary-10\": \"#001731\",\n \"primary-20\": \"#002752\",\n \"primary-30\": \"#003874\",\n \"primary-40\": \"#004D9F\",\n \"primary-50\": \"#1768BE\",\n \"primary-60\": \"#3C91EC\",\n \"primary-70\": \"#6CB4FF\",\n \"primary-80\": \"#A5CDFF\",\n \"primary-90\": \"#CFE1FE\",\n \"primary-95\": \"#E8F0FE\",\n \"primary-100\": \"#F7F9FF\",\n\n \"secondary-10\": \"#001A19\",\n \"secondary-20\": \"#002D2B\",\n \"secondary-30\": \"#00413D\",\n \"secondary-40\": \"#005954\",\n \"secondary-50\": \"#00756F\",\n \"secondary-60\": \"#03A098\",\n \"secondary-70\": \"#55BFBA\",\n \"secondary-80\": \"#92D6D2\",\n \"secondary-90\": \"#BFE7E5\",\n \"secondary-95\": \"#DDF2F1\",\n \"secondary-100\": \"#F4FBFA\",\n\n \"neutral-10\": \"#161616\",\n \"neutral-20\": \"#282828\",\n \"neutral-30\": \"#393939\",\n \"neutral-40\": \"#4E4E4E\",\n \"neutral-50\": \"#686868\",\n \"neutral-60\": \"#8E8E8E\",\n \"neutral-70\": \"#AFAFB0\",\n \"neutral-80\": \"#C7CACA\",\n \"neutral-90\": \"#DDE1E2\",\n \"neutral-95\": \"#EDEFEF\",\n \"neutral-100\": \"#F9F9F9\",\n\n \"success-10\": \"#081A0F\",\n \"success-20\": \"#0E2D1B\",\n \"success-30\": \"#154126\",\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\n \"warning-10\": \"#221302\",\n \"warning-20\": \"#3B2204\",\n \"warning-30\": \"#543106\",\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\n \"error-10\": \"#330505\",\n \"error-20\": \"#550808\",\n \"error-30\": \"#750C0C\",\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\n \"info-10\": \"#021824\",\n \"info-20\": \"#032B3F\",\n \"info-30\": \"#053D59\",\n \"info-40\": \"#06547B\",\n \"info-50\": \"#176E9B\",\n \"info-60\": \"#5296BE\",\n \"info-70\": \"#82B5DA\",\n \"info-80\": \"#ACCFE7\",\n \"info-90\": \"#CCE3F1\",\n \"info-95\": \"#E3F1F8\",\n \"info-100\": \"#F4FAFD\",\n\n \"primary-inverse\": \"#FEAB10\",\n};\n\nexport default CareerCompassColourSet;\n"],"names":["white","black"],"mappings":"4CAE0D,CACtDA,MAAO,UACPC,MAAO,UACP,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UAEb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UAEf,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,gBAAiB,UAEjB,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UAEf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UAEf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UAEf,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UAEb,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,WAAY,UAEZ,kBAAmB"}

package/cjs/theme/colour-primitive/specs/spf-colour-set.js CHANGED Viewed

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

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

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

package/cjs/theme/colour-primitive/theme-helper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"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"),n=require("./specs/mylegacy-colour-set.js"),a=require("./specs/oneservice-colour-set.js"),i=require("./specs/pa-colour-set.js"),u=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"),y=require("./specs/smgs-colour-set.js");const d={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:u.RBSColourSet,mylegacy:n.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:a.OneServiceColourSet,pa:i.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,smgs:y.SMGSColourSet},defaultValue:"lifesg"},g={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:u.RBSColourSet,mylegacy:n.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:a.OneServiceColourSet,pa:i.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,smgs:y.SMGSColourSet},defaultValue:"lifesg"},S=e=>o=>{var s;const n=o.theme,a="dark"===(null==n?void 0:n.colourMode),i=a?g:d,u=r.getCollection(i,null==n?void 0:n.colourScheme),c=a?"primitiveColourDark":"primitiveColour",l=null===(s=null==n?void 0:n.overrides)||void 0===s?void 0:s[c];return l?r.getValue(u,e,l):u[e]},b={"brand-10":S("brand-10"),"brand-20":S("brand-20"),"brand-30":S("brand-30"),"brand-40":S("brand-40"),"brand-50":S("brand-50"),"brand-60":S("brand-60"),"brand-70":S("brand-70"),"brand-80":S("brand-80"),"brand-90":S("brand-90"),"brand-95":S("brand-95"),"brand-100":S("brand-100"),"primary-10":S("primary-10"),"primary-20":S("primary-20"),"primary-30":S("primary-30"),"primary-40":S("primary-40"),"primary-50":S("primary-50"),"primary-60":S("primary-60"),"primary-70":S("primary-70"),"primary-80":S("primary-80"),"primary-90":S("primary-90"),"primary-95":S("primary-95"),"primary-100":S("primary-100"),"secondary-10":S("secondary-10"),"secondary-20":S("secondary-20"),"secondary-30":S("secondary-30"),"secondary-40":S("secondary-40"),"secondary-50":S("secondary-50"),"secondary-60":S("secondary-60"),"secondary-70":S("secondary-70"),"secondary-80":S("secondary-80"),"secondary-90":S("secondary-90"),"secondary-95":S("secondary-95"),"secondary-100":S("secondary-100"),"neutral-10":S("neutral-10"),"neutral-20":S("neutral-20"),"neutral-30":S("neutral-30"),"neutral-40":S("neutral-40"),"neutral-50":S("neutral-50"),"neutral-60":S("neutral-60"),"neutral-70":S("neutral-70"),"neutral-80":S("neutral-80"),"neutral-90":S("neutral-90"),"neutral-95":S("neutral-95"),"neutral-100":S("neutral-100"),"success-10":S("success-10"),"success-20":S("success-20"),"success-30":S("success-30"),"success-40":S("success-40"),"success-50":S("success-50"),"success-60":S("success-60"),"success-70":S("success-70"),"success-80":S("success-80"),"success-90":S("success-90"),"success-95":S("success-95"),"success-100":S("success-100"),"warning-10":S("warning-10"),"warning-20":S("warning-20"),"warning-30":S("warning-30"),"warning-40":S("warning-40"),"warning-50":S("warning-50"),"warning-60":S("warning-60"),"warning-70":S("warning-70"),"warning-80":S("warning-80"),"warning-90":S("warning-90"),"warning-95":S("warning-95"),"warning-100":S("warning-100"),"error-10":S("error-10"),"error-20":S("error-20"),"error-30":S("error-30"),"error-40":S("error-40"),"error-50":S("error-50"),"error-60":S("error-60"),"error-70":S("error-70"),"error-80":S("error-80"),"error-90":S("error-90"),"error-95":S("error-95"),"error-100":S("error-100"),"info-10":S("info-10"),"info-20":S("info-20"),"info-30":S("info-30"),"info-40":S("info-40"),"info-50":S("info-50"),"info-60":S("info-60"),"info-70":S("info-70"),"info-80":S("info-80"),"info-90":S("info-90"),"info-95":S("info-95"),"info-100":S("info-100"),white:S("white"),black:S("black"),"primary-inverse":S("primary-inverse")};exports.ColourSpec=d,exports.DarkColourSpec=g,exports.PrimitiveColour=b,exports.getPrimitiveColour=S;
+"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"),n=require("./specs/mylegacy-colour-set.js"),a=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"),y=require("./specs/smgs-colour-set.js"),d=require("./specs/careercompass-colour-set.js");const g={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:i.RBSColourSet,mylegacy:n.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:a.OneServiceColourSet,pa:u.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,careercompass:d.CareerCompassColourSet,smgs:y.SMGSColourSet},defaultValue:"lifesg"},S={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:i.RBSColourSet,mylegacy:n.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:a.OneServiceColourSet,pa:u.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,careercompass:d.CareerCompassColourSet,smgs:y.SMGSColourSet},defaultValue:"lifesg"},m=e=>o=>{var s;const n=o.theme,a="dark"===(null==n?void 0:n.colourMode),u=a?S:g,i=r.getCollection(u,null==n?void 0:n.colourScheme),c=a?"primitiveColourDark":"primitiveColour",l=null===(s=null==n?void 0:n.overrides)||void 0===s?void 0:s[c];return l?r.getValue(i,e,l):i[e]},C={"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=g,exports.DarkColourSpec=S,exports.PrimitiveColour=C,exports.getPrimitiveColour=m;
 //# sourceMappingURL=theme-helper.js.map

package/cjs/theme/colour-primitive/theme-helper.js.map CHANGED Viewed

	@@ -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 { 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 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 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","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 { 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":"+lBAkBO,MAAMA,EAGT,CACAC,YAAa,CACTC,OAAQC,EAAAA,gBACRC,UAAWC,EAAAA,mBACXC,IAAKC,EAAAA,aACLC,SAAUC,EAAAA,kBACVC,MAAOC,EAAAA,eACPC,WAAYC,EAAAA,oBACZC,GAAIC,EAAAA,YACJC,eAAgBC,EAAAA,wBAChBC,eAAgBC,EAAAA,wBAChBC,gBAAiBD,EAAAA,wBACjBE,KAAMC,EAAAA,cACNC,IAAKC,EAAAA,aACLC,cAAeC,EAAAA,uBACfC,KAAMC,EAAAA,eAEVC,aAAc,UAILC,EAGT,CACA7B,YAAa,CAITC,OAAQC,EAAAA,gBACRC,UAAWC,EAAAA,mBACXC,IAAKC,EAAAA,aACLC,SAAUC,EAAAA,kBACVC,MAAOC,EAAAA,eACPC,WAAYC,EAAAA,oBACZC,GAAIC,EAAAA,YACJC,eAAgBC,EAAAA,wBAChBC,eAAgBC,EAAAA,wBAChBC,gBAAiBD,EAAAA,wBACjBE,KAAMC,EAAAA,cACNC,IAAKC,EAAAA,aACLC,cAAeC,EAAAA,uBACfC,KAAMC,EAAAA,eAEVC,aAAc,UAGLE,EAAsBC,GACvBC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAmC,UAAtBD,aAAK,EAALA,EAAOE,YAGpBC,EAAOF,EAAaL,EAAiB9B,EACrCsC,EAAgCC,EAAAA,cAClCF,EACAH,aAAK,EAALA,EAAOM,cAKLC,EAAcN,EACd,sBACA,kBACAO,EAA4B,QAAhBC,EAAAT,aAAK,EAALA,EAAOQ,iBAAS,IAAAC,OAAA,EAAAA,EAAGF,GAErC,OAAIC,EACOE,WAASN,EAAWN,EAAKU,GAEzBJ,EAAUN,EACrB,EAIKa,EAET,CACA,WAAYd,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,YAAaA,EAAmB,aAChC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,cAAeA,EAAmB,eAClC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,gBAAiBA,EAAmB,iBACpC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,cAAeA,EAAmB,eAClC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,cAAeA,EAAmB,eAClC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,cAAeA,EAAmB,eAClC,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,YAAaA,EAAmB,aAChC,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,WAAYA,EAAmB,YAC/Be,MAAOf,EAAmB,SAC1BgB,MAAOhB,EAAmB,SAC1B,kBAAmBA,EAAmB"}

package/cjs/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js CHANGED Viewed

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