@instructure/ui-themes 11.7.8-snapshot-3 → 11.7.8-snapshot-7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/css/cssThemesWithMediaQueries.css +2 -2
- package/css/dark.css +1 -1
- package/css/legacyCanvas.css +1 -1
- package/css/legacyCanvasHighContrast.css +1 -1
- package/css/light.css +1 -1
- package/es/index.js +7 -2
- package/es/themes/frozenThemes/designTokensV1/components/alert/canvas.js +49 -0
- package/es/themes/frozenThemes/designTokensV1/components/alert/canvasHighContrast.js +49 -0
- package/es/themes/frozenThemes/designTokensV1/components/alert/dark.js +49 -0
- package/es/themes/frozenThemes/designTokensV1/components/alert/light.js +49 -0
- package/es/themes/frozenThemes/designTokensV1/components/alert/type.js +1 -0
- package/es/themes/frozenThemes/designTokensV1/components/index.js +49 -0
- package/es/themes/frozenThemes/designTokensV1/components/pill/canvas.js +49 -0
- package/es/themes/frozenThemes/designTokensV1/components/pill/canvasHighContrast.js +49 -0
- package/es/themes/frozenThemes/designTokensV1/components/pill/dark.js +49 -0
- package/es/themes/frozenThemes/designTokensV1/components/pill/light.js +49 -0
- package/es/themes/frozenThemes/designTokensV1/components/pill/type.js +1 -0
- package/es/themes/frozenThemes/designTokensV1/index.js +53 -0
- package/es/themes/frozenThemes/designTokensV1/primitives.js +28 -0
- package/es/themes/frozenThemes/designTokensV1/semantics.js +28 -0
- package/es/themes/frozenThemes/designTokensV1/sharedTokens.js +28 -0
- package/es/themes/frozenThemes/index.js +25 -0
- package/es/themes/newThemeTokens/componentTypes/banner.js +1 -0
- package/es/themes/newThemeTokens/componentTypes/card.js +1 -0
- package/es/themes/newThemeTokens/componentTypes/mobileSharedTokens.js +1 -0
- package/es/themes/newThemeTokens/dark/components/alert.js +45 -5
- package/es/themes/newThemeTokens/dark/components/banner.js +57 -0
- package/es/themes/newThemeTokens/dark/components/card.js +61 -0
- package/es/themes/newThemeTokens/dark/components/mobileSharedTokens.js +29 -0
- package/es/themes/newThemeTokens/dark/components/pill.js +134 -12
- package/es/themes/newThemeTokens/dark/components/sideNavBarNew.js +9 -9
- package/es/themes/newThemeTokens/dark/components/tag.js +2 -1
- package/es/themes/newThemeTokens/dark/index.js +7 -1
- package/es/themes/newThemeTokens/dark/semantics.js +25 -9
- package/es/themes/newThemeTokens/legacyCanvas/components/alert.js +17 -5
- package/es/themes/newThemeTokens/legacyCanvas/components/banner.js +57 -0
- package/es/themes/newThemeTokens/legacyCanvas/components/baseButton.js +8 -1
- package/es/themes/newThemeTokens/legacyCanvas/components/card.js +61 -0
- package/es/themes/newThemeTokens/legacyCanvas/components/mobileSharedTokens.js +29 -0
- package/es/themes/newThemeTokens/legacyCanvas/components/pill.js +42 -4
- package/es/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.js +8 -8
- package/es/themes/newThemeTokens/legacyCanvas/components/tag.js +2 -1
- package/es/themes/newThemeTokens/legacyCanvas/index.js +7 -1
- package/es/themes/newThemeTokens/legacyCanvas/semantics.js +27 -4
- package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.js +17 -5
- package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/banner.js +57 -0
- package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/baseButton.js +8 -1
- package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/card.js +61 -0
- package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/mobileSharedTokens.js +29 -0
- package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.js +42 -4
- package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.js +8 -8
- package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/tag.js +2 -1
- package/es/themes/newThemeTokens/legacyCanvasHighContrast/index.js +7 -1
- package/es/themes/newThemeTokens/legacyCanvasHighContrast/semantics.js +27 -4
- package/es/themes/newThemeTokens/light/components/alert.js +45 -5
- package/es/themes/newThemeTokens/light/components/banner.js +57 -0
- package/es/themes/newThemeTokens/light/components/card.js +61 -0
- package/es/themes/newThemeTokens/light/components/mobileSharedTokens.js +29 -0
- package/es/themes/newThemeTokens/light/components/pill.js +134 -12
- package/es/themes/newThemeTokens/light/components/sideNavBarNew.js +9 -9
- package/es/themes/newThemeTokens/light/components/tag.js +2 -1
- package/es/themes/newThemeTokens/light/index.js +7 -1
- package/es/themes/newThemeTokens/light/semantics.js +94 -29
- package/lib/index.js +11 -1
- package/lib/themes/frozenThemes/designTokensV1/components/alert/canvas.js +55 -0
- package/lib/themes/frozenThemes/designTokensV1/components/alert/canvasHighContrast.js +55 -0
- package/lib/themes/frozenThemes/designTokensV1/components/alert/dark.js +55 -0
- package/lib/themes/frozenThemes/designTokensV1/components/alert/light.js +55 -0
- package/lib/themes/frozenThemes/designTokensV1/components/alert/type.js +5 -0
- package/lib/themes/frozenThemes/designTokensV1/components/index.js +56 -0
- package/lib/themes/frozenThemes/designTokensV1/components/pill/canvas.js +55 -0
- package/lib/themes/frozenThemes/designTokensV1/components/pill/canvasHighContrast.js +55 -0
- package/lib/themes/frozenThemes/designTokensV1/components/pill/dark.js +55 -0
- package/lib/themes/frozenThemes/designTokensV1/components/pill/light.js +55 -0
- package/lib/themes/frozenThemes/designTokensV1/components/pill/type.js +5 -0
- package/lib/themes/frozenThemes/designTokensV1/index.js +60 -0
- package/lib/themes/frozenThemes/designTokensV1/primitives.js +34 -0
- package/lib/themes/frozenThemes/designTokensV1/semantics.js +34 -0
- package/lib/themes/frozenThemes/designTokensV1/sharedTokens.js +34 -0
- package/lib/themes/frozenThemes/index.js +13 -0
- package/lib/themes/newThemeTokens/componentTypes/banner.js +5 -0
- package/lib/themes/newThemeTokens/componentTypes/card.js +5 -0
- package/lib/themes/newThemeTokens/componentTypes/mobileSharedTokens.js +5 -0
- package/lib/themes/newThemeTokens/dark/components/alert.js +45 -5
- package/lib/themes/newThemeTokens/dark/components/banner.js +63 -0
- package/lib/themes/newThemeTokens/dark/components/card.js +67 -0
- package/lib/themes/newThemeTokens/dark/components/mobileSharedTokens.js +35 -0
- package/lib/themes/newThemeTokens/dark/components/pill.js +134 -12
- package/lib/themes/newThemeTokens/dark/components/sideNavBarNew.js +9 -9
- package/lib/themes/newThemeTokens/dark/components/tag.js +2 -1
- package/lib/themes/newThemeTokens/dark/index.js +7 -1
- package/lib/themes/newThemeTokens/dark/semantics.js +25 -9
- package/lib/themes/newThemeTokens/legacyCanvas/components/alert.js +17 -5
- package/lib/themes/newThemeTokens/legacyCanvas/components/banner.js +63 -0
- package/lib/themes/newThemeTokens/legacyCanvas/components/baseButton.js +8 -1
- package/lib/themes/newThemeTokens/legacyCanvas/components/card.js +67 -0
- package/lib/themes/newThemeTokens/legacyCanvas/components/mobileSharedTokens.js +35 -0
- package/lib/themes/newThemeTokens/legacyCanvas/components/pill.js +42 -4
- package/lib/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.js +8 -8
- package/lib/themes/newThemeTokens/legacyCanvas/components/tag.js +2 -1
- package/lib/themes/newThemeTokens/legacyCanvas/index.js +7 -1
- package/lib/themes/newThemeTokens/legacyCanvas/semantics.js +27 -4
- package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.js +17 -5
- package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/banner.js +63 -0
- package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/baseButton.js +8 -1
- package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/card.js +67 -0
- package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/mobileSharedTokens.js +35 -0
- package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.js +42 -4
- package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.js +8 -8
- package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/tag.js +2 -1
- package/lib/themes/newThemeTokens/legacyCanvasHighContrast/index.js +7 -1
- package/lib/themes/newThemeTokens/legacyCanvasHighContrast/semantics.js +27 -4
- package/lib/themes/newThemeTokens/light/components/alert.js +45 -5
- package/lib/themes/newThemeTokens/light/components/banner.js +63 -0
- package/lib/themes/newThemeTokens/light/components/card.js +67 -0
- package/lib/themes/newThemeTokens/light/components/mobileSharedTokens.js +35 -0
- package/lib/themes/newThemeTokens/light/components/pill.js +134 -12
- package/lib/themes/newThemeTokens/light/components/sideNavBarNew.js +9 -9
- package/lib/themes/newThemeTokens/light/components/tag.js +2 -1
- package/lib/themes/newThemeTokens/light/index.js +7 -1
- package/lib/themes/newThemeTokens/light/semantics.js +94 -29
- package/package.json +3 -3
- package/src/index.ts +31 -3
- package/src/themes/frozenThemes/designTokensV1/components/alert/canvas.ts +51 -0
- package/src/themes/frozenThemes/designTokensV1/components/alert/canvasHighContrast.ts +51 -0
- package/src/themes/frozenThemes/designTokensV1/components/alert/dark.ts +51 -0
- package/src/themes/frozenThemes/designTokensV1/components/alert/light.ts +51 -0
- package/src/themes/frozenThemes/designTokensV1/components/alert/type.ts +50 -0
- package/src/themes/frozenThemes/designTokensV1/components/index.ts +56 -0
- package/src/themes/frozenThemes/designTokensV1/components/pill/canvas.ts +51 -0
- package/src/themes/frozenThemes/designTokensV1/components/pill/canvasHighContrast.ts +51 -0
- package/src/themes/frozenThemes/designTokensV1/components/pill/dark.ts +51 -0
- package/src/themes/frozenThemes/designTokensV1/components/pill/light.ts +51 -0
- package/src/themes/frozenThemes/designTokensV1/components/pill/type.ts +50 -0
- package/src/themes/frozenThemes/designTokensV1/index.ts +76 -0
- package/src/themes/frozenThemes/designTokensV1/primitives.ts +47 -0
- package/src/themes/frozenThemes/designTokensV1/semantics.ts +46 -0
- package/src/themes/frozenThemes/designTokensV1/sharedTokens.ts +35 -0
- package/src/themes/frozenThemes/index.ts +28 -0
- package/src/themes/newThemeTokens/commonTypes.ts +170 -5
- package/src/themes/newThemeTokens/componentTypes/alert.ts +15 -3
- package/src/themes/newThemeTokens/componentTypes/banner.ts +51 -0
- package/src/themes/newThemeTokens/componentTypes/card.ts +48 -0
- package/src/themes/newThemeTokens/componentTypes/index.ts +6 -0
- package/src/themes/newThemeTokens/componentTypes/mobileSharedTokens.ts +32 -0
- package/src/themes/newThemeTokens/componentTypes/pill.ts +40 -2
- package/src/themes/newThemeTokens/componentTypes/tag.ts +1 -0
- package/src/themes/newThemeTokens/dark/components/alert.ts +23 -5
- package/src/themes/newThemeTokens/dark/components/banner.ts +52 -0
- package/src/themes/newThemeTokens/dark/components/card.ts +63 -0
- package/src/themes/newThemeTokens/dark/components/mobileSharedTokens.ts +31 -0
- package/src/themes/newThemeTokens/dark/components/pill.ts +50 -12
- package/src/themes/newThemeTokens/dark/components/sideNavBarNew.ts +9 -9
- package/src/themes/newThemeTokens/dark/components/tag.ts +1 -0
- package/src/themes/newThemeTokens/dark/index.ts +6 -0
- package/src/themes/newThemeTokens/dark/semantics.ts +48 -16
- package/src/themes/newThemeTokens/legacyCanvas/components/alert.ts +16 -4
- package/src/themes/newThemeTokens/legacyCanvas/components/banner.ts +52 -0
- package/src/themes/newThemeTokens/legacyCanvas/components/baseButton.ts +4 -1
- package/src/themes/newThemeTokens/legacyCanvas/components/card.ts +63 -0
- package/src/themes/newThemeTokens/legacyCanvas/components/mobileSharedTokens.ts +31 -0
- package/src/themes/newThemeTokens/legacyCanvas/components/pill.ts +41 -3
- package/src/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.ts +8 -8
- package/src/themes/newThemeTokens/legacyCanvas/components/tag.ts +1 -0
- package/src/themes/newThemeTokens/legacyCanvas/index.ts +6 -0
- package/src/themes/newThemeTokens/legacyCanvas/semantics.ts +44 -6
- package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.ts +16 -4
- package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/banner.ts +52 -0
- package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/baseButton.ts +4 -1
- package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/card.ts +63 -0
- package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/mobileSharedTokens.ts +31 -0
- package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.ts +41 -3
- package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.ts +8 -8
- package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/tag.ts +1 -0
- package/src/themes/newThemeTokens/legacyCanvasHighContrast/index.ts +6 -0
- package/src/themes/newThemeTokens/legacyCanvasHighContrast/semantics.ts +44 -6
- package/src/themes/newThemeTokens/light/components/alert.ts +23 -5
- package/src/themes/newThemeTokens/light/components/banner.ts +52 -0
- package/src/themes/newThemeTokens/light/components/card.ts +63 -0
- package/src/themes/newThemeTokens/light/components/mobileSharedTokens.ts +31 -0
- package/src/themes/newThemeTokens/light/components/pill.ts +50 -12
- package/src/themes/newThemeTokens/light/components/sideNavBarNew.ts +9 -9
- package/src/themes/newThemeTokens/light/components/tag.ts +1 -0
- package/src/themes/newThemeTokens/light/index.ts +6 -0
- package/src/themes/newThemeTokens/light/semantics.ts +130 -56
- package/tokens/canvas/source.json +1 -1
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/index.d.ts +19 -3
- package/types/index.d.ts.map +1 -1
- package/types/themes/frozenThemes/designTokensV1/components/alert/canvas.d.ts +27 -0
- package/types/themes/frozenThemes/designTokensV1/components/alert/canvas.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/components/alert/canvasHighContrast.d.ts +27 -0
- package/types/themes/frozenThemes/designTokensV1/components/alert/canvasHighContrast.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/components/alert/dark.d.ts +27 -0
- package/types/themes/frozenThemes/designTokensV1/components/alert/dark.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/components/alert/light.d.ts +27 -0
- package/types/themes/frozenThemes/designTokensV1/components/alert/light.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/components/alert/type.d.ts +26 -0
- package/types/themes/frozenThemes/designTokensV1/components/alert/type.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/components/index.d.ts +31 -0
- package/types/themes/frozenThemes/designTokensV1/components/index.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/components/pill/canvas.d.ts +27 -0
- package/types/themes/frozenThemes/designTokensV1/components/pill/canvas.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/components/pill/canvasHighContrast.d.ts +27 -0
- package/types/themes/frozenThemes/designTokensV1/components/pill/canvasHighContrast.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/components/pill/dark.d.ts +27 -0
- package/types/themes/frozenThemes/designTokensV1/components/pill/dark.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/components/pill/light.d.ts +27 -0
- package/types/themes/frozenThemes/designTokensV1/components/pill/light.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/components/pill/type.d.ts +26 -0
- package/types/themes/frozenThemes/designTokensV1/components/pill/type.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/index.d.ts +231 -0
- package/types/themes/frozenThemes/designTokensV1/index.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/primitives.d.ts +11 -0
- package/types/themes/frozenThemes/designTokensV1/primitives.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/semantics.d.ts +11 -0
- package/types/themes/frozenThemes/designTokensV1/semantics.d.ts.map +1 -0
- package/types/themes/frozenThemes/designTokensV1/sharedTokens.d.ts +6 -0
- package/types/themes/frozenThemes/designTokensV1/sharedTokens.d.ts.map +1 -0
- package/types/themes/frozenThemes/index.d.ts +4 -0
- package/types/themes/frozenThemes/index.d.ts.map +1 -0
- package/types/themes/newThemeTokens/commonTypes.d.ts +134 -0
- package/types/themes/newThemeTokens/commonTypes.d.ts.map +1 -1
- package/types/themes/newThemeTokens/componentTypes/alert.d.ts +15 -3
- package/types/themes/newThemeTokens/componentTypes/alert.d.ts.map +1 -1
- package/types/themes/newThemeTokens/componentTypes/banner.d.ts +27 -0
- package/types/themes/newThemeTokens/componentTypes/banner.d.ts.map +1 -0
- package/types/themes/newThemeTokens/componentTypes/card.d.ts +26 -0
- package/types/themes/newThemeTokens/componentTypes/card.d.ts.map +1 -0
- package/types/themes/newThemeTokens/componentTypes/index.d.ts +6 -0
- package/types/themes/newThemeTokens/componentTypes/index.d.ts.map +1 -1
- package/types/themes/newThemeTokens/componentTypes/mobileSharedTokens.d.ts +8 -0
- package/types/themes/newThemeTokens/componentTypes/mobileSharedTokens.d.ts.map +1 -0
- package/types/themes/newThemeTokens/componentTypes/pill.d.ts +40 -2
- package/types/themes/newThemeTokens/componentTypes/pill.d.ts.map +1 -1
- package/types/themes/newThemeTokens/componentTypes/tag.d.ts +1 -0
- package/types/themes/newThemeTokens/componentTypes/tag.d.ts.map +1 -1
- package/types/themes/newThemeTokens/dark/components/alert.d.ts +43 -3
- package/types/themes/newThemeTokens/dark/components/alert.d.ts.map +1 -1
- package/types/themes/newThemeTokens/dark/components/banner.d.ts +35 -0
- package/types/themes/newThemeTokens/dark/components/banner.d.ts.map +1 -0
- package/types/themes/newThemeTokens/dark/components/card.d.ts +39 -0
- package/types/themes/newThemeTokens/dark/components/card.d.ts.map +1 -0
- package/types/themes/newThemeTokens/dark/components/mobileSharedTokens.d.ts +7 -0
- package/types/themes/newThemeTokens/dark/components/mobileSharedTokens.d.ts.map +1 -0
- package/types/themes/newThemeTokens/dark/components/pill.d.ts +128 -6
- package/types/themes/newThemeTokens/dark/components/pill.d.ts.map +1 -1
- package/types/themes/newThemeTokens/dark/components/tag.d.ts +1 -0
- package/types/themes/newThemeTokens/dark/components/tag.d.ts.map +1 -1
- package/types/themes/newThemeTokens/dark/index.d.ts.map +1 -1
- package/types/themes/newThemeTokens/dark/semantics.d.ts +24 -8
- package/types/themes/newThemeTokens/dark/semantics.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvas/components/alert.d.ts +15 -3
- package/types/themes/newThemeTokens/legacyCanvas/components/alert.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvas/components/banner.d.ts +35 -0
- package/types/themes/newThemeTokens/legacyCanvas/components/banner.d.ts.map +1 -0
- package/types/themes/newThemeTokens/legacyCanvas/components/baseButton.d.ts +8 -1
- package/types/themes/newThemeTokens/legacyCanvas/components/baseButton.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvas/components/card.d.ts +39 -0
- package/types/themes/newThemeTokens/legacyCanvas/components/card.d.ts.map +1 -0
- package/types/themes/newThemeTokens/legacyCanvas/components/mobileSharedTokens.d.ts +14 -0
- package/types/themes/newThemeTokens/legacyCanvas/components/mobileSharedTokens.d.ts.map +1 -0
- package/types/themes/newThemeTokens/legacyCanvas/components/pill.d.ts +39 -1
- package/types/themes/newThemeTokens/legacyCanvas/components/pill.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvas/components/tag.d.ts +1 -0
- package/types/themes/newThemeTokens/legacyCanvas/components/tag.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvas/index.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvas/semantics.d.ts +26 -3
- package/types/themes/newThemeTokens/legacyCanvas/semantics.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.d.ts +15 -3
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/banner.d.ts +35 -0
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/banner.d.ts.map +1 -0
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/baseButton.d.ts +8 -1
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/baseButton.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/card.d.ts +39 -0
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/card.d.ts.map +1 -0
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mobileSharedTokens.d.ts +14 -0
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mobileSharedTokens.d.ts.map +1 -0
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.d.ts +39 -1
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/tag.d.ts +1 -0
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/tag.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/index.d.ts.map +1 -1
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/semantics.d.ts +26 -3
- package/types/themes/newThemeTokens/legacyCanvasHighContrast/semantics.d.ts.map +1 -1
- package/types/themes/newThemeTokens/light/components/alert.d.ts +43 -3
- package/types/themes/newThemeTokens/light/components/alert.d.ts.map +1 -1
- package/types/themes/newThemeTokens/light/components/banner.d.ts +35 -0
- package/types/themes/newThemeTokens/light/components/banner.d.ts.map +1 -0
- package/types/themes/newThemeTokens/light/components/billboard.d.ts +8 -1
- package/types/themes/newThemeTokens/light/components/billboard.d.ts.map +1 -1
- package/types/themes/newThemeTokens/light/components/card.d.ts +39 -0
- package/types/themes/newThemeTokens/light/components/card.d.ts.map +1 -0
- package/types/themes/newThemeTokens/light/components/mobileSharedTokens.d.ts +14 -0
- package/types/themes/newThemeTokens/light/components/mobileSharedTokens.d.ts.map +1 -0
- package/types/themes/newThemeTokens/light/components/pill.d.ts +128 -6
- package/types/themes/newThemeTokens/light/components/pill.d.ts.map +1 -1
- package/types/themes/newThemeTokens/light/components/tag.d.ts +49 -6
- package/types/themes/newThemeTokens/light/components/tag.d.ts.map +1 -1
- package/types/themes/newThemeTokens/light/components/textInput.d.ts +8 -1
- package/types/themes/newThemeTokens/light/components/textInput.d.ts.map +1 -1
- package/types/themes/newThemeTokens/light/index.d.ts.map +1 -1
- package/types/themes/newThemeTokens/light/semantics.d.ts +93 -28
- package/types/themes/newThemeTokens/light/semantics.d.ts.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [11.7.8-snapshot-
|
|
6
|
+
## [11.7.8-snapshot-7](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8-snapshot-7) (2026-10-02)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-themes
|
|
9
9
|
|
|
@@ -25,12 +25,12 @@
|
|
|
25
25
|
|
|
26
26
|
:root {
|
|
27
27
|
color-scheme: light;
|
|
28
|
-
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(35,68,101,0.15);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:1px;--boxShadow-elevation1-1-color:rgba(35,68,101,0.1);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(35,68,101,0.1);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(35,68,101,0.15);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(35,68,101,0.1);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(35,68,101,0.15);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(35,68,101,0.1);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(35,68,101,0.15);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#F2F4F5;--background-mutedColor:#F2F4F5;--background-brandColor:#1D354F;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#
|
|
28
|
+
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(35,68,101,0.15);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:1px;--boxShadow-elevation1-1-color:rgba(35,68,101,0.1);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(35,68,101,0.1);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(35,68,101,0.15);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(35,68,101,0.1);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(35,68,101,0.15);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(35,68,101,0.1);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(35,68,101,0.15);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#F2F4F5;--background-mutedColor:#F2F4F5;--background-brandColor:#1D354F;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#F0C16C;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#F3E5F7;--background-accentAsh:#273540;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#4A5B68;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#8D959F;--stroke-mutedColor:#E8EAEC;--stroke-strongColor:#5F6E7A;--stroke-brandColor:#1D354F;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#F0C16C;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#9E58BD;--stroke-aiBottomGradientColor:#00828E;--stroke-accentAsh:#273540;--stroke-accentAurora:#057C58;--stroke-accentBlue:#2871AF;--stroke-accentGreen:#037D37;--stroke-accentGrey:#4A5B68;--stroke-accentHoney:#8C6400;--stroke-accentOrange:#BB4200;--stroke-accentPlum:#B43D89;--stroke-accentRed:#CF1F24;--stroke-accentSea:#027887;--stroke-accentSky:#17759F;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
|
|
29
29
|
}
|
|
30
30
|
@media (prefers-color-scheme: dark) {
|
|
31
31
|
:root {
|
|
32
32
|
color-scheme: dark;
|
|
33
|
-
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.3);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:2px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.15);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.15);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.3);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.15);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.3);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.15);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.3);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#4798E3;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#1C222B;--background-baseColor:#10141A;--background-pageColor:#10141A;--background-mutedColor:#273540;--background-brandColor:#EEF4FD;--background-onColor:#ffffff;--background-inverseColor:#F2F4F5;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#
|
|
33
|
+
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.3);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:2px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.15);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.15);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.3);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.15);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.3);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.15);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.3);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#4798E3;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#1C222B;--background-baseColor:#10141A;--background-pageColor:#10141A;--background-mutedColor:#273540;--background-brandColor:#EEF4FD;--background-onColor:#ffffff;--background-inverseColor:#F2F4F5;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#8C6400;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#6D3984;--background-accentAsh:#1C222B;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#576773;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#6A7883;--stroke-mutedColor:#2D3D49;--stroke-strongColor:#9EA6AD;--stroke-brandColor:#EEF4FD;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#8C6400;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#B680CC;--stroke-aiBottomGradientColor:#04A4B7;--stroke-accentAsh:#C7CACD;--stroke-accentAurora:#2BC692;--stroke-accentBlue:#7FB4F1;--stroke-accentGreen:#61C378;--stroke-accentGrey:#F2F4F5;--stroke-accentHoney:#E0A300;--stroke-accentOrange:#FF905A;--stroke-accentPlum:#EC93C6;--stroke-accentRed:#FA917F;--stroke-accentSea:#3CC0D4;--stroke-accentSky:#63B9EB;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#1C222B;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
package/css/dark.css
CHANGED
|
@@ -23,5 +23,5 @@
|
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
25
|
.instui-theme-dark{
|
|
26
|
-
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.3);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:2px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.15);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.15);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.3);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.15);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.3);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.15);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.3);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#4798E3;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#1C222B;--background-baseColor:#10141A;--background-pageColor:#10141A;--background-mutedColor:#273540;--background-brandColor:#EEF4FD;--background-onColor:#ffffff;--background-inverseColor:#F2F4F5;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#
|
|
26
|
+
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.3);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:2px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.15);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.15);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.3);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.15);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.3);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.15);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.3);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#4798E3;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#1C222B;--background-baseColor:#10141A;--background-pageColor:#10141A;--background-mutedColor:#273540;--background-brandColor:#EEF4FD;--background-onColor:#ffffff;--background-inverseColor:#F2F4F5;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#8C6400;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#6D3984;--background-accentAsh:#1C222B;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#576773;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#6A7883;--stroke-mutedColor:#2D3D49;--stroke-strongColor:#9EA6AD;--stroke-brandColor:#EEF4FD;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#8C6400;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#B680CC;--stroke-aiBottomGradientColor:#04A4B7;--stroke-accentAsh:#C7CACD;--stroke-accentAurora:#2BC692;--stroke-accentBlue:#7FB4F1;--stroke-accentGreen:#61C378;--stroke-accentGrey:#F2F4F5;--stroke-accentHoney:#E0A300;--stroke-accentOrange:#FF905A;--stroke-accentPlum:#EC93C6;--stroke-accentRed:#FA917F;--stroke-accentSea:#3CC0D4;--stroke-accentSky:#63B9EB;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#1C222B;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
|
|
27
27
|
}
|
package/css/legacyCanvas.css
CHANGED
|
@@ -23,5 +23,5 @@
|
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
25
|
.instui-theme-legacyCanvas{
|
|
26
|
-
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.25rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.25rem;--borderRadius-lg:0.25rem;--borderRadius-xl:0.25rem;--borderRadius-xxl:0.25rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.25rem;--borderRadius-card-md:0.25rem;--borderRadius-card-lg:0.25rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.25rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:0.0625rem;--boxShadow-elevation1-0-blur:0.125rem;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.1);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:0.0625rem;--boxShadow-elevation1-1-blur:0.1875rem;--boxShadow-elevation1-1-spread:0px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.2);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:0.1875rem;--boxShadow-elevation2-0-blur:0.375rem;--boxShadow-elevation2-0-spread:0px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.2);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:0.1875rem;--boxShadow-elevation2-1-blur:0.375rem;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.1);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:0.1875rem;--boxShadow-elevation3-0-blur:0.375rem;--boxShadow-elevation3-0-spread:0px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.2);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:0.1875rem;--boxShadow-elevation3-1-blur:0.375rem;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.1);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:0.375rem;--boxShadow-elevation4-0-blur:0.4375rem;--boxShadow-elevation4-0-spread:0px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.2);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:0.625rem;--boxShadow-elevation4-1-blur:1.75rem;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.1);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.5rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#017533;--focusOutline-dangerColor:#C51F22;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#ffffff;--background-mutedColor:#F2F4F5;--background-brandColor:#2B7ABC;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-warningColor:#CF4A00;--background-infoColor:#2B7ABC;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#F3E5F7;--background-accentAsh:#273540;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#576773;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#8D959F;--stroke-mutedColor:#DFE1E3;--stroke-strongColor:#5F6E7A;--stroke-brandColor:#2B7ABC;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#
|
|
26
|
+
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.25rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.25rem;--borderRadius-lg:0.25rem;--borderRadius-xl:0.25rem;--borderRadius-xxl:0.25rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.25rem;--borderRadius-card-md:0.25rem;--borderRadius-card-lg:0.25rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.25rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:0.0625rem;--boxShadow-elevation1-0-blur:0.125rem;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.1);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:0.0625rem;--boxShadow-elevation1-1-blur:0.1875rem;--boxShadow-elevation1-1-spread:0px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.2);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:0.1875rem;--boxShadow-elevation2-0-blur:0.375rem;--boxShadow-elevation2-0-spread:0px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.2);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:0.1875rem;--boxShadow-elevation2-1-blur:0.375rem;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.1);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:0.1875rem;--boxShadow-elevation3-0-blur:0.375rem;--boxShadow-elevation3-0-spread:0px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.2);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:0.1875rem;--boxShadow-elevation3-1-blur:0.375rem;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.1);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:0.375rem;--boxShadow-elevation4-0-blur:0.4375rem;--boxShadow-elevation4-0-spread:0px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.2);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:0.625rem;--boxShadow-elevation4-1-blur:1.75rem;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.1);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.5rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#017533;--focusOutline-dangerColor:#C51F22;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#ffffff;--background-mutedColor:#F2F4F5;--background-brandColor:#2B7ABC;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-warningColor:#CF4A00;--background-infoColor:#2B7ABC;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#F3E5F7;--background-accentAsh:#273540;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#576773;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#8D959F;--stroke-mutedColor:#DFE1E3;--stroke-strongColor:#5F6E7A;--stroke-brandColor:#2B7ABC;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#996E00;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#9E58BD;--stroke-aiBottomGradientColor:#00828E;--stroke-accentAsh:#273540;--stroke-accentAurora:#048660;--stroke-accentBlue:#2B7ABC;--stroke-accentGreen:#03893D;--stroke-accentGrey:#576773;--stroke-accentHoney:#996E00;--stroke-accentOrange:#CF4A00;--stroke-accentPlum:#C54396;--stroke-accentRed:#E62429;--stroke-accentSea:#00828E;--stroke-accentSky:#197EAB;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
|
|
27
27
|
}
|
|
@@ -23,5 +23,5 @@
|
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
25
|
.instui-theme-legacyCanvasHighContrast{
|
|
26
|
-
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.25rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.25rem;--borderRadius-lg:0.25rem;--borderRadius-xl:0.25rem;--borderRadius-xxl:0.25rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.25rem;--borderRadius-card-md:0.25rem;--borderRadius-card-lg:0.25rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.25rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:0.0625rem;--boxShadow-elevation1-0-blur:0.125rem;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.1);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:0.0625rem;--boxShadow-elevation1-1-blur:0.125rem;--boxShadow-elevation1-1-spread:0px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.2);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:0.1875rem;--boxShadow-elevation2-0-blur:0.375rem;--boxShadow-elevation2-0-spread:0px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.2);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:0.1875rem;--boxShadow-elevation2-1-blur:0.375rem;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.1);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:0.1875rem;--boxShadow-elevation3-0-blur:0.375rem;--boxShadow-elevation3-0-spread:0px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.2);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:0.1875rem;--boxShadow-elevation3-1-blur:0.375rem;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.1);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:0.375rem;--boxShadow-elevation4-0-blur:0.4375rem;--boxShadow-elevation4-0-spread:0px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.2);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:0.625rem;--boxShadow-elevation4-1-blur:1.75rem;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.1);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.5rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2369A4;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#015B26;--focusOutline-dangerColor:#991418;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#ffffff;--background-mutedColor:#F2F4F5;--background-brandColor:#1A5281;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#015B26;--background-errorColor:#991418;--background-warningColor:#8A2F00;--background-infoColor:#1A5281;--background-aiTopGradientColor:#6D3984;--background-aiBottomGradientColor:#015862;--background-aiTextColor:#F3E5F7;--background-accentAsh:#1C222B;--background-accentAurora:#026648;--background-accentBlue:#1E5C90;--background-accentGreen:#02672C;--background-accentGrey:#334450;--background-accentHoney:#735200;--background-accentOrange:#9C3601;--background-accentPlum:#953171;--background-accentRed:#AE161B;--background-accentSea:#01626E;--background-accentSky:#0F5F82;--background-accentStone:#585858;--background-accentViolet:#793F93;--stroke-baseColor:#6A7883;--stroke-mutedColor:#9EA6AD;--stroke-strongColor:#273540;--stroke-brandColor:#1E5C90;--stroke-successColor:#015B26;--stroke-errorColor:#991418;--stroke-warningColor:#
|
|
26
|
+
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.25rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.25rem;--borderRadius-lg:0.25rem;--borderRadius-xl:0.25rem;--borderRadius-xxl:0.25rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.25rem;--borderRadius-card-md:0.25rem;--borderRadius-card-lg:0.25rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.25rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:0.0625rem;--boxShadow-elevation1-0-blur:0.125rem;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.1);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:0.0625rem;--boxShadow-elevation1-1-blur:0.125rem;--boxShadow-elevation1-1-spread:0px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.2);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:0.1875rem;--boxShadow-elevation2-0-blur:0.375rem;--boxShadow-elevation2-0-spread:0px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.2);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:0.1875rem;--boxShadow-elevation2-1-blur:0.375rem;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.1);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:0.1875rem;--boxShadow-elevation3-0-blur:0.375rem;--boxShadow-elevation3-0-spread:0px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.2);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:0.1875rem;--boxShadow-elevation3-1-blur:0.375rem;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.1);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:0.375rem;--boxShadow-elevation4-0-blur:0.4375rem;--boxShadow-elevation4-0-spread:0px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.2);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:0.625rem;--boxShadow-elevation4-1-blur:1.75rem;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.1);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.5rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2369A4;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#015B26;--focusOutline-dangerColor:#991418;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#ffffff;--background-mutedColor:#F2F4F5;--background-brandColor:#1A5281;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#015B26;--background-errorColor:#991418;--background-warningColor:#8A2F00;--background-infoColor:#1A5281;--background-aiTopGradientColor:#6D3984;--background-aiBottomGradientColor:#015862;--background-aiTextColor:#F3E5F7;--background-accentAsh:#1C222B;--background-accentAurora:#026648;--background-accentBlue:#1E5C90;--background-accentGreen:#02672C;--background-accentGrey:#334450;--background-accentHoney:#735200;--background-accentOrange:#9C3601;--background-accentPlum:#953171;--background-accentRed:#AE161B;--background-accentSea:#01626E;--background-accentSky:#0F5F82;--background-accentStone:#585858;--background-accentViolet:#793F93;--stroke-baseColor:#6A7883;--stroke-mutedColor:#9EA6AD;--stroke-strongColor:#273540;--stroke-brandColor:#1E5C90;--stroke-successColor:#015B26;--stroke-errorColor:#991418;--stroke-warningColor:#664800;--stroke-infoColor:#1A5281;--stroke-aiTopGradientColor:#793F93;--stroke-aiBottomGradientColor:#01626E;--stroke-accentAsh:#1C222B;--stroke-accentAurora:#026648;--stroke-accentBlue:#1E5C90;--stroke-accentGreen:#02672C;--stroke-accentGrey:#334450;--stroke-accentHoney:#735200;--stroke-accentOrange:#9C3601;--stroke-accentPlum:#953171;--stroke-accentRed:#AE161B;--stroke-accentSea:#01626E;--stroke-accentSky:#0F5F82;--stroke-accentStone:#585858;--stroke-accentViolet:#793F93;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
|
|
27
27
|
}
|
package/css/light.css
CHANGED
|
@@ -23,5 +23,5 @@
|
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
25
|
.instui-theme-light{
|
|
26
|
-
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(35,68,101,0.15);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:1px;--boxShadow-elevation1-1-color:rgba(35,68,101,0.1);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(35,68,101,0.1);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(35,68,101,0.15);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(35,68,101,0.1);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(35,68,101,0.15);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(35,68,101,0.1);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(35,68,101,0.15);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#F2F4F5;--background-mutedColor:#F2F4F5;--background-brandColor:#1D354F;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#
|
|
26
|
+
--breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(35,68,101,0.15);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:1px;--boxShadow-elevation1-1-color:rgba(35,68,101,0.1);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(35,68,101,0.1);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(35,68,101,0.15);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(35,68,101,0.1);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(35,68,101,0.15);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(35,68,101,0.1);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(35,68,101,0.15);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#F2F4F5;--background-mutedColor:#F2F4F5;--background-brandColor:#1D354F;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#F0C16C;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#F3E5F7;--background-accentAsh:#273540;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#4A5B68;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#8D959F;--stroke-mutedColor:#E8EAEC;--stroke-strongColor:#5F6E7A;--stroke-brandColor:#1D354F;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#F0C16C;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#9E58BD;--stroke-aiBottomGradientColor:#00828E;--stroke-accentAsh:#273540;--stroke-accentAurora:#057C58;--stroke-accentBlue:#2871AF;--stroke-accentGreen:#037D37;--stroke-accentGrey:#4A5B68;--stroke-accentHoney:#8C6400;--stroke-accentOrange:#BB4200;--stroke-accentPlum:#B43D89;--stroke-accentRed:#CF1F24;--stroke-accentSea:#027887;--stroke-accentSky:#17759F;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
|
|
27
27
|
}
|
package/es/index.js
CHANGED
|
@@ -29,6 +29,11 @@ import light from './themes/light/index.js';
|
|
|
29
29
|
import { primitives, additionalPrimitives } from './legacySharedThemeTokens/colors/primitives.js';
|
|
30
30
|
import dataVisualization from './legacySharedThemeTokens/colors/dataVisualization.js';
|
|
31
31
|
import { boxShadowObjectsToCSSString } from './utils/boxShadowObjectToString.js';
|
|
32
|
-
import { legacyCanvas, legacyCanvasHighContrast } from "./themes/newThemeTokens/index.js";
|
|
33
|
-
|
|
32
|
+
import { legacyCanvas, legacyCanvasHighContrast } from "./themes/newThemeTokens/index.js";
|
|
33
|
+
import { frozenThemesDesignTokensV1 } from "./themes/frozenThemes/index.js";
|
|
34
|
+
/**
|
|
35
|
+
* Every frozen token-shape map. Register a new frozen version by adding it to
|
|
36
|
+
* this union — nothing below needs to change.
|
|
37
|
+
*/
|
|
38
|
+
export { dark, light, canvas, canvasHighContrast, legacyCanvas, legacyCanvasHighContrast, primitives, additionalPrimitives, dataVisualization, boxShadowObjectsToCSSString, frozenThemesDesignTokensV1 };
|
|
34
39
|
export default canvas;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* The MIT License (MIT)
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) 2015 - present Instructure, Inc.
|
|
5
|
+
*
|
|
6
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
* in the Software without restriction, including without limitation the rights
|
|
9
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
* furnished to do so, subject to the following conditions:
|
|
12
|
+
*
|
|
13
|
+
* The above copyright notice and this permission notice shall be included in all
|
|
14
|
+
* copies or substantial portions of the Software.
|
|
15
|
+
*
|
|
16
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
|
+
* SOFTWARE.
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
const alert = semantic => ({
|
|
26
|
+
background: semantic.color.background.elevatedSurface.base,
|
|
27
|
+
borderRadius: semantic.borderRadius.lg,
|
|
28
|
+
borderStyle: 'solid',
|
|
29
|
+
borderWidth: semantic.borderWidth.md,
|
|
30
|
+
closeButtonMarginRight: '0.5rem',
|
|
31
|
+
closeButtonMarginTop: '0.5rem',
|
|
32
|
+
color: semantic.color.institutional.brandFontColorDark,
|
|
33
|
+
contentFontFamily: semantic.fontFamily.base,
|
|
34
|
+
contentFontSize: semantic.fontSize.textBase,
|
|
35
|
+
contentFontWeight: semantic.fontWeight.body.base,
|
|
36
|
+
contentLineHeight: semantic.lineHeight.standalone.base,
|
|
37
|
+
dangerBorderColor: semantic.color.stroke.error,
|
|
38
|
+
dangerIconBackground: semantic.color.background.error,
|
|
39
|
+
iconColor: semantic.color.icon.onColor,
|
|
40
|
+
infoBorderColor: semantic.color.stroke.info,
|
|
41
|
+
infoIconBackground: semantic.color.background.info,
|
|
42
|
+
successBorderColor: semantic.color.stroke.success,
|
|
43
|
+
successIconBackground: semantic.color.background.success,
|
|
44
|
+
warningBorderColor: semantic.color.stroke.warning,
|
|
45
|
+
warningIconBackground: semantic.color.background.warning,
|
|
46
|
+
contentPaddingVertical: semantic.spacing.spaceMd,
|
|
47
|
+
contentPaddingHorizontal: semantic.spacing.spaceXl
|
|
48
|
+
});
|
|
49
|
+
export default alert;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* The MIT License (MIT)
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) 2015 - present Instructure, Inc.
|
|
5
|
+
*
|
|
6
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
* in the Software without restriction, including without limitation the rights
|
|
9
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
* furnished to do so, subject to the following conditions:
|
|
12
|
+
*
|
|
13
|
+
* The above copyright notice and this permission notice shall be included in all
|
|
14
|
+
* copies or substantial portions of the Software.
|
|
15
|
+
*
|
|
16
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
|
+
* SOFTWARE.
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
const alert = semantic => ({
|
|
26
|
+
background: semantic.color.background.elevatedSurface.base,
|
|
27
|
+
borderRadius: semantic.borderRadius.lg,
|
|
28
|
+
borderStyle: 'solid',
|
|
29
|
+
borderWidth: semantic.borderWidth.md,
|
|
30
|
+
closeButtonMarginRight: '0.5rem',
|
|
31
|
+
closeButtonMarginTop: '0.5rem',
|
|
32
|
+
color: semantic.color.institutional.brandFontColorDark,
|
|
33
|
+
contentFontFamily: semantic.fontFamily.base,
|
|
34
|
+
contentFontSize: semantic.fontSize.textBase,
|
|
35
|
+
contentFontWeight: semantic.fontWeight.body.base,
|
|
36
|
+
contentLineHeight: semantic.lineHeight.standalone.base,
|
|
37
|
+
dangerBorderColor: semantic.color.stroke.error,
|
|
38
|
+
dangerIconBackground: semantic.color.background.error,
|
|
39
|
+
iconColor: semantic.color.icon.onColor,
|
|
40
|
+
infoBorderColor: semantic.color.stroke.info,
|
|
41
|
+
infoIconBackground: semantic.color.background.info,
|
|
42
|
+
successBorderColor: semantic.color.stroke.success,
|
|
43
|
+
successIconBackground: semantic.color.background.success,
|
|
44
|
+
warningBorderColor: semantic.color.stroke.warning,
|
|
45
|
+
warningIconBackground: semantic.color.background.warning,
|
|
46
|
+
contentPaddingVertical: semantic.spacing.spaceMd,
|
|
47
|
+
contentPaddingHorizontal: semantic.spacing.spaceXl
|
|
48
|
+
});
|
|
49
|
+
export default alert;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* The MIT License (MIT)
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) 2015 - present Instructure, Inc.
|
|
5
|
+
*
|
|
6
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
* in the Software without restriction, including without limitation the rights
|
|
9
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
* furnished to do so, subject to the following conditions:
|
|
12
|
+
*
|
|
13
|
+
* The above copyright notice and this permission notice shall be included in all
|
|
14
|
+
* copies or substantial portions of the Software.
|
|
15
|
+
*
|
|
16
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
|
+
* SOFTWARE.
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
const alert = semantic => ({
|
|
26
|
+
background: semantic.color.background.elevatedSurface.base,
|
|
27
|
+
borderRadius: semantic.borderRadius.lg,
|
|
28
|
+
borderStyle: 'solid',
|
|
29
|
+
borderWidth: semantic.borderWidth.md,
|
|
30
|
+
closeButtonMarginRight: '0.5rem',
|
|
31
|
+
closeButtonMarginTop: '0.5rem',
|
|
32
|
+
color: semantic.color.institutional.brandFontColorDark,
|
|
33
|
+
contentFontFamily: semantic.fontFamily.base,
|
|
34
|
+
contentFontSize: semantic.fontSize.textBase,
|
|
35
|
+
contentFontWeight: semantic.fontWeight.body.base,
|
|
36
|
+
contentLineHeight: semantic.lineHeight.standalone.base,
|
|
37
|
+
dangerBorderColor: semantic.color.stroke.error,
|
|
38
|
+
dangerIconBackground: semantic.color.background.error,
|
|
39
|
+
iconColor: semantic.color.icon.onColor,
|
|
40
|
+
infoBorderColor: semantic.color.stroke.info,
|
|
41
|
+
infoIconBackground: semantic.color.background.info,
|
|
42
|
+
successBorderColor: semantic.color.stroke.success,
|
|
43
|
+
successIconBackground: semantic.color.background.success,
|
|
44
|
+
warningBorderColor: semantic.color.stroke.warning,
|
|
45
|
+
warningIconBackground: semantic.color.background.warning,
|
|
46
|
+
contentPaddingVertical: semantic.spacing.spaceMd,
|
|
47
|
+
contentPaddingHorizontal: semantic.spacing.spaceXl
|
|
48
|
+
});
|
|
49
|
+
export default alert;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* The MIT License (MIT)
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) 2015 - present Instructure, Inc.
|
|
5
|
+
*
|
|
6
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
* in the Software without restriction, including without limitation the rights
|
|
9
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
* furnished to do so, subject to the following conditions:
|
|
12
|
+
*
|
|
13
|
+
* The above copyright notice and this permission notice shall be included in all
|
|
14
|
+
* copies or substantial portions of the Software.
|
|
15
|
+
*
|
|
16
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
|
+
* SOFTWARE.
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
const alert = semantic => ({
|
|
26
|
+
background: semantic.color.background.elevatedSurface.base,
|
|
27
|
+
borderRadius: semantic.borderRadius.lg,
|
|
28
|
+
borderStyle: 'solid',
|
|
29
|
+
borderWidth: semantic.borderWidth.md,
|
|
30
|
+
closeButtonMarginRight: '0.5rem',
|
|
31
|
+
closeButtonMarginTop: '0.5rem',
|
|
32
|
+
color: semantic.color.institutional.brandFontColorDark,
|
|
33
|
+
contentFontFamily: semantic.fontFamily.base,
|
|
34
|
+
contentFontSize: semantic.fontSize.textBase,
|
|
35
|
+
contentFontWeight: semantic.fontWeight.body.base,
|
|
36
|
+
contentLineHeight: semantic.lineHeight.standalone.base,
|
|
37
|
+
dangerBorderColor: semantic.color.stroke.error,
|
|
38
|
+
dangerIconBackground: semantic.color.background.error,
|
|
39
|
+
iconColor: semantic.color.icon.onColor,
|
|
40
|
+
infoBorderColor: semantic.color.stroke.info,
|
|
41
|
+
infoIconBackground: semantic.color.background.info,
|
|
42
|
+
successBorderColor: semantic.color.stroke.success,
|
|
43
|
+
successIconBackground: semantic.color.background.success,
|
|
44
|
+
warningBorderColor: semantic.color.stroke.warning,
|
|
45
|
+
warningIconBackground: semantic.color.background.warning,
|
|
46
|
+
contentPaddingVertical: semantic.spacing.spaceMd,
|
|
47
|
+
contentPaddingHorizontal: semantic.spacing.spaceXl
|
|
48
|
+
});
|
|
49
|
+
export default alert;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* The MIT License (MIT)
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) 2015 - present Instructure, Inc.
|
|
5
|
+
*
|
|
6
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
* in the Software without restriction, including without limitation the rights
|
|
9
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
* furnished to do so, subject to the following conditions:
|
|
12
|
+
*
|
|
13
|
+
* The above copyright notice and this permission notice shall be included in all
|
|
14
|
+
* copies or substantial portions of the Software.
|
|
15
|
+
*
|
|
16
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
|
+
* SOFTWARE.
|
|
23
|
+
*/
|
|
24
|
+
import alertDark from "./alert/dark.js";
|
|
25
|
+
import alertLight from "./alert/light.js";
|
|
26
|
+
import alertCanvas from "./alert/canvas.js";
|
|
27
|
+
import alertCanvasHighContrast from "./alert/canvasHighContrast.js";
|
|
28
|
+
import pillDark from "./pill/dark.js";
|
|
29
|
+
import pillLight from "./pill/light.js";
|
|
30
|
+
import pillCanvas from "./pill/canvas.js";
|
|
31
|
+
import pillCanvasHighContrast from "./pill/canvasHighContrast.js";
|
|
32
|
+
export default {
|
|
33
|
+
dark: {
|
|
34
|
+
Alert: alertDark,
|
|
35
|
+
Pill: pillDark
|
|
36
|
+
},
|
|
37
|
+
light: {
|
|
38
|
+
Alert: alertLight,
|
|
39
|
+
Pill: pillLight
|
|
40
|
+
},
|
|
41
|
+
canvas: {
|
|
42
|
+
Alert: alertCanvas,
|
|
43
|
+
Pill: pillCanvas
|
|
44
|
+
},
|
|
45
|
+
canvasHighContrast: {
|
|
46
|
+
Alert: alertCanvasHighContrast,
|
|
47
|
+
Pill: pillCanvasHighContrast
|
|
48
|
+
}
|
|
49
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* The MIT License (MIT)
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) 2015 - present Instructure, Inc.
|
|
5
|
+
*
|
|
6
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
* in the Software without restriction, including without limitation the rights
|
|
9
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
* furnished to do so, subject to the following conditions:
|
|
12
|
+
*
|
|
13
|
+
* The above copyright notice and this permission notice shall be included in all
|
|
14
|
+
* copies or substantial portions of the Software.
|
|
15
|
+
*
|
|
16
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
|
+
* SOFTWARE.
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
const pill = semantic => ({
|
|
26
|
+
paddingHorizontal: semantic.spacing.spaceSm,
|
|
27
|
+
height: '24px',
|
|
28
|
+
backgroundColor: semantic.color.background.base,
|
|
29
|
+
textFontSize: semantic.fontSize.textSm,
|
|
30
|
+
textFontWeight: semantic.fontWeight.body.base,
|
|
31
|
+
statusLabelFontWeight: semantic.fontWeight.body.strong,
|
|
32
|
+
maxWidth: '240px',
|
|
33
|
+
baseTextColor: semantic.color.text.base,
|
|
34
|
+
baseBorderColor: semantic.color.stroke.base,
|
|
35
|
+
infoTextColor: semantic.color.text.info,
|
|
36
|
+
infoBorderColor: semantic.color.stroke.info,
|
|
37
|
+
errorTextColor: semantic.color.text.error,
|
|
38
|
+
errorBorderColor: semantic.color.stroke.error,
|
|
39
|
+
successTextColor: semantic.color.text.success,
|
|
40
|
+
successBorderColor: semantic.color.stroke.success,
|
|
41
|
+
warningTextColor: semantic.color.text.warning,
|
|
42
|
+
warningBorderColor: semantic.color.stroke.warning,
|
|
43
|
+
borderRadius: semantic.borderRadius.full,
|
|
44
|
+
borderWidth: semantic.borderWidth.sm,
|
|
45
|
+
lineHeight: semantic.lineHeight.standalone.textSm,
|
|
46
|
+
fontFamily: semantic.fontFamily.base,
|
|
47
|
+
borderStyle: 'solid'
|
|
48
|
+
});
|
|
49
|
+
export default pill;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* The MIT License (MIT)
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) 2015 - present Instructure, Inc.
|
|
5
|
+
*
|
|
6
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
* in the Software without restriction, including without limitation the rights
|
|
9
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
* furnished to do so, subject to the following conditions:
|
|
12
|
+
*
|
|
13
|
+
* The above copyright notice and this permission notice shall be included in all
|
|
14
|
+
* copies or substantial portions of the Software.
|
|
15
|
+
*
|
|
16
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
|
+
* SOFTWARE.
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
const pill = semantic => ({
|
|
26
|
+
paddingHorizontal: semantic.spacing.spaceSm,
|
|
27
|
+
height: '24px',
|
|
28
|
+
backgroundColor: semantic.color.background.base,
|
|
29
|
+
textFontSize: semantic.fontSize.textSm,
|
|
30
|
+
textFontWeight: semantic.fontWeight.body.base,
|
|
31
|
+
statusLabelFontWeight: semantic.fontWeight.body.strong,
|
|
32
|
+
maxWidth: '240px',
|
|
33
|
+
baseTextColor: semantic.color.text.base,
|
|
34
|
+
baseBorderColor: semantic.color.stroke.base,
|
|
35
|
+
infoTextColor: semantic.color.text.info,
|
|
36
|
+
infoBorderColor: semantic.color.stroke.info,
|
|
37
|
+
errorTextColor: semantic.color.text.error,
|
|
38
|
+
errorBorderColor: semantic.color.stroke.error,
|
|
39
|
+
successTextColor: semantic.color.text.success,
|
|
40
|
+
successBorderColor: semantic.color.stroke.success,
|
|
41
|
+
warningTextColor: semantic.color.text.warning,
|
|
42
|
+
warningBorderColor: semantic.color.stroke.warning,
|
|
43
|
+
borderRadius: semantic.borderRadius.full,
|
|
44
|
+
borderWidth: semantic.borderWidth.sm,
|
|
45
|
+
lineHeight: semantic.lineHeight.standalone.textSm,
|
|
46
|
+
fontFamily: semantic.fontFamily.base,
|
|
47
|
+
borderStyle: 'solid'
|
|
48
|
+
});
|
|
49
|
+
export default pill;
|