@flipdish/portal-library 8.6.3 → 8.6.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/Badge/index.cjs.js +1 -1
- package/dist/components/atoms/Badge/index.cjs.js.map +1 -1
- package/dist/components/atoms/Badge/index.d.ts +1 -1
- package/dist/components/atoms/Badge/index.js +1 -1
- package/dist/components/atoms/Badge/index.js.map +1 -1
- package/dist/components/atoms/IconContainer/index.cjs.js +1 -1
- package/dist/components/atoms/IconContainer/index.cjs.js.map +1 -1
- package/dist/components/atoms/IconContainer/index.d.ts +1 -1
- package/dist/components/atoms/IconContainer/index.js +1 -1
- package/dist/components/atoms/IconContainer/index.js.map +1 -1
- package/dist/themes/theme.d.ts +6 -12
- package/dist/themes/tokens/breakpoints/BreakpointsVisualizer.cjs.js +2 -0
- package/dist/themes/tokens/breakpoints/BreakpointsVisualizer.cjs.js.map +1 -0
- package/dist/themes/tokens/breakpoints/BreakpointsVisualizer.d.ts +5 -0
- package/dist/themes/tokens/breakpoints/BreakpointsVisualizer.js +2 -0
- package/dist/themes/tokens/breakpoints/BreakpointsVisualizer.js.map +1 -0
- package/dist/themes/tokens/colours/colours-stories-utils.cjs.js +1 -1
- package/dist/themes/tokens/colours/colours-stories-utils.cjs.js.map +1 -1
- package/dist/themes/tokens/colours/colours-stories-utils.d.ts +19 -1
- package/dist/themes/tokens/colours/colours-stories-utils.js +1 -1
- package/dist/themes/tokens/colours/colours-stories-utils.js.map +1 -1
- package/dist/themes/tokens/colours/semantic.cjs.js +1 -1
- package/dist/themes/tokens/colours/semantic.cjs.js.map +1 -1
- package/dist/themes/tokens/colours/semantic.d.ts +6 -12
- package/dist/themes/tokens/colours/semantic.js +1 -1
- package/dist/themes/tokens/colours/semantic.js.map +1 -1
- package/dist/themes/tokens/radius/RadiusVisualizer.cjs.js +2 -0
- package/dist/themes/tokens/radius/RadiusVisualizer.cjs.js.map +1 -0
- package/dist/themes/tokens/radius/RadiusVisualizer.d.ts +5 -0
- package/dist/themes/tokens/radius/RadiusVisualizer.js +2 -0
- package/dist/themes/tokens/radius/RadiusVisualizer.js.map +1 -0
- package/dist/themes/tokens/shadows/ShadowsVisualizer.cjs.js +2 -0
- package/dist/themes/tokens/shadows/ShadowsVisualizer.cjs.js.map +1 -0
- package/dist/themes/tokens/shadows/ShadowsVisualizer.d.ts +5 -0
- package/dist/themes/tokens/shadows/ShadowsVisualizer.js +2 -0
- package/dist/themes/tokens/shadows/ShadowsVisualizer.js.map +1 -0
- package/dist/themes/tokens/spacing/SpacingVisualizer.cjs.js +2 -0
- package/dist/themes/tokens/spacing/SpacingVisualizer.cjs.js.map +1 -0
- package/dist/themes/tokens/spacing/SpacingVisualizer.d.ts +6 -0
- package/dist/themes/tokens/spacing/SpacingVisualizer.js +2 -0
- package/dist/themes/tokens/spacing/SpacingVisualizer.js.map +1 -0
- package/package.json +18 -11
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var r=require("./primitives.cjs.js");const i={mode:"light",success:{main:r.primativeColours.green.light[1e3]},error:{main:r.primativeColours.red.light[1e3]},warning:{main:r.primativeColours.solid.yellow[1e3]},semantic:{text:{"text-strong":r.primativeColours.grey.light[1e3],"text-weak":r.primativeColours.grey.light[700],"text-primary":r.primativeColours.primary.light[1e3],"text-disabled":r.primativeColours.grey.light[100],"text-error":r.primativeColours.red.light[1e3],"text-warning":r.primativeColours.amber.light[1e3],"text-success":r.primativeColours.green.light[1e3],"text-
|
|
1
|
+
"use strict";var r=require("./primitives.cjs.js");const i={mode:"light",success:{main:r.primativeColours.green.light[1e3]},error:{main:r.primativeColours.red.light[1e3]},warning:{main:r.primativeColours.solid.yellow[1e3]},semantic:{text:{"text-strong":r.primativeColours.grey.light[1e3],"text-weak":r.primativeColours.grey.light[700],"text-primary":r.primativeColours.primary.light[1e3],"text-disabled":r.primativeColours.grey.light[100],"text-error":r.primativeColours.red.light[1e3],"text-warning":r.primativeColours.amber.light[1e3],"text-success":r.primativeColours.green.light[1e3],"text-ai":r.primativeColours.purple.light[1e3],"text-inverse-strong":r.primativeColours.grey.dark[1e3],"text-inverse-weak":r.primativeColours.grey.dark[700],"text-inverse-disabled":r.primativeColours.grey.dark[100]},stroke:{"stroke-strong":r.primativeColours.grey.light[500],"stroke-weak":r.primativeColours.grey.light[100],"stroke-selected":r.primativeColours.primary.light[1e3],"stroke-focus":r.primativeColours.primary.light[1e3],"stroke-disabled":r.primativeColours.grey.light[100],"stroke-primary-strong":r.primativeColours.primary.light[800],"stroke-primary-weak":r.primativeColours.primary.light[200],"stroke-secondary":r.primativeColours.secondary.light[1e3],"stroke-tertiary":r.primativeColours.tertiary.light[1e3],"stroke-error-strong":r.primativeColours.red.light[800],"stroke-error-weak":r.primativeColours.red.light[200],"stroke-warning-strong":r.primativeColours.amber.light[800],"stroke-warning-weak":r.primativeColours.amber.light[200],"stroke-success-strong":r.primativeColours.green.light[800],"stroke-success-weak":r.primativeColours.green.light[200],"stroke-ai-strong":r.primativeColours.purple.light[800],"stroke-ai-weak":r.primativeColours.purple.light[200],"stroke-inverse-strong":r.primativeColours.grey.dark[500],"stroke-inverse-weak":r.primativeColours.grey.dark[100],"stroke-inverse-disabled":r.primativeColours.grey.dark[100]},icon:{"icon-strong":r.primativeColours.grey.light[500],"icon-primary":r.primativeColours.primary.light[800],"icon-disabled":r.primativeColours.grey.light[100],"icon-error":r.primativeColours.red.light[800],"icon-warning":r.primativeColours.amber.light[800],"icon-success":r.primativeColours.green.light[800],"icon-ai":r.primativeColours.purple.light[800],"icon-inverse":r.primativeColours.grey.dark[500],"icon-inverse-strong":r.primativeColours.grey.dark[1e3],"icon-inverse-disabled":r.primativeColours.grey.dark[100]},fill:{"fill-strong":r.primativeColours.grey.light[1e3],"fill-weak":r.primativeColours.grey.light[50],"fill-weaker":r.primativeColours.grey.light[25],"fill-hover":r.primativeColours.grey.light[50],"fill-press":r.primativeColours.grey.light[100],"fill-selected":r.primativeColours.primary.light[1e3],"fill-disabled":r.primativeColours.grey.light[100],"fill-overlay":r.primativeColours.grey.light[500],"fill-primary-strong":r.primativeColours.primary.light[1e3],"fill-primary-weak":r.primativeColours.primary.light[50],"fill-secondary":r.primativeColours.secondary.light[1e3],"fill-tertiary":r.primativeColours.tertiary.light[1e3],"fill-error-strong":r.primativeColours.red.light[1e3],"fill-error-weak":r.primativeColours.red.light[50],"fill-warning-strong":r.primativeColours.amber.light[1e3],"fill-warning-weak":r.primativeColours.amber.light[50],"fill-success-strong":r.primativeColours.green.light[1e3],"fill-success-weak":r.primativeColours.green.light[50],"fill-ai-strong":r.primativeColours.purple.light[1e3],"fill-ai-weak":r.primativeColours.purple.light[50],"fill-inverse-strong":r.primativeColours.solid.grey[0],"fill-inverse-weak":r.primativeColours.grey.dark[50],"fill-inverse-hover":r.primativeColours.grey.dark[50],"fill-inverse-press":r.primativeColours.grey.dark[100],"fill-inverse-disabled":r.primativeColours.grey.dark[100],"fill-flipdishlogo":r.primativeColours.solid.grey[1e3],"fill-black":r.primativeColours.solid.grey[1e3],"fill-white":r.primativeColours.solid.grey[0],"fill-yellow":r.primativeColours.solid.yellow[1e3],"fill-lightgrey":r.primativeColours.solid.lightGrey[1e3],"fill-lime":r.primativeColours.solid.lime[1e3],"fill-pink":r.primativeColours.solid.pink[1e3]},background:{"background-base":r.primativeColours.solid.grey[0],"background-raised":r.primativeColours.solid.grey[0],"background-overlay":r.primativeColours.solid.grey[0],"background-sunken":r.primativeColours.solid.grey[50],"background-alternate":r.primativeColours.solid.lightGrey[1e3],"background-primary":r.primativeColours.primary.light[1e3],"background-secondary":r.primativeColours.secondary.light[1e3],"background-tertiary":r.primativeColours.tertiary.light[1e3],"background-inverse":r.primativeColours.solid.grey[900]},shadow:{"shadow-strong":r.primativeColours.greyShadow[150],"shadow-weak":r.primativeColours.greyShadow[100]}}},e={mode:"dark",background:{default:r.primativeColours.solid.grey[900]},success:{main:r.primativeColours.green.dark[1e3]},error:{main:r.primativeColours.red.dark[1e3]},warning:{main:r.primativeColours.solid.yellow[1e3]},semantic:{text:{"text-strong":r.primativeColours.grey.dark[1e3],"text-weak":r.primativeColours.grey.dark[700],"text-primary":r.primativeColours.primary.dark[1e3],"text-disabled":r.primativeColours.grey.dark[100],"text-error":r.primativeColours.red.dark[1e3],"text-warning":r.primativeColours.amber.dark[1e3],"text-success":r.primativeColours.green.dark[1e3],"text-ai":r.primativeColours.purple.dark[1e3],"text-inverse-strong":r.primativeColours.grey.light[1e3],"text-inverse-weak":r.primativeColours.grey.light[700],"text-inverse-disabled":r.primativeColours.grey.light[100]},stroke:{"stroke-strong":r.primativeColours.grey.dark[500],"stroke-weak":r.primativeColours.grey.dark[100],"stroke-selected":r.primativeColours.primary.dark[1e3],"stroke-focus":r.primativeColours.primary.dark[1e3],"stroke-disabled":r.primativeColours.grey.dark[100],"stroke-primary-strong":r.primativeColours.primary.dark[800],"stroke-primary-weak":r.primativeColours.primary.dark[200],"stroke-secondary":r.primativeColours.secondary.dark[1e3],"stroke-tertiary":r.primativeColours.tertiary.dark[1e3],"stroke-error-strong":r.primativeColours.red.dark[800],"stroke-error-weak":r.primativeColours.red.dark[200],"stroke-warning-strong":r.primativeColours.amber.dark[800],"stroke-warning-weak":r.primativeColours.amber.dark[200],"stroke-success-strong":r.primativeColours.green.dark[800],"stroke-success-weak":r.primativeColours.green.dark[200],"stroke-ai-strong":r.primativeColours.purple.dark[800],"stroke-ai-weak":r.primativeColours.purple.dark[200],"stroke-inverse-strong":r.primativeColours.grey.light[500],"stroke-inverse-weak":r.primativeColours.grey.light[100],"stroke-inverse-disabled":r.primativeColours.grey.light[100]},icon:{"icon-strong":r.primativeColours.grey.dark[500],"icon-primary":r.primativeColours.primary.dark[800],"icon-disabled":r.primativeColours.grey.dark[100],"icon-error":r.primativeColours.red.dark[800],"icon-warning":r.primativeColours.amber.dark[800],"icon-success":r.primativeColours.green.dark[800],"icon-ai":r.primativeColours.purple.dark[800],"icon-inverse":r.primativeColours.grey.light[500],"icon-inverse-strong":r.primativeColours.grey.light[1e3],"icon-inverse-disabled":r.primativeColours.grey.light[100]},fill:{"fill-strong":r.primativeColours.grey.dark[1e3],"fill-weak":r.primativeColours.grey.dark[50],"fill-weaker":r.primativeColours.grey.dark[25],"fill-hover":r.primativeColours.grey.dark[50],"fill-press":r.primativeColours.grey.dark[100],"fill-selected":r.primativeColours.primary.dark[1e3],"fill-disabled":r.primativeColours.grey.dark[100],"fill-overlay":r.primativeColours.grey.dark[500],"fill-primary-strong":r.primativeColours.primary.dark[1e3],"fill-primary-weak":r.primativeColours.primary.dark[50],"fill-secondary":r.primativeColours.secondary.dark[1e3],"fill-tertiary":r.primativeColours.tertiary.dark[1e3],"fill-error-strong":r.primativeColours.red.dark[1e3],"fill-error-weak":r.primativeColours.red.dark[50],"fill-warning-strong":r.primativeColours.amber.dark[1e3],"fill-warning-weak":r.primativeColours.amber.dark[50],"fill-success-strong":r.primativeColours.green.dark[1e3],"fill-success-weak":r.primativeColours.green.dark[50],"fill-ai-strong":r.primativeColours.purple.dark[1e3],"fill-ai-weak":r.primativeColours.purple.dark[50],"fill-inverse-strong":r.primativeColours.solid.grey[900],"fill-inverse-weak":r.primativeColours.grey.light[50],"fill-inverse-hover":r.primativeColours.grey.light[50],"fill-inverse-press":r.primativeColours.grey.light[100],"fill-inverse-disabled":r.primativeColours.grey.light[100],"fill-flipdishlogo":r.primativeColours.solid.grey[0],"fill-black":r.primativeColours.solid.grey[1e3],"fill-white":r.primativeColours.solid.grey[0],"fill-yellow":r.primativeColours.solid.yellow[1e3],"fill-lightgrey":r.primativeColours.solid.lightGrey[1e3],"fill-lime":r.primativeColours.solid.lime[1e3],"fill-pink":r.primativeColours.solid.pink[1e3]},background:{"background-base":r.primativeColours.solid.grey[900],"background-raised":r.primativeColours.solid.grey[850],"background-overlay":r.primativeColours.solid.grey[800],"background-sunken":r.primativeColours.solid.grey[1e3],"background-alternate":r.primativeColours.solid.lightGrey[1e3],"background-primary":r.primativeColours.primary.dark[1e3],"background-secondary":r.primativeColours.secondary.dark[1e3],"background-tertiary":r.primativeColours.tertiary.dark[1e3],"background-inverse":r.primativeColours.solid.grey[0]},shadow:{"shadow-strong":r.primativeColours.greyShadow[150],"shadow-weak":r.primativeColours.greyShadow[100]}}};exports.darkColours=e,exports.lightColours=i;
|
|
2
2
|
//# sourceMappingURL=semantic.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantic.cjs.js","sources":["../../../../src/themes/tokens/colours/semantic.ts"],"sourcesContent":["import type { ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { primativeColours } from './primitives';\n\nexport const lightColours = {\n mode: 'light',\n // Status colours\n success: {\n main: primativeColours.green.light['1000'],\n },\n error: {\n main: primativeColours.red.light['1000'],\n },\n warning: {\n main: primativeColours.solid.yellow['1000'],\n },\n // Colour tokens (semantic colours) are a way of naming and organising primitive colours based on how they're used.\n semantic: {\n text: {\n 'text-strong': primativeColours.grey.light['1000'],\n 'text-weak': primativeColours.grey.light['700'],\n 'text-primary': primativeColours.primary.light['1000'],\n 'text-disabled': primativeColours.grey.light['100'],\n 'text-error': primativeColours.red.light['1000'],\n 'text-warning': primativeColours.amber.light['1000'],\n 'text-success': primativeColours.green.light['1000'],\n 'text-information': primativeColours.purple.light['1000'],\n 'text-inverse-strong': primativeColours.grey.dark['1000'],\n 'text-inverse-weak': primativeColours.grey.dark['700'],\n 'text-inverse-disabled': primativeColours.grey.dark['100'],\n },\n stroke: {\n 'stroke-strong': primativeColours.grey.light['500'],\n 'stroke-weak': primativeColours.grey.light['100'],\n 'stroke-selected': primativeColours.primary.light['1000'],\n 'stroke-focus': primativeColours.primary.light['1000'],\n 'stroke-disabled': primativeColours.grey.light['100'],\n 'stroke-primary-strong': primativeColours.primary.light['800'],\n 'stroke-primary-weak': primativeColours.primary.light['200'],\n 'stroke-secondary': primativeColours.secondary.light['1000'],\n 'stroke-tertiary': primativeColours.tertiary.light['1000'],\n 'stroke-error-strong': primativeColours.red.light['800'],\n 'stroke-error-weak': primativeColours.red.light['200'],\n 'stroke-warning-strong': primativeColours.amber.light['800'],\n 'stroke-warning-weak': primativeColours.amber.light['200'],\n 'stroke-success-strong': primativeColours.green.light['800'],\n 'stroke-success-weak': primativeColours.green.light['200'],\n 'stroke-information-strong': primativeColours.purple.light['800'],\n 'stroke-information-weak': primativeColours.purple.light['200'],\n 'stroke-ai-weak': primativeColours.purple.light['200'],\n 'stroke-inverse-strong': primativeColours.grey.dark['500'],\n 'stroke-inverse-weak': primativeColours.grey.dark['100'],\n 'stroke-inverse-disabled': primativeColours.grey.dark['100'],\n },\n icon: {\n 'icon-strong': primativeColours.grey.light['500'],\n 'icon-primary': primativeColours.primary.light['800'],\n 'icon-disabled': primativeColours.grey.light['100'],\n 'icon-error': primativeColours.red.light['800'],\n 'icon-warning': primativeColours.amber.light['800'],\n 'icon-success': primativeColours.green.light['800'],\n 'icon-information': primativeColours.purple.light['800'],\n 'icon-ai': primativeColours.purple.light['800'],\n 'icon-inverse': primativeColours.grey.dark['500'],\n 'icon-inverse-strong': primativeColours.grey.dark['1000'],\n 'icon-inverse-disabled': primativeColours.grey.dark['100'],\n },\n fill: {\n 'fill-strong': primativeColours.grey.light['1000'],\n 'fill-weak': primativeColours.grey.light['50'],\n 'fill-weaker': primativeColours.grey.light['25'],\n 'fill-hover': primativeColours.grey.light['50'],\n 'fill-press': primativeColours.grey.light['100'],\n 'fill-selected': primativeColours.primary.light['1000'],\n 'fill-disabled': primativeColours.grey.light['100'],\n 'fill-overlay': primativeColours.grey.light['500'],\n 'fill-primary-strong': primativeColours.primary.light['1000'],\n 'fill-primary-weak': primativeColours.primary.light['50'],\n 'fill-secondary': primativeColours.secondary.light['1000'],\n 'fill-tertiary': primativeColours.tertiary.light['1000'],\n 'fill-error-strong': primativeColours.red.light['1000'],\n 'fill-error-weak': primativeColours.red.light['50'],\n 'fill-warning-strong': primativeColours.amber.light['1000'],\n 'fill-warning-weak': primativeColours.amber.light['50'],\n 'fill-success-strong': primativeColours.green.light['1000'],\n 'fill-success-weak': primativeColours.green.light['50'],\n 'fill-information-strong': primativeColours.purple.light['1000'],\n 'fill-information-weak': primativeColours.purple.light['50'],\n 'fill-ai-weak': primativeColours.purple.light['50'],\n 'fill-inverse-strong': primativeColours.solid.grey['0'],\n 'fill-inverse-weak': primativeColours.grey.dark['50'],\n 'fill-inverse-hover': primativeColours.grey.dark['50'],\n 'fill-inverse-press': primativeColours.grey.dark['100'],\n 'fill-inverse-disabled': primativeColours.grey.dark['100'],\n 'fill-flipdishlogo': primativeColours.solid.grey['1000'],\n 'fill-black': primativeColours.solid.grey['1000'],\n 'fill-white': primativeColours.solid.grey['0'],\n 'fill-yellow': primativeColours.solid.yellow['1000'],\n 'fill-lightgrey': primativeColours.solid.lightGrey['1000'],\n 'fill-lime': primativeColours.solid.lime['1000'],\n 'fill-pink': primativeColours.solid.pink['1000'],\n },\n background: {\n 'background-base': primativeColours.solid.grey['0'],\n 'background-raised': primativeColours.solid.grey['0'],\n 'background-overlay': primativeColours.solid.grey['0'],\n 'background-sunken': primativeColours.solid.grey['50'],\n 'background-alternate': primativeColours.solid.lightGrey['1000'],\n 'background-primary': primativeColours.primary.light['1000'],\n 'background-secondary': primativeColours.secondary.light['1000'],\n 'background-tertiary': primativeColours.tertiary.light['1000'],\n 'background-inverse': primativeColours.solid.grey['900'],\n },\n shadow: {\n 'shadow-strong': primativeColours.greyShadow['150'],\n 'shadow-weak': primativeColours.greyShadow['100'],\n },\n },\n} as const satisfies NonNullable<ThemeOptions['palette']>;\n\nexport const darkColours = {\n mode: 'dark',\n background: {\n default: primativeColours.solid.grey['900'],\n },\n\n // Status colours\n success: {\n main: primativeColours.green.dark['1000'],\n },\n error: {\n main: primativeColours.red.dark['1000'],\n },\n warning: {\n main: primativeColours.solid.yellow['1000'],\n },\n // Colour tokens (semantic colours) are a way of naming and organising primitive colours based on how they're used.\n semantic: {\n text: {\n 'text-strong': primativeColours.grey.dark['1000'],\n 'text-weak': primativeColours.grey.dark['700'],\n 'text-primary': primativeColours.primary.dark['1000'],\n 'text-disabled': primativeColours.grey.dark['100'],\n 'text-error': primativeColours.red.dark['1000'],\n 'text-warning': primativeColours.amber.dark['1000'],\n 'text-success': primativeColours.green.dark['1000'],\n 'text-information': primativeColours.purple.dark['1000'],\n 'text-inverse-strong': primativeColours.grey.light['1000'],\n 'text-inverse-weak': primativeColours.grey.light['700'],\n 'text-inverse-disabled': primativeColours.grey.light['100'],\n },\n stroke: {\n 'stroke-strong': primativeColours.grey.dark['500'],\n 'stroke-weak': primativeColours.grey.dark['100'],\n 'stroke-selected': primativeColours.primary.dark['1000'],\n 'stroke-focus': primativeColours.primary.dark['1000'],\n 'stroke-disabled': primativeColours.grey.dark['100'],\n 'stroke-primary-strong': primativeColours.primary.dark['800'],\n 'stroke-primary-weak': primativeColours.primary.dark['200'],\n 'stroke-secondary': primativeColours.secondary.dark['1000'],\n 'stroke-tertiary': primativeColours.tertiary.dark['1000'],\n 'stroke-error-strong': primativeColours.red.dark['800'],\n 'stroke-error-weak': primativeColours.red.dark['200'],\n 'stroke-warning-strong': primativeColours.amber.dark['800'],\n 'stroke-warning-weak': primativeColours.amber.dark['200'],\n 'stroke-success-strong': primativeColours.green.dark['800'],\n 'stroke-success-weak': primativeColours.green.dark['200'],\n 'stroke-information-strong': primativeColours.purple.dark['800'],\n 'stroke-information-weak': primativeColours.purple.dark['200'],\n 'stroke-ai-weak': primativeColours.purple.dark['200'],\n 'stroke-inverse-strong': primativeColours.grey.light['500'],\n 'stroke-inverse-weak': primativeColours.grey.light['100'],\n 'stroke-inverse-disabled': primativeColours.grey.light['100'],\n },\n icon: {\n 'icon-strong': primativeColours.grey.dark['500'],\n 'icon-primary': primativeColours.primary.dark['800'],\n 'icon-disabled': primativeColours.grey.dark['100'],\n 'icon-error': primativeColours.red.dark['800'],\n 'icon-warning': primativeColours.amber.dark['800'],\n 'icon-success': primativeColours.green.dark['800'],\n 'icon-information': primativeColours.purple.dark['800'],\n 'icon-ai': primativeColours.purple.dark['800'],\n 'icon-inverse': primativeColours.grey.light['500'],\n 'icon-inverse-strong': primativeColours.grey.light['1000'],\n 'icon-inverse-disabled': primativeColours.grey.light['100'],\n },\n fill: {\n 'fill-strong': primativeColours.grey.dark['1000'],\n 'fill-weak': primativeColours.grey.dark['50'],\n 'fill-weaker': primativeColours.grey.dark['25'],\n 'fill-hover': primativeColours.grey.dark['50'],\n 'fill-press': primativeColours.grey.dark['100'],\n 'fill-selected': primativeColours.primary.dark['1000'],\n 'fill-disabled': primativeColours.grey.dark['100'],\n 'fill-overlay': primativeColours.grey.dark['500'],\n 'fill-primary-strong': primativeColours.primary.dark['1000'],\n 'fill-primary-weak': primativeColours.primary.dark['50'],\n 'fill-secondary': primativeColours.secondary.dark['1000'],\n 'fill-tertiary': primativeColours.tertiary.dark['1000'],\n 'fill-error-strong': primativeColours.red.dark['1000'],\n 'fill-error-weak': primativeColours.red.dark['50'],\n 'fill-warning-strong': primativeColours.amber.dark['1000'],\n 'fill-warning-weak': primativeColours.amber.dark['50'],\n 'fill-success-strong': primativeColours.green.dark['1000'],\n 'fill-success-weak': primativeColours.green.dark['50'],\n 'fill-information-strong': primativeColours.purple.dark['1000'],\n 'fill-information-weak': primativeColours.purple.dark['50'],\n 'fill-ai-weak': primativeColours.purple.dark['50'],\n 'fill-inverse-strong': primativeColours.solid.grey['900'],\n 'fill-inverse-weak': primativeColours.grey.light['50'],\n 'fill-inverse-hover': primativeColours.grey.light['50'],\n 'fill-inverse-press': primativeColours.grey.light['100'],\n 'fill-inverse-disabled': primativeColours.grey.light['100'],\n 'fill-flipdishlogo': primativeColours.solid.grey['0'],\n 'fill-black': primativeColours.solid.grey['1000'],\n 'fill-white': primativeColours.solid.grey['0'],\n 'fill-yellow': primativeColours.solid.yellow['1000'],\n 'fill-lightgrey': primativeColours.solid.lightGrey['1000'],\n 'fill-lime': primativeColours.solid.lime['1000'],\n 'fill-pink': primativeColours.solid.pink['1000'],\n },\n background: {\n 'background-base': primativeColours.solid.grey['900'],\n 'background-raised': primativeColours.solid.grey['850'],\n 'background-overlay': primativeColours.solid.grey['800'],\n 'background-sunken': primativeColours.solid.grey['1000'],\n 'background-alternate': primativeColours.solid.lightGrey['1000'],\n 'background-primary': primativeColours.primary.dark['1000'],\n 'background-secondary': primativeColours.secondary.dark['1000'],\n 'background-tertiary': primativeColours.tertiary.dark['1000'],\n 'background-inverse': primativeColours.solid.grey['0'],\n },\n shadow: {\n 'shadow-strong': primativeColours.greyShadow['150'],\n 'shadow-weak': primativeColours.greyShadow['100'],\n },\n },\n} as const satisfies NonNullable<ThemeOptions['palette']>;\n"],"names":["lightColours","mode","success","main","primativeColours","green","light","error","red","warning","solid","yellow","semantic","text","grey","primary","amber","purple","dark","stroke","secondary","tertiary","icon","fill","lightGrey","lime","pink","background","shadow","greyShadow","darkColours","default"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"semantic.cjs.js","sources":["../../../../src/themes/tokens/colours/semantic.ts"],"sourcesContent":["import type { ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { primativeColours } from './primitives';\n\nexport const lightColours = {\n mode: 'light',\n // Status colours\n success: {\n main: primativeColours.green.light['1000'],\n },\n error: {\n main: primativeColours.red.light['1000'],\n },\n warning: {\n main: primativeColours.solid.yellow['1000'],\n },\n // Colour tokens (semantic colours) are a way of naming and organising primitive colours based on how they're used.\n semantic: {\n text: {\n 'text-strong': primativeColours.grey.light['1000'],\n 'text-weak': primativeColours.grey.light['700'],\n 'text-primary': primativeColours.primary.light['1000'],\n 'text-disabled': primativeColours.grey.light['100'],\n 'text-error': primativeColours.red.light['1000'],\n 'text-warning': primativeColours.amber.light['1000'],\n 'text-success': primativeColours.green.light['1000'],\n 'text-ai': primativeColours.purple.light['1000'],\n 'text-inverse-strong': primativeColours.grey.dark['1000'],\n 'text-inverse-weak': primativeColours.grey.dark['700'],\n 'text-inverse-disabled': primativeColours.grey.dark['100'],\n },\n stroke: {\n 'stroke-strong': primativeColours.grey.light['500'],\n 'stroke-weak': primativeColours.grey.light['100'],\n 'stroke-selected': primativeColours.primary.light['1000'],\n 'stroke-focus': primativeColours.primary.light['1000'],\n 'stroke-disabled': primativeColours.grey.light['100'],\n 'stroke-primary-strong': primativeColours.primary.light['800'],\n 'stroke-primary-weak': primativeColours.primary.light['200'],\n 'stroke-secondary': primativeColours.secondary.light['1000'],\n 'stroke-tertiary': primativeColours.tertiary.light['1000'],\n 'stroke-error-strong': primativeColours.red.light['800'],\n 'stroke-error-weak': primativeColours.red.light['200'],\n 'stroke-warning-strong': primativeColours.amber.light['800'],\n 'stroke-warning-weak': primativeColours.amber.light['200'],\n 'stroke-success-strong': primativeColours.green.light['800'],\n 'stroke-success-weak': primativeColours.green.light['200'],\n 'stroke-ai-strong': primativeColours.purple.light['800'],\n 'stroke-ai-weak': primativeColours.purple.light['200'],\n 'stroke-inverse-strong': primativeColours.grey.dark['500'],\n 'stroke-inverse-weak': primativeColours.grey.dark['100'],\n 'stroke-inverse-disabled': primativeColours.grey.dark['100'],\n },\n icon: {\n 'icon-strong': primativeColours.grey.light['500'],\n 'icon-primary': primativeColours.primary.light['800'],\n 'icon-disabled': primativeColours.grey.light['100'],\n 'icon-error': primativeColours.red.light['800'],\n 'icon-warning': primativeColours.amber.light['800'],\n 'icon-success': primativeColours.green.light['800'],\n 'icon-ai': primativeColours.purple.light['800'],\n 'icon-inverse': primativeColours.grey.dark['500'],\n 'icon-inverse-strong': primativeColours.grey.dark['1000'],\n 'icon-inverse-disabled': primativeColours.grey.dark['100'],\n },\n fill: {\n 'fill-strong': primativeColours.grey.light['1000'],\n 'fill-weak': primativeColours.grey.light['50'],\n 'fill-weaker': primativeColours.grey.light['25'],\n 'fill-hover': primativeColours.grey.light['50'],\n 'fill-press': primativeColours.grey.light['100'],\n 'fill-selected': primativeColours.primary.light['1000'],\n 'fill-disabled': primativeColours.grey.light['100'],\n 'fill-overlay': primativeColours.grey.light['500'],\n 'fill-primary-strong': primativeColours.primary.light['1000'],\n 'fill-primary-weak': primativeColours.primary.light['50'],\n 'fill-secondary': primativeColours.secondary.light['1000'],\n 'fill-tertiary': primativeColours.tertiary.light['1000'],\n 'fill-error-strong': primativeColours.red.light['1000'],\n 'fill-error-weak': primativeColours.red.light['50'],\n 'fill-warning-strong': primativeColours.amber.light['1000'],\n 'fill-warning-weak': primativeColours.amber.light['50'],\n 'fill-success-strong': primativeColours.green.light['1000'],\n 'fill-success-weak': primativeColours.green.light['50'],\n 'fill-ai-strong': primativeColours.purple.light['1000'],\n 'fill-ai-weak': primativeColours.purple.light['50'],\n 'fill-inverse-strong': primativeColours.solid.grey['0'],\n 'fill-inverse-weak': primativeColours.grey.dark['50'],\n 'fill-inverse-hover': primativeColours.grey.dark['50'],\n 'fill-inverse-press': primativeColours.grey.dark['100'],\n 'fill-inverse-disabled': primativeColours.grey.dark['100'],\n 'fill-flipdishlogo': primativeColours.solid.grey['1000'],\n 'fill-black': primativeColours.solid.grey['1000'],\n 'fill-white': primativeColours.solid.grey['0'],\n 'fill-yellow': primativeColours.solid.yellow['1000'],\n 'fill-lightgrey': primativeColours.solid.lightGrey['1000'],\n 'fill-lime': primativeColours.solid.lime['1000'],\n 'fill-pink': primativeColours.solid.pink['1000'],\n },\n background: {\n 'background-base': primativeColours.solid.grey['0'],\n 'background-raised': primativeColours.solid.grey['0'],\n 'background-overlay': primativeColours.solid.grey['0'],\n 'background-sunken': primativeColours.solid.grey['50'],\n 'background-alternate': primativeColours.solid.lightGrey['1000'],\n 'background-primary': primativeColours.primary.light['1000'],\n 'background-secondary': primativeColours.secondary.light['1000'],\n 'background-tertiary': primativeColours.tertiary.light['1000'],\n 'background-inverse': primativeColours.solid.grey['900'],\n },\n shadow: {\n 'shadow-strong': primativeColours.greyShadow['150'],\n 'shadow-weak': primativeColours.greyShadow['100'],\n },\n },\n} as const satisfies NonNullable<ThemeOptions['palette']>;\n\nexport const darkColours = {\n mode: 'dark',\n background: {\n default: primativeColours.solid.grey['900'],\n },\n\n // Status colours\n success: {\n main: primativeColours.green.dark['1000'],\n },\n error: {\n main: primativeColours.red.dark['1000'],\n },\n warning: {\n main: primativeColours.solid.yellow['1000'],\n },\n // Colour tokens (semantic colours) are a way of naming and organising primitive colours based on how they're used.\n semantic: {\n text: {\n 'text-strong': primativeColours.grey.dark['1000'],\n 'text-weak': primativeColours.grey.dark['700'],\n 'text-primary': primativeColours.primary.dark['1000'],\n 'text-disabled': primativeColours.grey.dark['100'],\n 'text-error': primativeColours.red.dark['1000'],\n 'text-warning': primativeColours.amber.dark['1000'],\n 'text-success': primativeColours.green.dark['1000'],\n 'text-ai': primativeColours.purple.dark['1000'],\n 'text-inverse-strong': primativeColours.grey.light['1000'],\n 'text-inverse-weak': primativeColours.grey.light['700'],\n 'text-inverse-disabled': primativeColours.grey.light['100'],\n },\n stroke: {\n 'stroke-strong': primativeColours.grey.dark['500'],\n 'stroke-weak': primativeColours.grey.dark['100'],\n 'stroke-selected': primativeColours.primary.dark['1000'],\n 'stroke-focus': primativeColours.primary.dark['1000'],\n 'stroke-disabled': primativeColours.grey.dark['100'],\n 'stroke-primary-strong': primativeColours.primary.dark['800'],\n 'stroke-primary-weak': primativeColours.primary.dark['200'],\n 'stroke-secondary': primativeColours.secondary.dark['1000'],\n 'stroke-tertiary': primativeColours.tertiary.dark['1000'],\n 'stroke-error-strong': primativeColours.red.dark['800'],\n 'stroke-error-weak': primativeColours.red.dark['200'],\n 'stroke-warning-strong': primativeColours.amber.dark['800'],\n 'stroke-warning-weak': primativeColours.amber.dark['200'],\n 'stroke-success-strong': primativeColours.green.dark['800'],\n 'stroke-success-weak': primativeColours.green.dark['200'],\n 'stroke-ai-strong': primativeColours.purple.dark['800'],\n 'stroke-ai-weak': primativeColours.purple.dark['200'],\n 'stroke-inverse-strong': primativeColours.grey.light['500'],\n 'stroke-inverse-weak': primativeColours.grey.light['100'],\n 'stroke-inverse-disabled': primativeColours.grey.light['100'],\n },\n icon: {\n 'icon-strong': primativeColours.grey.dark['500'],\n 'icon-primary': primativeColours.primary.dark['800'],\n 'icon-disabled': primativeColours.grey.dark['100'],\n 'icon-error': primativeColours.red.dark['800'],\n 'icon-warning': primativeColours.amber.dark['800'],\n 'icon-success': primativeColours.green.dark['800'],\n 'icon-ai': primativeColours.purple.dark['800'],\n 'icon-inverse': primativeColours.grey.light['500'],\n 'icon-inverse-strong': primativeColours.grey.light['1000'],\n 'icon-inverse-disabled': primativeColours.grey.light['100'],\n },\n fill: {\n 'fill-strong': primativeColours.grey.dark['1000'],\n 'fill-weak': primativeColours.grey.dark['50'],\n 'fill-weaker': primativeColours.grey.dark['25'],\n 'fill-hover': primativeColours.grey.dark['50'],\n 'fill-press': primativeColours.grey.dark['100'],\n 'fill-selected': primativeColours.primary.dark['1000'],\n 'fill-disabled': primativeColours.grey.dark['100'],\n 'fill-overlay': primativeColours.grey.dark['500'],\n 'fill-primary-strong': primativeColours.primary.dark['1000'],\n 'fill-primary-weak': primativeColours.primary.dark['50'],\n 'fill-secondary': primativeColours.secondary.dark['1000'],\n 'fill-tertiary': primativeColours.tertiary.dark['1000'],\n 'fill-error-strong': primativeColours.red.dark['1000'],\n 'fill-error-weak': primativeColours.red.dark['50'],\n 'fill-warning-strong': primativeColours.amber.dark['1000'],\n 'fill-warning-weak': primativeColours.amber.dark['50'],\n 'fill-success-strong': primativeColours.green.dark['1000'],\n 'fill-success-weak': primativeColours.green.dark['50'],\n 'fill-ai-strong': primativeColours.purple.dark['1000'],\n 'fill-ai-weak': primativeColours.purple.dark['50'],\n 'fill-inverse-strong': primativeColours.solid.grey['900'],\n 'fill-inverse-weak': primativeColours.grey.light['50'],\n 'fill-inverse-hover': primativeColours.grey.light['50'],\n 'fill-inverse-press': primativeColours.grey.light['100'],\n 'fill-inverse-disabled': primativeColours.grey.light['100'],\n 'fill-flipdishlogo': primativeColours.solid.grey['0'],\n 'fill-black': primativeColours.solid.grey['1000'],\n 'fill-white': primativeColours.solid.grey['0'],\n 'fill-yellow': primativeColours.solid.yellow['1000'],\n 'fill-lightgrey': primativeColours.solid.lightGrey['1000'],\n 'fill-lime': primativeColours.solid.lime['1000'],\n 'fill-pink': primativeColours.solid.pink['1000'],\n },\n background: {\n 'background-base': primativeColours.solid.grey['900'],\n 'background-raised': primativeColours.solid.grey['850'],\n 'background-overlay': primativeColours.solid.grey['800'],\n 'background-sunken': primativeColours.solid.grey['1000'],\n 'background-alternate': primativeColours.solid.lightGrey['1000'],\n 'background-primary': primativeColours.primary.dark['1000'],\n 'background-secondary': primativeColours.secondary.dark['1000'],\n 'background-tertiary': primativeColours.tertiary.dark['1000'],\n 'background-inverse': primativeColours.solid.grey['0'],\n },\n shadow: {\n 'shadow-strong': primativeColours.greyShadow['150'],\n 'shadow-weak': primativeColours.greyShadow['100'],\n },\n },\n} as const satisfies NonNullable<ThemeOptions['palette']>;\n"],"names":["lightColours","mode","success","main","primativeColours","green","light","error","red","warning","solid","yellow","semantic","text","grey","primary","amber","purple","dark","stroke","secondary","tertiary","icon","fill","lightGrey","lime","pink","background","shadow","greyShadow","darkColours","default"],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ declare const lightColours: {
|
|
|
18
18
|
readonly 'text-error': string;
|
|
19
19
|
readonly 'text-warning': string;
|
|
20
20
|
readonly 'text-success': string;
|
|
21
|
-
readonly 'text-
|
|
21
|
+
readonly 'text-ai': string;
|
|
22
22
|
readonly 'text-inverse-strong': string;
|
|
23
23
|
readonly 'text-inverse-weak': string;
|
|
24
24
|
readonly 'text-inverse-disabled': string;
|
|
@@ -39,8 +39,7 @@ declare const lightColours: {
|
|
|
39
39
|
readonly 'stroke-warning-weak': string;
|
|
40
40
|
readonly 'stroke-success-strong': string;
|
|
41
41
|
readonly 'stroke-success-weak': string;
|
|
42
|
-
readonly 'stroke-
|
|
43
|
-
readonly 'stroke-information-weak': string;
|
|
42
|
+
readonly 'stroke-ai-strong': string;
|
|
44
43
|
readonly 'stroke-ai-weak': string;
|
|
45
44
|
readonly 'stroke-inverse-strong': string;
|
|
46
45
|
readonly 'stroke-inverse-weak': string;
|
|
@@ -53,7 +52,6 @@ declare const lightColours: {
|
|
|
53
52
|
readonly 'icon-error': string;
|
|
54
53
|
readonly 'icon-warning': string;
|
|
55
54
|
readonly 'icon-success': string;
|
|
56
|
-
readonly 'icon-information': string;
|
|
57
55
|
readonly 'icon-ai': string;
|
|
58
56
|
readonly 'icon-inverse': string;
|
|
59
57
|
readonly 'icon-inverse-strong': string;
|
|
@@ -78,8 +76,7 @@ declare const lightColours: {
|
|
|
78
76
|
readonly 'fill-warning-weak': string;
|
|
79
77
|
readonly 'fill-success-strong': string;
|
|
80
78
|
readonly 'fill-success-weak': string;
|
|
81
|
-
readonly 'fill-
|
|
82
|
-
readonly 'fill-information-weak': string;
|
|
79
|
+
readonly 'fill-ai-strong': string;
|
|
83
80
|
readonly 'fill-ai-weak': string;
|
|
84
81
|
readonly 'fill-inverse-strong': string;
|
|
85
82
|
readonly 'fill-inverse-weak': string;
|
|
@@ -134,7 +131,7 @@ declare const darkColours: {
|
|
|
134
131
|
readonly 'text-error': string;
|
|
135
132
|
readonly 'text-warning': string;
|
|
136
133
|
readonly 'text-success': string;
|
|
137
|
-
readonly 'text-
|
|
134
|
+
readonly 'text-ai': string;
|
|
138
135
|
readonly 'text-inverse-strong': string;
|
|
139
136
|
readonly 'text-inverse-weak': string;
|
|
140
137
|
readonly 'text-inverse-disabled': string;
|
|
@@ -155,8 +152,7 @@ declare const darkColours: {
|
|
|
155
152
|
readonly 'stroke-warning-weak': string;
|
|
156
153
|
readonly 'stroke-success-strong': string;
|
|
157
154
|
readonly 'stroke-success-weak': string;
|
|
158
|
-
readonly 'stroke-
|
|
159
|
-
readonly 'stroke-information-weak': string;
|
|
155
|
+
readonly 'stroke-ai-strong': string;
|
|
160
156
|
readonly 'stroke-ai-weak': string;
|
|
161
157
|
readonly 'stroke-inverse-strong': string;
|
|
162
158
|
readonly 'stroke-inverse-weak': string;
|
|
@@ -169,7 +165,6 @@ declare const darkColours: {
|
|
|
169
165
|
readonly 'icon-error': string;
|
|
170
166
|
readonly 'icon-warning': string;
|
|
171
167
|
readonly 'icon-success': string;
|
|
172
|
-
readonly 'icon-information': string;
|
|
173
168
|
readonly 'icon-ai': string;
|
|
174
169
|
readonly 'icon-inverse': string;
|
|
175
170
|
readonly 'icon-inverse-strong': string;
|
|
@@ -194,8 +189,7 @@ declare const darkColours: {
|
|
|
194
189
|
readonly 'fill-warning-weak': string;
|
|
195
190
|
readonly 'fill-success-strong': string;
|
|
196
191
|
readonly 'fill-success-weak': string;
|
|
197
|
-
readonly 'fill-
|
|
198
|
-
readonly 'fill-information-weak': string;
|
|
192
|
+
readonly 'fill-ai-strong': string;
|
|
199
193
|
readonly 'fill-ai-weak': string;
|
|
200
194
|
readonly 'fill-inverse-strong': string;
|
|
201
195
|
readonly 'fill-inverse-weak': string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{primativeColours as r}from"./primitives.js";const e={mode:"light",success:{main:r.green.light[1e3]},error:{main:r.red.light[1e3]},warning:{main:r.solid.yellow[1e3]},semantic:{text:{"text-strong":r.grey.light[1e3],"text-weak":r.grey.light[700],"text-primary":r.primary.light[1e3],"text-disabled":r.grey.light[100],"text-error":r.red.light[1e3],"text-warning":r.amber.light[1e3],"text-success":r.green.light[1e3],"text-
|
|
1
|
+
import{primativeColours as r}from"./primitives.js";const e={mode:"light",success:{main:r.green.light[1e3]},error:{main:r.red.light[1e3]},warning:{main:r.solid.yellow[1e3]},semantic:{text:{"text-strong":r.grey.light[1e3],"text-weak":r.grey.light[700],"text-primary":r.primary.light[1e3],"text-disabled":r.grey.light[100],"text-error":r.red.light[1e3],"text-warning":r.amber.light[1e3],"text-success":r.green.light[1e3],"text-ai":r.purple.light[1e3],"text-inverse-strong":r.grey.dark[1e3],"text-inverse-weak":r.grey.dark[700],"text-inverse-disabled":r.grey.dark[100]},stroke:{"stroke-strong":r.grey.light[500],"stroke-weak":r.grey.light[100],"stroke-selected":r.primary.light[1e3],"stroke-focus":r.primary.light[1e3],"stroke-disabled":r.grey.light[100],"stroke-primary-strong":r.primary.light[800],"stroke-primary-weak":r.primary.light[200],"stroke-secondary":r.secondary.light[1e3],"stroke-tertiary":r.tertiary.light[1e3],"stroke-error-strong":r.red.light[800],"stroke-error-weak":r.red.light[200],"stroke-warning-strong":r.amber.light[800],"stroke-warning-weak":r.amber.light[200],"stroke-success-strong":r.green.light[800],"stroke-success-weak":r.green.light[200],"stroke-ai-strong":r.purple.light[800],"stroke-ai-weak":r.purple.light[200],"stroke-inverse-strong":r.grey.dark[500],"stroke-inverse-weak":r.grey.dark[100],"stroke-inverse-disabled":r.grey.dark[100]},icon:{"icon-strong":r.grey.light[500],"icon-primary":r.primary.light[800],"icon-disabled":r.grey.light[100],"icon-error":r.red.light[800],"icon-warning":r.amber.light[800],"icon-success":r.green.light[800],"icon-ai":r.purple.light[800],"icon-inverse":r.grey.dark[500],"icon-inverse-strong":r.grey.dark[1e3],"icon-inverse-disabled":r.grey.dark[100]},fill:{"fill-strong":r.grey.light[1e3],"fill-weak":r.grey.light[50],"fill-weaker":r.grey.light[25],"fill-hover":r.grey.light[50],"fill-press":r.grey.light[100],"fill-selected":r.primary.light[1e3],"fill-disabled":r.grey.light[100],"fill-overlay":r.grey.light[500],"fill-primary-strong":r.primary.light[1e3],"fill-primary-weak":r.primary.light[50],"fill-secondary":r.secondary.light[1e3],"fill-tertiary":r.tertiary.light[1e3],"fill-error-strong":r.red.light[1e3],"fill-error-weak":r.red.light[50],"fill-warning-strong":r.amber.light[1e3],"fill-warning-weak":r.amber.light[50],"fill-success-strong":r.green.light[1e3],"fill-success-weak":r.green.light[50],"fill-ai-strong":r.purple.light[1e3],"fill-ai-weak":r.purple.light[50],"fill-inverse-strong":r.solid.grey[0],"fill-inverse-weak":r.grey.dark[50],"fill-inverse-hover":r.grey.dark[50],"fill-inverse-press":r.grey.dark[100],"fill-inverse-disabled":r.grey.dark[100],"fill-flipdishlogo":r.solid.grey[1e3],"fill-black":r.solid.grey[1e3],"fill-white":r.solid.grey[0],"fill-yellow":r.solid.yellow[1e3],"fill-lightgrey":r.solid.lightGrey[1e3],"fill-lime":r.solid.lime[1e3],"fill-pink":r.solid.pink[1e3]},background:{"background-base":r.solid.grey[0],"background-raised":r.solid.grey[0],"background-overlay":r.solid.grey[0],"background-sunken":r.solid.grey[50],"background-alternate":r.solid.lightGrey[1e3],"background-primary":r.primary.light[1e3],"background-secondary":r.secondary.light[1e3],"background-tertiary":r.tertiary.light[1e3],"background-inverse":r.solid.grey[900]},shadow:{"shadow-strong":r.greyShadow[150],"shadow-weak":r.greyShadow[100]}}},i={mode:"dark",background:{default:r.solid.grey[900]},success:{main:r.green.dark[1e3]},error:{main:r.red.dark[1e3]},warning:{main:r.solid.yellow[1e3]},semantic:{text:{"text-strong":r.grey.dark[1e3],"text-weak":r.grey.dark[700],"text-primary":r.primary.dark[1e3],"text-disabled":r.grey.dark[100],"text-error":r.red.dark[1e3],"text-warning":r.amber.dark[1e3],"text-success":r.green.dark[1e3],"text-ai":r.purple.dark[1e3],"text-inverse-strong":r.grey.light[1e3],"text-inverse-weak":r.grey.light[700],"text-inverse-disabled":r.grey.light[100]},stroke:{"stroke-strong":r.grey.dark[500],"stroke-weak":r.grey.dark[100],"stroke-selected":r.primary.dark[1e3],"stroke-focus":r.primary.dark[1e3],"stroke-disabled":r.grey.dark[100],"stroke-primary-strong":r.primary.dark[800],"stroke-primary-weak":r.primary.dark[200],"stroke-secondary":r.secondary.dark[1e3],"stroke-tertiary":r.tertiary.dark[1e3],"stroke-error-strong":r.red.dark[800],"stroke-error-weak":r.red.dark[200],"stroke-warning-strong":r.amber.dark[800],"stroke-warning-weak":r.amber.dark[200],"stroke-success-strong":r.green.dark[800],"stroke-success-weak":r.green.dark[200],"stroke-ai-strong":r.purple.dark[800],"stroke-ai-weak":r.purple.dark[200],"stroke-inverse-strong":r.grey.light[500],"stroke-inverse-weak":r.grey.light[100],"stroke-inverse-disabled":r.grey.light[100]},icon:{"icon-strong":r.grey.dark[500],"icon-primary":r.primary.dark[800],"icon-disabled":r.grey.dark[100],"icon-error":r.red.dark[800],"icon-warning":r.amber.dark[800],"icon-success":r.green.dark[800],"icon-ai":r.purple.dark[800],"icon-inverse":r.grey.light[500],"icon-inverse-strong":r.grey.light[1e3],"icon-inverse-disabled":r.grey.light[100]},fill:{"fill-strong":r.grey.dark[1e3],"fill-weak":r.grey.dark[50],"fill-weaker":r.grey.dark[25],"fill-hover":r.grey.dark[50],"fill-press":r.grey.dark[100],"fill-selected":r.primary.dark[1e3],"fill-disabled":r.grey.dark[100],"fill-overlay":r.grey.dark[500],"fill-primary-strong":r.primary.dark[1e3],"fill-primary-weak":r.primary.dark[50],"fill-secondary":r.secondary.dark[1e3],"fill-tertiary":r.tertiary.dark[1e3],"fill-error-strong":r.red.dark[1e3],"fill-error-weak":r.red.dark[50],"fill-warning-strong":r.amber.dark[1e3],"fill-warning-weak":r.amber.dark[50],"fill-success-strong":r.green.dark[1e3],"fill-success-weak":r.green.dark[50],"fill-ai-strong":r.purple.dark[1e3],"fill-ai-weak":r.purple.dark[50],"fill-inverse-strong":r.solid.grey[900],"fill-inverse-weak":r.grey.light[50],"fill-inverse-hover":r.grey.light[50],"fill-inverse-press":r.grey.light[100],"fill-inverse-disabled":r.grey.light[100],"fill-flipdishlogo":r.solid.grey[0],"fill-black":r.solid.grey[1e3],"fill-white":r.solid.grey[0],"fill-yellow":r.solid.yellow[1e3],"fill-lightgrey":r.solid.lightGrey[1e3],"fill-lime":r.solid.lime[1e3],"fill-pink":r.solid.pink[1e3]},background:{"background-base":r.solid.grey[900],"background-raised":r.solid.grey[850],"background-overlay":r.solid.grey[800],"background-sunken":r.solid.grey[1e3],"background-alternate":r.solid.lightGrey[1e3],"background-primary":r.primary.dark[1e3],"background-secondary":r.secondary.dark[1e3],"background-tertiary":r.tertiary.dark[1e3],"background-inverse":r.solid.grey[0]},shadow:{"shadow-strong":r.greyShadow[150],"shadow-weak":r.greyShadow[100]}}};export{i as darkColours,e as lightColours};
|
|
2
2
|
//# sourceMappingURL=semantic.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantic.js","sources":["../../../../src/themes/tokens/colours/semantic.ts"],"sourcesContent":["import type { ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { primativeColours } from './primitives';\n\nexport const lightColours = {\n mode: 'light',\n // Status colours\n success: {\n main: primativeColours.green.light['1000'],\n },\n error: {\n main: primativeColours.red.light['1000'],\n },\n warning: {\n main: primativeColours.solid.yellow['1000'],\n },\n // Colour tokens (semantic colours) are a way of naming and organising primitive colours based on how they're used.\n semantic: {\n text: {\n 'text-strong': primativeColours.grey.light['1000'],\n 'text-weak': primativeColours.grey.light['700'],\n 'text-primary': primativeColours.primary.light['1000'],\n 'text-disabled': primativeColours.grey.light['100'],\n 'text-error': primativeColours.red.light['1000'],\n 'text-warning': primativeColours.amber.light['1000'],\n 'text-success': primativeColours.green.light['1000'],\n 'text-information': primativeColours.purple.light['1000'],\n 'text-inverse-strong': primativeColours.grey.dark['1000'],\n 'text-inverse-weak': primativeColours.grey.dark['700'],\n 'text-inverse-disabled': primativeColours.grey.dark['100'],\n },\n stroke: {\n 'stroke-strong': primativeColours.grey.light['500'],\n 'stroke-weak': primativeColours.grey.light['100'],\n 'stroke-selected': primativeColours.primary.light['1000'],\n 'stroke-focus': primativeColours.primary.light['1000'],\n 'stroke-disabled': primativeColours.grey.light['100'],\n 'stroke-primary-strong': primativeColours.primary.light['800'],\n 'stroke-primary-weak': primativeColours.primary.light['200'],\n 'stroke-secondary': primativeColours.secondary.light['1000'],\n 'stroke-tertiary': primativeColours.tertiary.light['1000'],\n 'stroke-error-strong': primativeColours.red.light['800'],\n 'stroke-error-weak': primativeColours.red.light['200'],\n 'stroke-warning-strong': primativeColours.amber.light['800'],\n 'stroke-warning-weak': primativeColours.amber.light['200'],\n 'stroke-success-strong': primativeColours.green.light['800'],\n 'stroke-success-weak': primativeColours.green.light['200'],\n 'stroke-information-strong': primativeColours.purple.light['800'],\n 'stroke-information-weak': primativeColours.purple.light['200'],\n 'stroke-ai-weak': primativeColours.purple.light['200'],\n 'stroke-inverse-strong': primativeColours.grey.dark['500'],\n 'stroke-inverse-weak': primativeColours.grey.dark['100'],\n 'stroke-inverse-disabled': primativeColours.grey.dark['100'],\n },\n icon: {\n 'icon-strong': primativeColours.grey.light['500'],\n 'icon-primary': primativeColours.primary.light['800'],\n 'icon-disabled': primativeColours.grey.light['100'],\n 'icon-error': primativeColours.red.light['800'],\n 'icon-warning': primativeColours.amber.light['800'],\n 'icon-success': primativeColours.green.light['800'],\n 'icon-information': primativeColours.purple.light['800'],\n 'icon-ai': primativeColours.purple.light['800'],\n 'icon-inverse': primativeColours.grey.dark['500'],\n 'icon-inverse-strong': primativeColours.grey.dark['1000'],\n 'icon-inverse-disabled': primativeColours.grey.dark['100'],\n },\n fill: {\n 'fill-strong': primativeColours.grey.light['1000'],\n 'fill-weak': primativeColours.grey.light['50'],\n 'fill-weaker': primativeColours.grey.light['25'],\n 'fill-hover': primativeColours.grey.light['50'],\n 'fill-press': primativeColours.grey.light['100'],\n 'fill-selected': primativeColours.primary.light['1000'],\n 'fill-disabled': primativeColours.grey.light['100'],\n 'fill-overlay': primativeColours.grey.light['500'],\n 'fill-primary-strong': primativeColours.primary.light['1000'],\n 'fill-primary-weak': primativeColours.primary.light['50'],\n 'fill-secondary': primativeColours.secondary.light['1000'],\n 'fill-tertiary': primativeColours.tertiary.light['1000'],\n 'fill-error-strong': primativeColours.red.light['1000'],\n 'fill-error-weak': primativeColours.red.light['50'],\n 'fill-warning-strong': primativeColours.amber.light['1000'],\n 'fill-warning-weak': primativeColours.amber.light['50'],\n 'fill-success-strong': primativeColours.green.light['1000'],\n 'fill-success-weak': primativeColours.green.light['50'],\n 'fill-information-strong': primativeColours.purple.light['1000'],\n 'fill-information-weak': primativeColours.purple.light['50'],\n 'fill-ai-weak': primativeColours.purple.light['50'],\n 'fill-inverse-strong': primativeColours.solid.grey['0'],\n 'fill-inverse-weak': primativeColours.grey.dark['50'],\n 'fill-inverse-hover': primativeColours.grey.dark['50'],\n 'fill-inverse-press': primativeColours.grey.dark['100'],\n 'fill-inverse-disabled': primativeColours.grey.dark['100'],\n 'fill-flipdishlogo': primativeColours.solid.grey['1000'],\n 'fill-black': primativeColours.solid.grey['1000'],\n 'fill-white': primativeColours.solid.grey['0'],\n 'fill-yellow': primativeColours.solid.yellow['1000'],\n 'fill-lightgrey': primativeColours.solid.lightGrey['1000'],\n 'fill-lime': primativeColours.solid.lime['1000'],\n 'fill-pink': primativeColours.solid.pink['1000'],\n },\n background: {\n 'background-base': primativeColours.solid.grey['0'],\n 'background-raised': primativeColours.solid.grey['0'],\n 'background-overlay': primativeColours.solid.grey['0'],\n 'background-sunken': primativeColours.solid.grey['50'],\n 'background-alternate': primativeColours.solid.lightGrey['1000'],\n 'background-primary': primativeColours.primary.light['1000'],\n 'background-secondary': primativeColours.secondary.light['1000'],\n 'background-tertiary': primativeColours.tertiary.light['1000'],\n 'background-inverse': primativeColours.solid.grey['900'],\n },\n shadow: {\n 'shadow-strong': primativeColours.greyShadow['150'],\n 'shadow-weak': primativeColours.greyShadow['100'],\n },\n },\n} as const satisfies NonNullable<ThemeOptions['palette']>;\n\nexport const darkColours = {\n mode: 'dark',\n background: {\n default: primativeColours.solid.grey['900'],\n },\n\n // Status colours\n success: {\n main: primativeColours.green.dark['1000'],\n },\n error: {\n main: primativeColours.red.dark['1000'],\n },\n warning: {\n main: primativeColours.solid.yellow['1000'],\n },\n // Colour tokens (semantic colours) are a way of naming and organising primitive colours based on how they're used.\n semantic: {\n text: {\n 'text-strong': primativeColours.grey.dark['1000'],\n 'text-weak': primativeColours.grey.dark['700'],\n 'text-primary': primativeColours.primary.dark['1000'],\n 'text-disabled': primativeColours.grey.dark['100'],\n 'text-error': primativeColours.red.dark['1000'],\n 'text-warning': primativeColours.amber.dark['1000'],\n 'text-success': primativeColours.green.dark['1000'],\n 'text-information': primativeColours.purple.dark['1000'],\n 'text-inverse-strong': primativeColours.grey.light['1000'],\n 'text-inverse-weak': primativeColours.grey.light['700'],\n 'text-inverse-disabled': primativeColours.grey.light['100'],\n },\n stroke: {\n 'stroke-strong': primativeColours.grey.dark['500'],\n 'stroke-weak': primativeColours.grey.dark['100'],\n 'stroke-selected': primativeColours.primary.dark['1000'],\n 'stroke-focus': primativeColours.primary.dark['1000'],\n 'stroke-disabled': primativeColours.grey.dark['100'],\n 'stroke-primary-strong': primativeColours.primary.dark['800'],\n 'stroke-primary-weak': primativeColours.primary.dark['200'],\n 'stroke-secondary': primativeColours.secondary.dark['1000'],\n 'stroke-tertiary': primativeColours.tertiary.dark['1000'],\n 'stroke-error-strong': primativeColours.red.dark['800'],\n 'stroke-error-weak': primativeColours.red.dark['200'],\n 'stroke-warning-strong': primativeColours.amber.dark['800'],\n 'stroke-warning-weak': primativeColours.amber.dark['200'],\n 'stroke-success-strong': primativeColours.green.dark['800'],\n 'stroke-success-weak': primativeColours.green.dark['200'],\n 'stroke-information-strong': primativeColours.purple.dark['800'],\n 'stroke-information-weak': primativeColours.purple.dark['200'],\n 'stroke-ai-weak': primativeColours.purple.dark['200'],\n 'stroke-inverse-strong': primativeColours.grey.light['500'],\n 'stroke-inverse-weak': primativeColours.grey.light['100'],\n 'stroke-inverse-disabled': primativeColours.grey.light['100'],\n },\n icon: {\n 'icon-strong': primativeColours.grey.dark['500'],\n 'icon-primary': primativeColours.primary.dark['800'],\n 'icon-disabled': primativeColours.grey.dark['100'],\n 'icon-error': primativeColours.red.dark['800'],\n 'icon-warning': primativeColours.amber.dark['800'],\n 'icon-success': primativeColours.green.dark['800'],\n 'icon-information': primativeColours.purple.dark['800'],\n 'icon-ai': primativeColours.purple.dark['800'],\n 'icon-inverse': primativeColours.grey.light['500'],\n 'icon-inverse-strong': primativeColours.grey.light['1000'],\n 'icon-inverse-disabled': primativeColours.grey.light['100'],\n },\n fill: {\n 'fill-strong': primativeColours.grey.dark['1000'],\n 'fill-weak': primativeColours.grey.dark['50'],\n 'fill-weaker': primativeColours.grey.dark['25'],\n 'fill-hover': primativeColours.grey.dark['50'],\n 'fill-press': primativeColours.grey.dark['100'],\n 'fill-selected': primativeColours.primary.dark['1000'],\n 'fill-disabled': primativeColours.grey.dark['100'],\n 'fill-overlay': primativeColours.grey.dark['500'],\n 'fill-primary-strong': primativeColours.primary.dark['1000'],\n 'fill-primary-weak': primativeColours.primary.dark['50'],\n 'fill-secondary': primativeColours.secondary.dark['1000'],\n 'fill-tertiary': primativeColours.tertiary.dark['1000'],\n 'fill-error-strong': primativeColours.red.dark['1000'],\n 'fill-error-weak': primativeColours.red.dark['50'],\n 'fill-warning-strong': primativeColours.amber.dark['1000'],\n 'fill-warning-weak': primativeColours.amber.dark['50'],\n 'fill-success-strong': primativeColours.green.dark['1000'],\n 'fill-success-weak': primativeColours.green.dark['50'],\n 'fill-information-strong': primativeColours.purple.dark['1000'],\n 'fill-information-weak': primativeColours.purple.dark['50'],\n 'fill-ai-weak': primativeColours.purple.dark['50'],\n 'fill-inverse-strong': primativeColours.solid.grey['900'],\n 'fill-inverse-weak': primativeColours.grey.light['50'],\n 'fill-inverse-hover': primativeColours.grey.light['50'],\n 'fill-inverse-press': primativeColours.grey.light['100'],\n 'fill-inverse-disabled': primativeColours.grey.light['100'],\n 'fill-flipdishlogo': primativeColours.solid.grey['0'],\n 'fill-black': primativeColours.solid.grey['1000'],\n 'fill-white': primativeColours.solid.grey['0'],\n 'fill-yellow': primativeColours.solid.yellow['1000'],\n 'fill-lightgrey': primativeColours.solid.lightGrey['1000'],\n 'fill-lime': primativeColours.solid.lime['1000'],\n 'fill-pink': primativeColours.solid.pink['1000'],\n },\n background: {\n 'background-base': primativeColours.solid.grey['900'],\n 'background-raised': primativeColours.solid.grey['850'],\n 'background-overlay': primativeColours.solid.grey['800'],\n 'background-sunken': primativeColours.solid.grey['1000'],\n 'background-alternate': primativeColours.solid.lightGrey['1000'],\n 'background-primary': primativeColours.primary.dark['1000'],\n 'background-secondary': primativeColours.secondary.dark['1000'],\n 'background-tertiary': primativeColours.tertiary.dark['1000'],\n 'background-inverse': primativeColours.solid.grey['0'],\n },\n shadow: {\n 'shadow-strong': primativeColours.greyShadow['150'],\n 'shadow-weak': primativeColours.greyShadow['100'],\n },\n },\n} as const satisfies NonNullable<ThemeOptions['palette']>;\n"],"names":["lightColours","mode","success","main","primativeColours","green","light","error","red","warning","solid","yellow","semantic","text","grey","primary","amber","purple","dark","stroke","secondary","tertiary","icon","fill","lightGrey","lime","pink","background","shadow","greyShadow","darkColours","default"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"semantic.js","sources":["../../../../src/themes/tokens/colours/semantic.ts"],"sourcesContent":["import type { ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { primativeColours } from './primitives';\n\nexport const lightColours = {\n mode: 'light',\n // Status colours\n success: {\n main: primativeColours.green.light['1000'],\n },\n error: {\n main: primativeColours.red.light['1000'],\n },\n warning: {\n main: primativeColours.solid.yellow['1000'],\n },\n // Colour tokens (semantic colours) are a way of naming and organising primitive colours based on how they're used.\n semantic: {\n text: {\n 'text-strong': primativeColours.grey.light['1000'],\n 'text-weak': primativeColours.grey.light['700'],\n 'text-primary': primativeColours.primary.light['1000'],\n 'text-disabled': primativeColours.grey.light['100'],\n 'text-error': primativeColours.red.light['1000'],\n 'text-warning': primativeColours.amber.light['1000'],\n 'text-success': primativeColours.green.light['1000'],\n 'text-ai': primativeColours.purple.light['1000'],\n 'text-inverse-strong': primativeColours.grey.dark['1000'],\n 'text-inverse-weak': primativeColours.grey.dark['700'],\n 'text-inverse-disabled': primativeColours.grey.dark['100'],\n },\n stroke: {\n 'stroke-strong': primativeColours.grey.light['500'],\n 'stroke-weak': primativeColours.grey.light['100'],\n 'stroke-selected': primativeColours.primary.light['1000'],\n 'stroke-focus': primativeColours.primary.light['1000'],\n 'stroke-disabled': primativeColours.grey.light['100'],\n 'stroke-primary-strong': primativeColours.primary.light['800'],\n 'stroke-primary-weak': primativeColours.primary.light['200'],\n 'stroke-secondary': primativeColours.secondary.light['1000'],\n 'stroke-tertiary': primativeColours.tertiary.light['1000'],\n 'stroke-error-strong': primativeColours.red.light['800'],\n 'stroke-error-weak': primativeColours.red.light['200'],\n 'stroke-warning-strong': primativeColours.amber.light['800'],\n 'stroke-warning-weak': primativeColours.amber.light['200'],\n 'stroke-success-strong': primativeColours.green.light['800'],\n 'stroke-success-weak': primativeColours.green.light['200'],\n 'stroke-ai-strong': primativeColours.purple.light['800'],\n 'stroke-ai-weak': primativeColours.purple.light['200'],\n 'stroke-inverse-strong': primativeColours.grey.dark['500'],\n 'stroke-inverse-weak': primativeColours.grey.dark['100'],\n 'stroke-inverse-disabled': primativeColours.grey.dark['100'],\n },\n icon: {\n 'icon-strong': primativeColours.grey.light['500'],\n 'icon-primary': primativeColours.primary.light['800'],\n 'icon-disabled': primativeColours.grey.light['100'],\n 'icon-error': primativeColours.red.light['800'],\n 'icon-warning': primativeColours.amber.light['800'],\n 'icon-success': primativeColours.green.light['800'],\n 'icon-ai': primativeColours.purple.light['800'],\n 'icon-inverse': primativeColours.grey.dark['500'],\n 'icon-inverse-strong': primativeColours.grey.dark['1000'],\n 'icon-inverse-disabled': primativeColours.grey.dark['100'],\n },\n fill: {\n 'fill-strong': primativeColours.grey.light['1000'],\n 'fill-weak': primativeColours.grey.light['50'],\n 'fill-weaker': primativeColours.grey.light['25'],\n 'fill-hover': primativeColours.grey.light['50'],\n 'fill-press': primativeColours.grey.light['100'],\n 'fill-selected': primativeColours.primary.light['1000'],\n 'fill-disabled': primativeColours.grey.light['100'],\n 'fill-overlay': primativeColours.grey.light['500'],\n 'fill-primary-strong': primativeColours.primary.light['1000'],\n 'fill-primary-weak': primativeColours.primary.light['50'],\n 'fill-secondary': primativeColours.secondary.light['1000'],\n 'fill-tertiary': primativeColours.tertiary.light['1000'],\n 'fill-error-strong': primativeColours.red.light['1000'],\n 'fill-error-weak': primativeColours.red.light['50'],\n 'fill-warning-strong': primativeColours.amber.light['1000'],\n 'fill-warning-weak': primativeColours.amber.light['50'],\n 'fill-success-strong': primativeColours.green.light['1000'],\n 'fill-success-weak': primativeColours.green.light['50'],\n 'fill-ai-strong': primativeColours.purple.light['1000'],\n 'fill-ai-weak': primativeColours.purple.light['50'],\n 'fill-inverse-strong': primativeColours.solid.grey['0'],\n 'fill-inverse-weak': primativeColours.grey.dark['50'],\n 'fill-inverse-hover': primativeColours.grey.dark['50'],\n 'fill-inverse-press': primativeColours.grey.dark['100'],\n 'fill-inverse-disabled': primativeColours.grey.dark['100'],\n 'fill-flipdishlogo': primativeColours.solid.grey['1000'],\n 'fill-black': primativeColours.solid.grey['1000'],\n 'fill-white': primativeColours.solid.grey['0'],\n 'fill-yellow': primativeColours.solid.yellow['1000'],\n 'fill-lightgrey': primativeColours.solid.lightGrey['1000'],\n 'fill-lime': primativeColours.solid.lime['1000'],\n 'fill-pink': primativeColours.solid.pink['1000'],\n },\n background: {\n 'background-base': primativeColours.solid.grey['0'],\n 'background-raised': primativeColours.solid.grey['0'],\n 'background-overlay': primativeColours.solid.grey['0'],\n 'background-sunken': primativeColours.solid.grey['50'],\n 'background-alternate': primativeColours.solid.lightGrey['1000'],\n 'background-primary': primativeColours.primary.light['1000'],\n 'background-secondary': primativeColours.secondary.light['1000'],\n 'background-tertiary': primativeColours.tertiary.light['1000'],\n 'background-inverse': primativeColours.solid.grey['900'],\n },\n shadow: {\n 'shadow-strong': primativeColours.greyShadow['150'],\n 'shadow-weak': primativeColours.greyShadow['100'],\n },\n },\n} as const satisfies NonNullable<ThemeOptions['palette']>;\n\nexport const darkColours = {\n mode: 'dark',\n background: {\n default: primativeColours.solid.grey['900'],\n },\n\n // Status colours\n success: {\n main: primativeColours.green.dark['1000'],\n },\n error: {\n main: primativeColours.red.dark['1000'],\n },\n warning: {\n main: primativeColours.solid.yellow['1000'],\n },\n // Colour tokens (semantic colours) are a way of naming and organising primitive colours based on how they're used.\n semantic: {\n text: {\n 'text-strong': primativeColours.grey.dark['1000'],\n 'text-weak': primativeColours.grey.dark['700'],\n 'text-primary': primativeColours.primary.dark['1000'],\n 'text-disabled': primativeColours.grey.dark['100'],\n 'text-error': primativeColours.red.dark['1000'],\n 'text-warning': primativeColours.amber.dark['1000'],\n 'text-success': primativeColours.green.dark['1000'],\n 'text-ai': primativeColours.purple.dark['1000'],\n 'text-inverse-strong': primativeColours.grey.light['1000'],\n 'text-inverse-weak': primativeColours.grey.light['700'],\n 'text-inverse-disabled': primativeColours.grey.light['100'],\n },\n stroke: {\n 'stroke-strong': primativeColours.grey.dark['500'],\n 'stroke-weak': primativeColours.grey.dark['100'],\n 'stroke-selected': primativeColours.primary.dark['1000'],\n 'stroke-focus': primativeColours.primary.dark['1000'],\n 'stroke-disabled': primativeColours.grey.dark['100'],\n 'stroke-primary-strong': primativeColours.primary.dark['800'],\n 'stroke-primary-weak': primativeColours.primary.dark['200'],\n 'stroke-secondary': primativeColours.secondary.dark['1000'],\n 'stroke-tertiary': primativeColours.tertiary.dark['1000'],\n 'stroke-error-strong': primativeColours.red.dark['800'],\n 'stroke-error-weak': primativeColours.red.dark['200'],\n 'stroke-warning-strong': primativeColours.amber.dark['800'],\n 'stroke-warning-weak': primativeColours.amber.dark['200'],\n 'stroke-success-strong': primativeColours.green.dark['800'],\n 'stroke-success-weak': primativeColours.green.dark['200'],\n 'stroke-ai-strong': primativeColours.purple.dark['800'],\n 'stroke-ai-weak': primativeColours.purple.dark['200'],\n 'stroke-inverse-strong': primativeColours.grey.light['500'],\n 'stroke-inverse-weak': primativeColours.grey.light['100'],\n 'stroke-inverse-disabled': primativeColours.grey.light['100'],\n },\n icon: {\n 'icon-strong': primativeColours.grey.dark['500'],\n 'icon-primary': primativeColours.primary.dark['800'],\n 'icon-disabled': primativeColours.grey.dark['100'],\n 'icon-error': primativeColours.red.dark['800'],\n 'icon-warning': primativeColours.amber.dark['800'],\n 'icon-success': primativeColours.green.dark['800'],\n 'icon-ai': primativeColours.purple.dark['800'],\n 'icon-inverse': primativeColours.grey.light['500'],\n 'icon-inverse-strong': primativeColours.grey.light['1000'],\n 'icon-inverse-disabled': primativeColours.grey.light['100'],\n },\n fill: {\n 'fill-strong': primativeColours.grey.dark['1000'],\n 'fill-weak': primativeColours.grey.dark['50'],\n 'fill-weaker': primativeColours.grey.dark['25'],\n 'fill-hover': primativeColours.grey.dark['50'],\n 'fill-press': primativeColours.grey.dark['100'],\n 'fill-selected': primativeColours.primary.dark['1000'],\n 'fill-disabled': primativeColours.grey.dark['100'],\n 'fill-overlay': primativeColours.grey.dark['500'],\n 'fill-primary-strong': primativeColours.primary.dark['1000'],\n 'fill-primary-weak': primativeColours.primary.dark['50'],\n 'fill-secondary': primativeColours.secondary.dark['1000'],\n 'fill-tertiary': primativeColours.tertiary.dark['1000'],\n 'fill-error-strong': primativeColours.red.dark['1000'],\n 'fill-error-weak': primativeColours.red.dark['50'],\n 'fill-warning-strong': primativeColours.amber.dark['1000'],\n 'fill-warning-weak': primativeColours.amber.dark['50'],\n 'fill-success-strong': primativeColours.green.dark['1000'],\n 'fill-success-weak': primativeColours.green.dark['50'],\n 'fill-ai-strong': primativeColours.purple.dark['1000'],\n 'fill-ai-weak': primativeColours.purple.dark['50'],\n 'fill-inverse-strong': primativeColours.solid.grey['900'],\n 'fill-inverse-weak': primativeColours.grey.light['50'],\n 'fill-inverse-hover': primativeColours.grey.light['50'],\n 'fill-inverse-press': primativeColours.grey.light['100'],\n 'fill-inverse-disabled': primativeColours.grey.light['100'],\n 'fill-flipdishlogo': primativeColours.solid.grey['0'],\n 'fill-black': primativeColours.solid.grey['1000'],\n 'fill-white': primativeColours.solid.grey['0'],\n 'fill-yellow': primativeColours.solid.yellow['1000'],\n 'fill-lightgrey': primativeColours.solid.lightGrey['1000'],\n 'fill-lime': primativeColours.solid.lime['1000'],\n 'fill-pink': primativeColours.solid.pink['1000'],\n },\n background: {\n 'background-base': primativeColours.solid.grey['900'],\n 'background-raised': primativeColours.solid.grey['850'],\n 'background-overlay': primativeColours.solid.grey['800'],\n 'background-sunken': primativeColours.solid.grey['1000'],\n 'background-alternate': primativeColours.solid.lightGrey['1000'],\n 'background-primary': primativeColours.primary.dark['1000'],\n 'background-secondary': primativeColours.secondary.dark['1000'],\n 'background-tertiary': primativeColours.tertiary.dark['1000'],\n 'background-inverse': primativeColours.solid.grey['0'],\n },\n shadow: {\n 'shadow-strong': primativeColours.greyShadow['150'],\n 'shadow-weak': primativeColours.greyShadow['100'],\n },\n },\n} as const satisfies NonNullable<ThemeOptions['palette']>;\n"],"names":["lightColours","mode","success","main","primativeColours","green","light","error","red","warning","solid","yellow","semantic","text","grey","primary","amber","purple","dark","stroke","secondary","tertiary","icon","fill","lightGrey","lime","pink","background","shadow","greyShadow","darkColours","default"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var i=require("react/jsx-runtime");require("react");var r=require("@mui/material/Box"),e=require("@mui/material/Stack"),s=require("@mui/material/Typography"),a=require("./radius.cjs.js");const n=({radiusToken:n})=>i.jsxs(e,{alignItems:"center",direction:"row",spacing:2,children:[i.jsx(s,{sx:{fontFamily:"monospace",minWidth:"120px"},children:n}),i.jsx(s,{color:"text.secondary",sx:{minWidth:"50px"},children:a.radius[n]}),i.jsx(r,{sx:{bgcolor:"primary.main",borderRadius:a.radius[n],height:"40px",width:"200px",display:"flex",justifyContent:"center",alignItems:"center"},children:i.jsx(s,{color:"white",sx:{fontFamily:"monospace"},children:a.radius[n]})})]});exports.RadiusVisualizer=()=>i.jsx(e,{spacing:3,children:i.jsx(e,{spacing:2,children:Object.keys(a.radius).map(r=>i.jsx(n,{radiusToken:r},r))})});
|
|
2
|
+
//# sourceMappingURL=RadiusVisualizer.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadiusVisualizer.cjs.js","sources":["../../../../src/themes/tokens/radius/RadiusVisualizer.tsx"],"sourcesContent":["import React from 'react';\n\nimport Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport { radius, type RadiusToken } from './radius';\n\nconst RadiusRow = ({ radiusToken }: { radiusToken: RadiusToken }): React.ReactElement => (\n <Stack alignItems=\"center\" direction=\"row\" spacing={2}>\n <Typography sx={{ fontFamily: 'monospace', minWidth: '120px' }}>{radiusToken}</Typography>\n <Typography color=\"text.secondary\" sx={{ minWidth: '50px' }}>\n {radius[radiusToken]}\n </Typography>\n <Box\n sx={{\n bgcolor: 'primary.main',\n borderRadius: radius[radiusToken],\n height: '40px',\n width: '200px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <Typography color=\"white\" sx={{ fontFamily: 'monospace' }}>\n {radius[radiusToken]}\n </Typography>\n </Box>\n </Stack>\n);\n\nexport const RadiusVisualizer = (): React.ReactElement => (\n <Stack spacing={3}>\n <Stack spacing={2}>\n {(Object.keys(radius) as RadiusToken[]).map((token) => (\n <RadiusRow key={token} radiusToken={token} />\n ))}\n </Stack>\n </Stack>\n);\n"],"names":["RadiusRow","radiusToken","_jsxs","Stack","alignItems","direction","spacing","children","_jsx","Typography","sx","fontFamily","minWidth","color","radius","Box","bgcolor","borderRadius","height","width","display","justifyContent","Object","keys","map","token"],"mappings":"wMAQA,MAAMA,EAAY,EAAGC,iBACnBC,EAAAA,KAACC,EAAK,CAACC,WAAW,SAASC,UAAU,MAAMC,QAAS,EAACC,SAAA,CACnDC,MAACC,EAAU,CAACC,GAAI,CAAEC,WAAY,YAAaC,SAAU,SAASL,SAAGN,IACjEO,EAAAA,IAACC,EAAU,CAACI,MAAM,iBAAiBH,GAAI,CAAEE,SAAU,QAAQL,SACxDO,EAAAA,OAAOb,KAEVO,EAAAA,IAACO,EAAG,CACFL,GAAI,CACFM,QAAS,eACTC,aAAcH,EAAAA,OAAOb,GACrBiB,OAAQ,OACRC,MAAO,QACPC,QAAS,OACTC,eAAgB,SAChBjB,WAAY,UACbG,SAEDC,EAAAA,IAACC,EAAU,CAACI,MAAM,QAAQH,GAAI,CAAEC,WAAY,aAAaJ,SACtDO,SAAOb,mCAMgB,IAC9BO,EAAAA,IAACL,EAAK,CAACG,QAAS,EAACC,SACfC,EAAAA,IAACL,EAAK,CAACG,QAAS,EAACC,SACbe,OAAOC,KAAKT,EAAAA,QAA0BU,IAAKC,GAC3CjB,EAAAA,IAACR,GAAsBC,YAAawB,GAApBA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as i,jsxs as r}from"react/jsx-runtime";import"react";import e from"@mui/material/Box";import o from"@mui/material/Stack";import t from"@mui/material/Typography";import{radius as n}from"./radius.js";const m=({radiusToken:m})=>r(o,{alignItems:"center",direction:"row",spacing:2,children:[i(t,{sx:{fontFamily:"monospace",minWidth:"120px"},children:m}),i(t,{color:"text.secondary",sx:{minWidth:"50px"},children:n[m]}),i(e,{sx:{bgcolor:"primary.main",borderRadius:n[m],height:"40px",width:"200px",display:"flex",justifyContent:"center",alignItems:"center"},children:i(t,{color:"white",sx:{fontFamily:"monospace"},children:n[m]})})]}),a=()=>i(o,{spacing:3,children:i(o,{spacing:2,children:Object.keys(n).map(r=>i(m,{radiusToken:r},r))})});export{a as RadiusVisualizer};
|
|
2
|
+
//# sourceMappingURL=RadiusVisualizer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadiusVisualizer.js","sources":["../../../../src/themes/tokens/radius/RadiusVisualizer.tsx"],"sourcesContent":["import React from 'react';\n\nimport Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport { radius, type RadiusToken } from './radius';\n\nconst RadiusRow = ({ radiusToken }: { radiusToken: RadiusToken }): React.ReactElement => (\n <Stack alignItems=\"center\" direction=\"row\" spacing={2}>\n <Typography sx={{ fontFamily: 'monospace', minWidth: '120px' }}>{radiusToken}</Typography>\n <Typography color=\"text.secondary\" sx={{ minWidth: '50px' }}>\n {radius[radiusToken]}\n </Typography>\n <Box\n sx={{\n bgcolor: 'primary.main',\n borderRadius: radius[radiusToken],\n height: '40px',\n width: '200px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <Typography color=\"white\" sx={{ fontFamily: 'monospace' }}>\n {radius[radiusToken]}\n </Typography>\n </Box>\n </Stack>\n);\n\nexport const RadiusVisualizer = (): React.ReactElement => (\n <Stack spacing={3}>\n <Stack spacing={2}>\n {(Object.keys(radius) as RadiusToken[]).map((token) => (\n <RadiusRow key={token} radiusToken={token} />\n ))}\n </Stack>\n </Stack>\n);\n"],"names":["RadiusRow","radiusToken","_jsxs","Stack","alignItems","direction","spacing","children","_jsx","Typography","sx","fontFamily","minWidth","color","radius","Box","bgcolor","borderRadius","height","width","display","justifyContent","RadiusVisualizer","Object","keys","map","token"],"mappings":"iNAQA,MAAMA,EAAY,EAAGC,iBACnBC,EAACC,EAAK,CAACC,WAAW,SAASC,UAAU,MAAMC,QAAS,EAACC,SAAA,CACnDC,EAACC,EAAU,CAACC,GAAI,CAAEC,WAAY,YAAaC,SAAU,SAASL,SAAGN,IACjEO,EAACC,EAAU,CAACI,MAAM,iBAAiBH,GAAI,CAAEE,SAAU,QAAQL,SACxDO,EAAOb,KAEVO,EAACO,EAAG,CACFL,GAAI,CACFM,QAAS,eACTC,aAAcH,EAAOb,GACrBiB,OAAQ,OACRC,MAAO,QACPC,QAAS,OACTC,eAAgB,SAChBjB,WAAY,UACbG,SAEDC,EAACC,EAAU,CAACI,MAAM,QAAQH,GAAI,CAAEC,WAAY,aAAaJ,SACtDO,EAAOb,UAMHqB,EAAmB,IAC9Bd,EAACL,EAAK,CAACG,QAAS,EAACC,SACfC,EAACL,EAAK,CAACG,QAAS,EAACC,SACbgB,OAAOC,KAAKV,GAA0BW,IAAKC,GAC3ClB,EAACR,GAAsBC,YAAayB,GAApBA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var r=require("react/jsx-runtime");require("react");var a=require("@mui/material/Box"),s=require("@mui/material/Typography"),e=require("./shadows.cjs.js");exports.ShadowsVisualizer=()=>r.jsx(a,{sx:{maxWidth:600,p:3},children:r.jsxs(a,{sx:{display:"grid",gap:3,gridTemplateColumns:"1fr"},children:[r.jsxs(a,{sx:{boxShadow:e.shadows.base,p:2,mb:2,bgcolor:"background.paper",borderRadius:2},children:[r.jsx(s,{variant:"h6",children:"Base (none)"}),r.jsx(s,{color:"text.secondary",variant:"body2",children:"No shadow"})]}),r.jsxs(a,{sx:{boxShadow:e.shadows.sunken,p:2,mb:2,bgcolor:"background.paper",borderRadius:2},children:[r.jsx(s,{variant:"h6",children:"Sunken"}),r.jsx(s,{color:"text.secondary",variant:"body2",children:e.shadows.sunken})]}),r.jsxs(a,{sx:{boxShadow:e.shadows.raised,p:2,mb:2,bgcolor:"background.paper",borderRadius:2},children:[r.jsx(s,{variant:"h6",children:"Raised"}),r.jsx(s,{color:"text.secondary",variant:"body2",children:e.shadows.raised})]}),r.jsxs(a,{sx:{boxShadow:e.shadows.overlay,p:2,mb:2,bgcolor:"background.paper",borderRadius:2},children:[r.jsx(s,{variant:"h6",children:"Overlay"}),r.jsx(s,{color:"text.secondary",variant:"body2",children:e.shadows.overlay})]})]})});
|
|
2
|
+
//# sourceMappingURL=ShadowsVisualizer.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShadowsVisualizer.cjs.js","sources":["../../../../src/themes/tokens/shadows/ShadowsVisualizer.tsx"],"sourcesContent":["import React from 'react';\n\nimport Box from '../../../components/atoms/Box';\nimport Typography from '../../../components/atoms/Typography';\nimport { shadows } from './shadows';\n\nexport const ShadowsVisualizer = (): React.ReactElement => (\n <Box sx={{ maxWidth: 600, p: 3 }}>\n <Box sx={{ display: 'grid', gap: 3, gridTemplateColumns: '1fr' }}>\n <Box sx={{ boxShadow: shadows.base, p: 2, mb: 2, bgcolor: 'background.paper', borderRadius: 2 }}>\n <Typography variant=\"h6\">Base (none)</Typography>\n <Typography color=\"text.secondary\" variant=\"body2\">\n No shadow\n </Typography>\n </Box>\n <Box sx={{ boxShadow: shadows.sunken, p: 2, mb: 2, bgcolor: 'background.paper', borderRadius: 2 }}>\n <Typography variant=\"h6\">Sunken</Typography>\n <Typography color=\"text.secondary\" variant=\"body2\">\n {shadows.sunken}\n </Typography>\n </Box>\n <Box sx={{ boxShadow: shadows.raised, p: 2, mb: 2, bgcolor: 'background.paper', borderRadius: 2 }}>\n <Typography variant=\"h6\">Raised</Typography>\n <Typography color=\"text.secondary\" variant=\"body2\">\n {shadows.raised}\n </Typography>\n </Box>\n <Box sx={{ boxShadow: shadows.overlay, p: 2, mb: 2, bgcolor: 'background.paper', borderRadius: 2 }}>\n <Typography variant=\"h6\">Overlay</Typography>\n <Typography color=\"text.secondary\" variant=\"body2\">\n {shadows.overlay}\n </Typography>\n </Box>\n </Box>\n </Box>\n);\n"],"names":["_jsx","Box","sx","maxWidth","p","children","_jsxs","display","gap","gridTemplateColumns","boxShadow","shadows","base","mb","bgcolor","borderRadius","Typography","variant","color","sunken","raised","overlay"],"mappings":"kMAMiC,IAC/BA,EAAAA,IAACC,EAAG,CAACC,GAAI,CAAEC,SAAU,IAAKC,EAAG,GAAGC,SAC9BC,EAAAA,KAACL,EAAG,CAACC,GAAI,CAAEK,QAAS,OAAQC,IAAK,EAAGC,oBAAqB,OAAOJ,SAAA,CAC9DC,EAAAA,KAACL,EAAG,CAACC,GAAI,CAAEQ,UAAWC,EAAAA,QAAQC,KAAMR,EAAG,EAAGS,GAAI,EAAGC,QAAS,mBAAoBC,aAAc,GAAGV,SAAA,CAC7FL,MAACgB,EAAU,CAACC,QAAQ,KAAIZ,SAAA,gBACxBL,MAACgB,EAAU,CAACE,MAAM,iBAAiBD,QAAQ,QAAOZ,SAAA,iBAIpDC,OAACL,EAAG,CAACC,GAAI,CAAEQ,UAAWC,EAAAA,QAAQQ,OAAQf,EAAG,EAAGS,GAAI,EAAGC,QAAS,mBAAoBC,aAAc,GAAGV,SAAA,CAC/FL,EAAAA,IAACgB,EAAU,CAACC,QAAQ,KAAIZ,SAAA,WACxBL,MAACgB,EAAU,CAACE,MAAM,iBAAiBD,QAAQ,QAAOZ,SAC/CM,UAAQQ,YAGbb,EAAAA,KAACL,EAAG,CAACC,GAAI,CAAEQ,UAAWC,EAAAA,QAAQS,OAAQhB,EAAG,EAAGS,GAAI,EAAGC,QAAS,mBAAoBC,aAAc,GAAGV,SAAA,CAC/FL,MAACgB,EAAU,CAACC,QAAQ,KAAIZ,SAAA,WACxBL,EAAAA,IAACgB,EAAU,CAACE,MAAM,iBAAiBD,QAAQ,QAAOZ,SAC/CM,EAAAA,QAAQS,YAGbd,EAAAA,KAACL,EAAG,CAACC,GAAI,CAAEQ,UAAWC,UAAQU,QAASjB,EAAG,EAAGS,GAAI,EAAGC,QAAS,mBAAoBC,aAAc,GAAGV,SAAA,CAChGL,EAAAA,IAACgB,EAAU,CAACC,QAAQ,KAAIZ,SAAA,YACxBL,EAAAA,IAACgB,EAAU,CAACE,MAAM,iBAAiBD,QAAQ,QAAOZ,SAC/CM,UAAQU"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as r,jsxs as o}from"react/jsx-runtime";import"react";import a from"@mui/material/Box";import e from"@mui/material/Typography";import{shadows as d}from"./shadows.js";const i=()=>r(a,{sx:{maxWidth:600,p:3},children:o(a,{sx:{display:"grid",gap:3,gridTemplateColumns:"1fr"},children:[o(a,{sx:{boxShadow:d.base,p:2,mb:2,bgcolor:"background.paper",borderRadius:2},children:[r(e,{variant:"h6",children:"Base (none)"}),r(e,{color:"text.secondary",variant:"body2",children:"No shadow"})]}),o(a,{sx:{boxShadow:d.sunken,p:2,mb:2,bgcolor:"background.paper",borderRadius:2},children:[r(e,{variant:"h6",children:"Sunken"}),r(e,{color:"text.secondary",variant:"body2",children:d.sunken})]}),o(a,{sx:{boxShadow:d.raised,p:2,mb:2,bgcolor:"background.paper",borderRadius:2},children:[r(e,{variant:"h6",children:"Raised"}),r(e,{color:"text.secondary",variant:"body2",children:d.raised})]}),o(a,{sx:{boxShadow:d.overlay,p:2,mb:2,bgcolor:"background.paper",borderRadius:2},children:[r(e,{variant:"h6",children:"Overlay"}),r(e,{color:"text.secondary",variant:"body2",children:d.overlay})]})]})});export{i as ShadowsVisualizer};
|
|
2
|
+
//# sourceMappingURL=ShadowsVisualizer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShadowsVisualizer.js","sources":["../../../../src/themes/tokens/shadows/ShadowsVisualizer.tsx"],"sourcesContent":["import React from 'react';\n\nimport Box from '../../../components/atoms/Box';\nimport Typography from '../../../components/atoms/Typography';\nimport { shadows } from './shadows';\n\nexport const ShadowsVisualizer = (): React.ReactElement => (\n <Box sx={{ maxWidth: 600, p: 3 }}>\n <Box sx={{ display: 'grid', gap: 3, gridTemplateColumns: '1fr' }}>\n <Box sx={{ boxShadow: shadows.base, p: 2, mb: 2, bgcolor: 'background.paper', borderRadius: 2 }}>\n <Typography variant=\"h6\">Base (none)</Typography>\n <Typography color=\"text.secondary\" variant=\"body2\">\n No shadow\n </Typography>\n </Box>\n <Box sx={{ boxShadow: shadows.sunken, p: 2, mb: 2, bgcolor: 'background.paper', borderRadius: 2 }}>\n <Typography variant=\"h6\">Sunken</Typography>\n <Typography color=\"text.secondary\" variant=\"body2\">\n {shadows.sunken}\n </Typography>\n </Box>\n <Box sx={{ boxShadow: shadows.raised, p: 2, mb: 2, bgcolor: 'background.paper', borderRadius: 2 }}>\n <Typography variant=\"h6\">Raised</Typography>\n <Typography color=\"text.secondary\" variant=\"body2\">\n {shadows.raised}\n </Typography>\n </Box>\n <Box sx={{ boxShadow: shadows.overlay, p: 2, mb: 2, bgcolor: 'background.paper', borderRadius: 2 }}>\n <Typography variant=\"h6\">Overlay</Typography>\n <Typography color=\"text.secondary\" variant=\"body2\">\n {shadows.overlay}\n </Typography>\n </Box>\n </Box>\n </Box>\n);\n"],"names":["ShadowsVisualizer","_jsx","Box","sx","maxWidth","p","children","_jsxs","display","gap","gridTemplateColumns","boxShadow","shadows","base","mb","bgcolor","borderRadius","Typography","variant","color","sunken","raised","overlay"],"mappings":"gLAMO,MAAMA,EAAoB,IAC/BC,EAACC,EAAG,CAACC,GAAI,CAAEC,SAAU,IAAKC,EAAG,GAAGC,SAC9BC,EAACL,EAAG,CAACC,GAAI,CAAEK,QAAS,OAAQC,IAAK,EAAGC,oBAAqB,OAAOJ,SAAA,CAC9DC,EAACL,EAAG,CAACC,GAAI,CAAEQ,UAAWC,EAAQC,KAAMR,EAAG,EAAGS,GAAI,EAAGC,QAAS,mBAAoBC,aAAc,GAAGV,SAAA,CAC7FL,EAACgB,EAAU,CAACC,QAAQ,KAAIZ,SAAA,gBACxBL,EAACgB,EAAU,CAACE,MAAM,iBAAiBD,QAAQ,QAAOZ,SAAA,iBAIpDC,EAACL,EAAG,CAACC,GAAI,CAAEQ,UAAWC,EAAQQ,OAAQf,EAAG,EAAGS,GAAI,EAAGC,QAAS,mBAAoBC,aAAc,GAAGV,SAAA,CAC/FL,EAACgB,EAAU,CAACC,QAAQ,KAAIZ,SAAA,WACxBL,EAACgB,EAAU,CAACE,MAAM,iBAAiBD,QAAQ,QAAOZ,SAC/CM,EAAQQ,YAGbb,EAACL,EAAG,CAACC,GAAI,CAAEQ,UAAWC,EAAQS,OAAQhB,EAAG,EAAGS,GAAI,EAAGC,QAAS,mBAAoBC,aAAc,GAAGV,SAAA,CAC/FL,EAACgB,EAAU,CAACC,QAAQ,KAAIZ,SAAA,WACxBL,EAACgB,EAAU,CAACE,MAAM,iBAAiBD,QAAQ,QAAOZ,SAC/CM,EAAQS,YAGbd,EAACL,EAAG,CAACC,GAAI,CAAEQ,UAAWC,EAAQU,QAASjB,EAAG,EAAGS,GAAI,EAAGC,QAAS,mBAAoBC,aAAc,GAAGV,SAAA,CAChGL,EAACgB,EAAU,CAACC,QAAQ,KAAIZ,SAAA,YACxBL,EAACgB,EAAU,CAACE,MAAM,iBAAiBD,QAAQ,QAAOZ,SAC/CM,EAAQU"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");require("react");var i=require("@mui/material/Box"),n=require("@mui/material/Stack"),s=require("@mui/material/styles"),a=require("@mui/material/Typography"),r=require("./spacing.cjs.js");const t=s.styled(i)(({theme:e})=>({backgroundColor:e.palette.primary.main,height:"24px"})),c=s.styled(a)(({theme:e})=>({color:e.palette.text.secondary,fontWeight:600,fontSize:"0.875rem",padding:e.spacing(1,2)})),p=s.styled(a)(({theme:e})=>({fontFamily:"monospace",padding:e.spacing(1,2),whiteSpace:"pre"})),d=s.styled(i)(({theme:e})=>({display:"grid",gridTemplateColumns:"200px 120px 80px 1fr",alignItems:"center",gap:e.spacing(.5)})),o=({token:i,value:n})=>{const s=parseInt(i.split("-")[1]??"0"),a=s/8,r=Number.isInteger(a)?a:a.toFixed(1);return e.jsxs(d,{children:[e.jsxs(p,{children:["theme.spacing(",r,")"]}),e.jsx(p,{children:i}),e.jsx(p,{children:n}),e.jsx(t,{width:s})]})};exports.SpacingTokenTable=()=>e.jsxs(n,{spacing:4,children:[e.jsx(n,{spacing:1,children:e.jsx(a,{color:"text.secondary",sx:{maxWidth:"600px"},variant:"body2",children:"MUI's spacing unit is 8px by default. To use these values with theme.spacing, divide the pixel value by 8. For example, spacing-32 (32px) would be theme.spacing(4)."})}),e.jsxs(i,{children:[e.jsxs(d,{sx:{mb:2},children:[e.jsx(c,{children:"Design token"}),e.jsx(c,{children:"Figma token"}),e.jsx(c,{children:"Size"}),e.jsx(c,{children:"Spacer"})]}),Object.entries(r.spacing).map(([i,n])=>e.jsx(o,{token:i,value:n},i))]})]}),exports.SpacingUsageExample=()=>e.jsxs(n,{spacing:2,children:[e.jsxs(n,{spacing:1,children:[e.jsxs(a,{component:"div",variant:"body2",children:[e.jsx("code",{children:"theme.spacing(2)"})," = 16px (spacing-16)"]}),e.jsxs(a,{component:"div",variant:"body2",children:[e.jsx("code",{children:"theme.spacing(3)"})," = 24px (spacing-24)"]}),e.jsxs(a,{component:"div",variant:"body2",children:[e.jsx("code",{children:"theme.spacing(4)"})," = 32px (spacing-32)"]})]}),e.jsx(i,{sx:{bgcolor:"background.paper",p:2,borderRadius:1},children:e.jsx(a,{sx:{fontFamily:"monospace"},variant:"body2",children:"const Component = styled(Box)(({ theme }) => ({\n padding: theme.spacing(2), // 16px\n marginBottom: theme.spacing(3), // 24px\n gap: theme.spacing(1), // 8px\n}));"})})]});
|
|
2
|
+
//# sourceMappingURL=SpacingVisualizer.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpacingVisualizer.cjs.js","sources":["../../../../src/themes/tokens/spacing/SpacingVisualizer.tsx"],"sourcesContent":["import React from 'react';\n\nimport Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { spacing } from './spacing';\n\nconst SpacerBox = styled(Box)(({ theme }) => ({\n backgroundColor: theme.palette.primary.main,\n height: '24px',\n}));\n\nconst ColumnHeader = styled(Typography)(({ theme }) => ({\n color: theme.palette.text.secondary,\n fontWeight: 600,\n fontSize: '0.875rem',\n padding: theme.spacing(1, 2),\n}));\n\nconst Cell = styled(Typography)(({ theme }) => ({\n fontFamily: 'monospace',\n padding: theme.spacing(1, 2),\n whiteSpace: 'pre',\n}));\n\nconst GridContainer = styled(Box)(({ theme }) => ({\n display: 'grid',\n gridTemplateColumns: '200px 120px 80px 1fr',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n}));\n\nconst SpacingRow = ({ token, value }: { token: string; value: string }): React.ReactElement => {\n const numericValue = parseInt(token.split('-')[1] ?? '0');\n const spacingValue = numericValue / 8;\n const formattedSpacingValue = Number.isInteger(spacingValue) ? spacingValue : spacingValue.toFixed(1);\n\n return (\n <GridContainer>\n <Cell>theme.spacing({formattedSpacingValue})</Cell>\n <Cell>{token}</Cell>\n <Cell>{value}</Cell>\n <SpacerBox width={numericValue} />\n </GridContainer>\n );\n};\n\nexport const SpacingTokenTable = (): React.ReactElement => (\n <Stack spacing={4}>\n <Stack spacing={1}>\n <Typography color=\"text.secondary\" sx={{ maxWidth: '600px' }} variant=\"body2\">\n MUI's spacing unit is 8px by default. To use these values with theme.spacing, divide the pixel\n value by 8. For example, spacing-32 (32px) would be theme.spacing(4).\n </Typography>\n </Stack>\n <Box>\n <GridContainer sx={{ mb: 2 }}>\n <ColumnHeader>Design token</ColumnHeader>\n <ColumnHeader>Figma token</ColumnHeader>\n <ColumnHeader>Size</ColumnHeader>\n <ColumnHeader>Spacer</ColumnHeader>\n </GridContainer>\n {Object.entries(spacing).map(([token, value]) => (\n <SpacingRow key={token} token={token} value={value} />\n ))}\n </Box>\n </Stack>\n);\n\nexport const SpacingUsageExample = (): React.ReactElement => (\n <Stack spacing={2}>\n <Stack spacing={1}>\n <Typography component=\"div\" variant=\"body2\">\n <code>theme.spacing(2)</code> = 16px (spacing-16)\n </Typography>\n <Typography component=\"div\" variant=\"body2\">\n <code>theme.spacing(3)</code> = 24px (spacing-24)\n </Typography>\n <Typography component=\"div\" variant=\"body2\">\n <code>theme.spacing(4)</code> = 32px (spacing-32)\n </Typography>\n </Stack>\n <Box sx={{ bgcolor: 'background.paper', p: 2, borderRadius: 1 }}>\n <Typography sx={{ fontFamily: 'monospace' }} variant=\"body2\">\n {`const Component = styled(Box)(({ theme }) => ({\n padding: theme.spacing(2), // 16px\n marginBottom: theme.spacing(3), // 24px\n gap: theme.spacing(1), // 8px\n}));`}\n </Typography>\n </Box>\n </Stack>\n);\n"],"names":["SpacerBox","styled","Box","theme","backgroundColor","palette","primary","main","height","ColumnHeader","Typography","color","text","secondary","fontWeight","fontSize","padding","spacing","Cell","fontFamily","whiteSpace","GridContainer","display","gridTemplateColumns","alignItems","gap","SpacingRow","token","value","numericValue","parseInt","split","spacingValue","formattedSpacingValue","Number","isInteger","toFixed","_jsxs","children","_jsx","width","Stack","sx","maxWidth","variant","mb","Object","entries","map","component","bgcolor","p","borderRadius"],"mappings":"2OASA,MAAMA,EAAYC,EAAAA,OAAOC,EAAPD,CAAY,EAAGE,YAAO,CACtCC,gBAAiBD,EAAME,QAAQC,QAAQC,KACvCC,OAAQ,UAGJC,EAAeR,EAAAA,OAAOS,EAAPT,CAAmB,EAAGE,YAAO,CAChDQ,MAAOR,EAAME,QAAQO,KAAKC,UAC1BC,WAAY,IACZC,SAAU,WACVC,QAASb,EAAMc,QAAQ,EAAG,MAGtBC,EAAOjB,EAAAA,OAAOS,EAAPT,CAAmB,EAAGE,YAAO,CACxCgB,WAAY,YACZH,QAASb,EAAMc,QAAQ,EAAG,GAC1BG,WAAY,SAGRC,EAAgBpB,EAAAA,OAAOC,EAAPD,CAAY,EAAGE,YAAO,CAC1CmB,QAAS,OACTC,oBAAqB,uBACrBC,WAAY,SACZC,IAAKtB,EAAMc,QAAQ,OAGfS,EAAa,EAAGC,QAAOC,YAC3B,MAAMC,EAAeC,SAASH,EAAMI,MAAM,KAAK,IAAM,KAC/CC,EAAeH,EAAe,EAC9BI,EAAwBC,OAAOC,UAAUH,GAAgBA,EAAeA,EAAaI,QAAQ,GAEnG,OACEC,EAAAA,KAAChB,EAAa,CAAAiB,SAAA,CACZD,EAAAA,KAACnB,EAAI,CAAAoB,SAAA,CAAA,iBAAgBL,EAAqB,OAC1CM,EAAAA,IAACrB,YAAMS,IACPY,EAAAA,IAACrB,EAAI,CAAAoB,SAAEV,IACPW,EAAAA,IAACvC,EAAS,CAACwC,MAAOX,kCAKS,IAC/BQ,EAAAA,KAACI,EAAK,CAACxB,QAAS,EAACqB,SAAA,CACfC,EAAAA,IAACE,EAAK,CAACxB,QAAS,EAACqB,SACfC,MAAC7B,EAAU,CAACC,MAAM,iBAAiB+B,GAAI,CAAEC,SAAU,SAAWC,QAAQ,4LAKxEP,OAACnC,EAAG,CAAAoC,SAAA,CACFD,OAAChB,EAAa,CAACqB,GAAI,CAAEG,GAAI,GAAGP,SAAA,CAC1BC,MAAC9B,EAAY,CAAA6B,SAAA,iBACbC,EAAAA,IAAC9B,EAAY,CAAA6B,SAAA,gBACbC,EAAAA,IAAC9B,EAAY,CAAA6B,SAAA,SACbC,EAAAA,IAAC9B,EAAY,CAAA6B,SAAA,cAEdQ,OAAOC,QAAQ9B,EAAAA,SAAS+B,IAAI,EAAErB,EAAOC,KACpCW,MAACb,EAAU,CAAaC,MAAOA,EAAOC,MAAOA,GAA5BD,sCAMU,IACjCU,EAAAA,KAACI,GAAMxB,QAAS,EAACqB,SAAA,CACfD,EAAAA,KAACI,EAAK,CAACxB,QAAS,EAACqB,SAAA,CACfD,OAAC3B,EAAU,CAACuC,UAAU,MAAML,QAAQ,QAAON,SAAA,CACzCC,MAAA,OAAA,CAAAD,SAAA,qBAA6B,0BAE/BD,OAAC3B,EAAU,CAACuC,UAAU,MAAML,QAAQ,QAAON,SAAA,CACzCC,MAAA,OAAA,CAAAD,SAAA,qBAA6B,0BAE/BD,OAAC3B,GAAWuC,UAAU,MAAML,QAAQ,QAAON,SAAA,CACzCC,4CAA6B,6BAGjCA,EAAAA,IAACrC,GAAIwC,GAAI,CAAEQ,QAAS,mBAAoBC,EAAG,EAAGC,aAAc,GAAGd,SAC7DC,EAAAA,IAAC7B,EAAU,CAACgC,GAAI,CAAEvB,WAAY,aAAeyB,QAAQ,QAAON,SACzD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import"react";import n from"@mui/material/Box";import t from"@mui/material/Stack";import{styled as a}from"@mui/material/styles";import r from"@mui/material/Typography";import{spacing as p}from"./spacing.js";const c=a(n)(({theme:e})=>({backgroundColor:e.palette.primary.main,height:"24px"})),o=a(r)(({theme:e})=>({color:e.palette.text.secondary,fontWeight:600,fontSize:"0.875rem",padding:e.spacing(1,2)})),m=a(r)(({theme:e})=>({fontFamily:"monospace",padding:e.spacing(1,2),whiteSpace:"pre"})),d=a(n)(({theme:e})=>({display:"grid",gridTemplateColumns:"200px 120px 80px 1fr",alignItems:"center",gap:e.spacing(.5)})),s=({token:n,value:t})=>{const a=parseInt(n.split("-")[1]??"0"),r=a/8,p=Number.isInteger(r)?r:r.toFixed(1);return e(d,{children:[e(m,{children:["theme.spacing(",p,")"]}),i(m,{children:n}),i(m,{children:t}),i(c,{width:a})]})},l=()=>e(t,{spacing:4,children:[i(t,{spacing:1,children:i(r,{color:"text.secondary",sx:{maxWidth:"600px"},variant:"body2",children:"MUI's spacing unit is 8px by default. To use these values with theme.spacing, divide the pixel value by 8. For example, spacing-32 (32px) would be theme.spacing(4)."})}),e(n,{children:[e(d,{sx:{mb:2},children:[i(o,{children:"Design token"}),i(o,{children:"Figma token"}),i(o,{children:"Size"}),i(o,{children:"Spacer"})]}),Object.entries(p).map(([e,n])=>i(s,{token:e,value:n},e))]})]}),h=()=>e(t,{spacing:2,children:[e(t,{spacing:1,children:[e(r,{component:"div",variant:"body2",children:[i("code",{children:"theme.spacing(2)"})," = 16px (spacing-16)"]}),e(r,{component:"div",variant:"body2",children:[i("code",{children:"theme.spacing(3)"})," = 24px (spacing-24)"]}),e(r,{component:"div",variant:"body2",children:[i("code",{children:"theme.spacing(4)"})," = 32px (spacing-32)"]})]}),i(n,{sx:{bgcolor:"background.paper",p:2,borderRadius:1},children:i(r,{sx:{fontFamily:"monospace"},variant:"body2",children:"const Component = styled(Box)(({ theme }) => ({\n padding: theme.spacing(2), // 16px\n marginBottom: theme.spacing(3), // 24px\n gap: theme.spacing(1), // 8px\n}));"})})]});export{l as SpacingTokenTable,h as SpacingUsageExample};
|
|
2
|
+
//# sourceMappingURL=SpacingVisualizer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpacingVisualizer.js","sources":["../../../../src/themes/tokens/spacing/SpacingVisualizer.tsx"],"sourcesContent":["import React from 'react';\n\nimport Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { spacing } from './spacing';\n\nconst SpacerBox = styled(Box)(({ theme }) => ({\n backgroundColor: theme.palette.primary.main,\n height: '24px',\n}));\n\nconst ColumnHeader = styled(Typography)(({ theme }) => ({\n color: theme.palette.text.secondary,\n fontWeight: 600,\n fontSize: '0.875rem',\n padding: theme.spacing(1, 2),\n}));\n\nconst Cell = styled(Typography)(({ theme }) => ({\n fontFamily: 'monospace',\n padding: theme.spacing(1, 2),\n whiteSpace: 'pre',\n}));\n\nconst GridContainer = styled(Box)(({ theme }) => ({\n display: 'grid',\n gridTemplateColumns: '200px 120px 80px 1fr',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n}));\n\nconst SpacingRow = ({ token, value }: { token: string; value: string }): React.ReactElement => {\n const numericValue = parseInt(token.split('-')[1] ?? '0');\n const spacingValue = numericValue / 8;\n const formattedSpacingValue = Number.isInteger(spacingValue) ? spacingValue : spacingValue.toFixed(1);\n\n return (\n <GridContainer>\n <Cell>theme.spacing({formattedSpacingValue})</Cell>\n <Cell>{token}</Cell>\n <Cell>{value}</Cell>\n <SpacerBox width={numericValue} />\n </GridContainer>\n );\n};\n\nexport const SpacingTokenTable = (): React.ReactElement => (\n <Stack spacing={4}>\n <Stack spacing={1}>\n <Typography color=\"text.secondary\" sx={{ maxWidth: '600px' }} variant=\"body2\">\n MUI's spacing unit is 8px by default. To use these values with theme.spacing, divide the pixel\n value by 8. For example, spacing-32 (32px) would be theme.spacing(4).\n </Typography>\n </Stack>\n <Box>\n <GridContainer sx={{ mb: 2 }}>\n <ColumnHeader>Design token</ColumnHeader>\n <ColumnHeader>Figma token</ColumnHeader>\n <ColumnHeader>Size</ColumnHeader>\n <ColumnHeader>Spacer</ColumnHeader>\n </GridContainer>\n {Object.entries(spacing).map(([token, value]) => (\n <SpacingRow key={token} token={token} value={value} />\n ))}\n </Box>\n </Stack>\n);\n\nexport const SpacingUsageExample = (): React.ReactElement => (\n <Stack spacing={2}>\n <Stack spacing={1}>\n <Typography component=\"div\" variant=\"body2\">\n <code>theme.spacing(2)</code> = 16px (spacing-16)\n </Typography>\n <Typography component=\"div\" variant=\"body2\">\n <code>theme.spacing(3)</code> = 24px (spacing-24)\n </Typography>\n <Typography component=\"div\" variant=\"body2\">\n <code>theme.spacing(4)</code> = 32px (spacing-32)\n </Typography>\n </Stack>\n <Box sx={{ bgcolor: 'background.paper', p: 2, borderRadius: 1 }}>\n <Typography sx={{ fontFamily: 'monospace' }} variant=\"body2\">\n {`const Component = styled(Box)(({ theme }) => ({\n padding: theme.spacing(2), // 16px\n marginBottom: theme.spacing(3), // 24px\n gap: theme.spacing(1), // 8px\n}));`}\n </Typography>\n </Box>\n </Stack>\n);\n"],"names":["SpacerBox","styled","Box","theme","backgroundColor","palette","primary","main","height","ColumnHeader","Typography","color","text","secondary","fontWeight","fontSize","padding","spacing","Cell","fontFamily","whiteSpace","GridContainer","display","gridTemplateColumns","alignItems","gap","SpacingRow","token","value","numericValue","parseInt","split","spacingValue","formattedSpacingValue","Number","isInteger","toFixed","_jsxs","children","_jsx","width","SpacingTokenTable","Stack","sx","maxWidth","variant","mb","Object","entries","map","SpacingUsageExample","component","bgcolor","p","borderRadius"],"mappings":"iQASA,MAAMA,EAAYC,EAAOC,EAAPD,CAAY,EAAGE,YAAO,CACtCC,gBAAiBD,EAAME,QAAQC,QAAQC,KACvCC,OAAQ,UAGJC,EAAeR,EAAOS,EAAPT,CAAmB,EAAGE,YAAO,CAChDQ,MAAOR,EAAME,QAAQO,KAAKC,UAC1BC,WAAY,IACZC,SAAU,WACVC,QAASb,EAAMc,QAAQ,EAAG,MAGtBC,EAAOjB,EAAOS,EAAPT,CAAmB,EAAGE,YAAO,CACxCgB,WAAY,YACZH,QAASb,EAAMc,QAAQ,EAAG,GAC1BG,WAAY,SAGRC,EAAgBpB,EAAOC,EAAPD,CAAY,EAAGE,YAAO,CAC1CmB,QAAS,OACTC,oBAAqB,uBACrBC,WAAY,SACZC,IAAKtB,EAAMc,QAAQ,OAGfS,EAAa,EAAGC,QAAOC,YAC3B,MAAMC,EAAeC,SAASH,EAAMI,MAAM,KAAK,IAAM,KAC/CC,EAAeH,EAAe,EAC9BI,EAAwBC,OAAOC,UAAUH,GAAgBA,EAAeA,EAAaI,QAAQ,GAEnG,OACEC,EAAChB,EAAa,CAAAiB,SAAA,CACZD,EAACnB,EAAI,CAAAoB,SAAA,CAAA,iBAAgBL,EAAqB,OAC1CM,EAACrB,YAAMS,IACPY,EAACrB,EAAI,CAAAoB,SAAEV,IACPW,EAACvC,EAAS,CAACwC,MAAOX,QAKXY,EAAoB,IAC/BJ,EAACK,EAAK,CAACzB,QAAS,EAACqB,SAAA,CACfC,EAACG,EAAK,CAACzB,QAAS,EAACqB,SACfC,EAAC7B,EAAU,CAACC,MAAM,iBAAiBgC,GAAI,CAAEC,SAAU,SAAWC,QAAQ,4LAKxER,EAACnC,EAAG,CAAAoC,SAAA,CACFD,EAAChB,EAAa,CAACsB,GAAI,CAAEG,GAAI,GAAGR,SAAA,CAC1BC,EAAC9B,EAAY,CAAA6B,SAAA,iBACbC,EAAC9B,EAAY,CAAA6B,SAAA,gBACbC,EAAC9B,EAAY,CAAA6B,SAAA,SACbC,EAAC9B,EAAY,CAAA6B,SAAA,cAEdS,OAAOC,QAAQ/B,GAASgC,IAAI,EAAEtB,EAAOC,KACpCW,EAACb,EAAU,CAAaC,MAAOA,EAAOC,MAAOA,GAA5BD,UAMZuB,EAAsB,IACjCb,EAACK,GAAMzB,QAAS,EAACqB,SAAA,CACfD,EAACK,EAAK,CAACzB,QAAS,EAACqB,SAAA,CACfD,EAAC3B,EAAU,CAACyC,UAAU,MAAMN,QAAQ,QAAOP,SAAA,CACzCC,EAAA,OAAA,CAAAD,SAAA,qBAA6B,0BAE/BD,EAAC3B,EAAU,CAACyC,UAAU,MAAMN,QAAQ,QAAOP,SAAA,CACzCC,EAAA,OAAA,CAAAD,SAAA,qBAA6B,0BAE/BD,EAAC3B,GAAWyC,UAAU,MAAMN,QAAQ,QAAOP,SAAA,CACzCC,wCAA6B,6BAGjCA,EAACrC,GAAIyC,GAAI,CAAES,QAAS,mBAAoBC,EAAG,EAAGC,aAAc,GAAGhB,SAC7DC,EAAC7B,EAAU,CAACiC,GAAI,CAAExB,WAAY,aAAe0B,QAAQ,QAAOP,SACzD"}
|