Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@fluentui/react-theme
Advanced tools
@fluentui/react-theme - npm Package Compare versions
Comparing version 0.0.0-nightly39ce3cbcf120211206.1 to 0.0.0-nightly3bc051736320220112.1
@@ -5,5 +5,5 @@ { | ||
| { | ||
| "date": "Mon, 06 Dec 2021 04:16:55 GMT", | ||
| "tag": "@fluentui/react-theme_v0.0.0-nightly39ce3cbcf120211206.1", | ||
| "version": "0.0.0-nightly39ce3cbcf120211206.1", | ||
| "date": "Wed, 12 Jan 2022 04:19:46 GMT", | ||
| "tag": "@fluentui/react-theme_v0.0.0-nightly3bc051736320220112.1", | ||
| "version": "0.0.0-nightly3bc051736320220112.1", | ||
| "comments": { | ||
@@ -14,3 +14,3 @@ "prerelease": [ | ||
| "package": "@fluentui/react-theme", | ||
| "commit": "f5d813357240886d3e3a5215ab8304bf1034298f", | ||
| "commit": "480c16821614e08014fbc10b62ebbf1964c0058d", | ||
| "comment": "Release nightly v9" | ||
@@ -25,2 +25,14 @@ }, | ||
| { | ||
| "author": "Humberto.Morimoto@microsoft.com", | ||
| "package": "@fluentui/react-theme", | ||
| "commit": "b382d0421440e0854673a7967137d6c667544f91", | ||
| "comment": "feat: Export tokens as mapping to CSS variables" | ||
| }, | ||
| { | ||
| "author": "miroslav.stastny@microsoft.com", | ||
| "package": "@fluentui/react-theme", | ||
| "commit": "d7479a7414e636731b678aebb6bf6295fd607fda", | ||
| "comment": "Extend brand ramp from 13 to 16 tokens" | ||
| }, | ||
| { | ||
| "author": "bsunderhus@microsoft.com", | ||
@@ -30,2 +42,8 @@ "package": "@fluentui/react-theme", | ||
| "comment": "Remove `themeToCSSVariables` function" | ||
| }, | ||
| { | ||
| "author": "miroslav.stastny@microsoft.com", | ||
| "package": "@fluentui/react-theme", | ||
| "commit": "8985d65f0aac448c6766d27800922224555be0f4", | ||
| "comment": "feat(react-theme) Add border1 color token for shared colors" | ||
| } | ||
@@ -32,0 +50,0 @@ ] |
| # Change Log - @fluentui/react-theme | ||
| This log was last generated on Mon, 06 Dec 2021 04:16:55 GMT and should not be manually modified. | ||
| This log was last generated on Wed, 12 Jan 2022 04:19:46 GMT and should not be manually modified. | ||
| <!-- Start content --> | ||
| ## [0.0.0-nightly39ce3cbcf120211206.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightly39ce3cbcf120211206.1) | ||
| ## [0.0.0-nightly3bc051736320220112.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightly3bc051736320220112.1) | ||
| Mon, 06 Dec 2021 04:16:55 GMT | ||
| [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v0.0.0-nightly39ce3cbcf120211206.1) | ||
| Wed, 12 Jan 2022 04:19:46 GMT | ||
| [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v0.0.0-nightly3bc051736320220112.1) | ||
| ### Changes | ||
| - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/f5d813357240886d3e3a5215ab8304bf1034298f) by email not defined) | ||
| - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/480c16821614e08014fbc10b62ebbf1964c0058d) by email not defined) | ||
| - updating brand colors ([PR #20140](https://github.com/microsoft/fluentui/pull/20140) by andmarti@microsoft.com) | ||
| - feat: Export tokens as mapping to CSS variables ([PR #21026](https://github.com/microsoft/fluentui/pull/21026) by Humberto.Morimoto@microsoft.com) | ||
| - Extend brand ramp from 13 to 16 tokens ([PR #20884](https://github.com/microsoft/fluentui/pull/20884) by miroslav.stastny@microsoft.com) | ||
| - Remove `themeToCSSVariables` function ([PR #20828](https://github.com/microsoft/fluentui/pull/20828) by bsunderhus@microsoft.com) | ||
| - feat(react-theme) Add border1 color token for shared colors ([PR #20963](https://github.com/microsoft/fluentui/pull/20963) by miroslav.stastny@microsoft.com) | ||
@@ -18,0 +21,0 @@ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.4) |
@@ -10,105 +10,105 @@ export declare type BorderRadiusTokens = { | ||
| export declare type BrandVariants = ColorVariants & { | ||
| shade60: string; | ||
| }; | ||
| export declare type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160; | ||
| declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder2'; | ||
| export declare type BrandVariants = Record<Brands, string>; | ||
| declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder2'; | ||
| export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder1' | 'colorPaletteAnchorBorder2'; | ||
| declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder2'; | ||
| export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder1' | 'colorPaletteBeigeBorder2'; | ||
| declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder2'; | ||
| export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder1' | 'colorPaletteBerryBorder2'; | ||
| declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder2'; | ||
| export declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder1' | 'colorPaletteBlueBorder2'; | ||
| declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder2'; | ||
| export declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder1' | 'colorPaletteBrassBorder2'; | ||
| declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder2'; | ||
| export declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder1' | 'colorPaletteBronzeBorder2'; | ||
| declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder2'; | ||
| export declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder1' | 'colorPaletteBrownBorder2'; | ||
| declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder2'; | ||
| export declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder1' | 'colorPaletteBurgundyBorder2'; | ||
| declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder2'; | ||
| export declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder1' | 'colorPaletteCharcoalBorder2'; | ||
| declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder2'; | ||
| export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder1' | 'colorPaletteCornflowerBorder2'; | ||
| declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder2'; | ||
| export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder1' | 'colorPaletteCranberryBorder2'; | ||
| declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder2'; | ||
| export declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder1' | 'colorPaletteCyanBorder2'; | ||
| declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder2'; | ||
| export declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder1' | 'colorPaletteDarkBlueBorder2'; | ||
| declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder2'; | ||
| export declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder1' | 'colorPaletteDarkBrownBorder2'; | ||
| declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder2'; | ||
| export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder1' | 'colorPaletteDarkGreenBorder2'; | ||
| declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder2'; | ||
| export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder1' | 'colorPaletteDarkOrangeBorder2'; | ||
| declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder2'; | ||
| export declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder1' | 'colorPaletteDarkPurpleBorder2'; | ||
| declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder2'; | ||
| export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder1' | 'colorPaletteDarkRedBorder2'; | ||
| declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder2'; | ||
| export declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder1' | 'colorPaletteDarkTealBorder2'; | ||
| declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder2'; | ||
| export declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder1' | 'colorPaletteForestBorder2'; | ||
| declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder2'; | ||
| export declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder1' | 'colorPaletteGoldBorder2'; | ||
| declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder2'; | ||
| export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder1' | 'colorPaletteGrapeBorder2'; | ||
| declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder2'; | ||
| export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder1' | 'colorPaletteGreenBorder2'; | ||
| declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder2'; | ||
| export declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder1' | 'colorPaletteHotPinkBorder2'; | ||
| declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder2'; | ||
| export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder1' | 'colorPaletteLavenderBorder2'; | ||
| declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder2'; | ||
| export declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder1' | 'colorPaletteLightBlueBorder2'; | ||
| declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder2'; | ||
| export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder1' | 'colorPaletteLightGreenBorder2'; | ||
| declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder2'; | ||
| export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder1' | 'colorPaletteLightTealBorder2'; | ||
| declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder2'; | ||
| export declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder1' | 'colorPaletteLilacBorder2'; | ||
| declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder2'; | ||
| export declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder1' | 'colorPaletteLimeBorder2'; | ||
| declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder2'; | ||
| export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder1' | 'colorPaletteMagentaBorder2'; | ||
| declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder2'; | ||
| export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder1' | 'colorPaletteMarigoldBorder2'; | ||
| declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder2'; | ||
| export declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder1' | 'colorPaletteMinkBorder2'; | ||
| declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder2'; | ||
| export declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder1' | 'colorPaletteNavyBorder2'; | ||
| declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder2'; | ||
| export declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder1' | 'colorPaletteOrangeBorder2'; | ||
| declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder2'; | ||
| export declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder1' | 'colorPaletteOrchidBorder2'; | ||
| declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder2'; | ||
| export declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder1' | 'colorPalettePeachBorder2'; | ||
| declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder2'; | ||
| export declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder1' | 'colorPalettePinkBorder2'; | ||
| declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder2'; | ||
| export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder1' | 'colorPalettePlatinumBorder2'; | ||
| declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder2'; | ||
| export declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder1' | 'colorPalettePlumBorder2'; | ||
| declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder2'; | ||
| export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder1' | 'colorPalettePumpkinBorder2'; | ||
| declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder2'; | ||
| export declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder1' | 'colorPalettePurpleBorder2'; | ||
| declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder2'; | ||
| export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder1' | 'colorPaletteRedBorder2'; | ||
| declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder2'; | ||
| export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder1' | 'colorPaletteRoyalBlueBorder2'; | ||
| declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder2'; | ||
| export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder1' | 'colorPaletteSeafoamBorder2'; | ||
| declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder2'; | ||
| export declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder1' | 'colorPaletteSilverBorder2'; | ||
| declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder2'; | ||
| export declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder1' | 'colorPaletteSteelBorder2'; | ||
| export declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder1' | 'colorPaletteTealBorder2'; | ||
| export declare type ColorPaletteTokens = Record<ColorPaletteDarkRed | ColorPaletteBurgundy | ColorPaletteCranberry | ColorPaletteRed | ColorPaletteDarkOrange | ColorPaletteBronze | ColorPalettePumpkin | ColorPaletteOrange | ColorPalettePeach | ColorPaletteMarigold | ColorPaletteYellow | ColorPaletteGold | ColorPaletteBrass | ColorPaletteBrown | ColorPaletteDarkBrown | ColorPaletteLime | ColorPaletteForest | ColorPaletteSeafoam | ColorPaletteLightGreen | ColorPaletteGreen | ColorPaletteDarkGreen | ColorPaletteLightTeal | ColorPaletteTeal | ColorPaletteDarkTeal | ColorPaletteCyan | ColorPaletteSteel | ColorPaletteLightBlue | ColorPaletteBlue | ColorPaletteRoyalBlue | ColorPaletteDarkBlue | ColorPaletteCornflower | ColorPaletteNavy | ColorPaletteLavender | ColorPalettePurple | ColorPaletteDarkPurple | ColorPaletteOrchid | ColorPaletteGrape | ColorPaletteBerry | ColorPaletteLilac | ColorPalettePink | ColorPaletteHotPink | ColorPaletteMagenta | ColorPalettePlum | ColorPaletteBeige | ColorPaletteMink | ColorPaletteSilver | ColorPalettePlatinum | ColorPaletteAnchor | ColorPaletteCharcoal, string>; | ||
| declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder2'; | ||
| export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2'; | ||
@@ -256,20 +256,2 @@ /** | ||
| /** | ||
| * Possible color variant values | ||
| */ | ||
| declare type ColorVariants = { | ||
| shade50: string; | ||
| shade40: string; | ||
| shade30: string; | ||
| shade20: string; | ||
| shade10: string; | ||
| primary: string; | ||
| tint10: string; | ||
| tint20: string; | ||
| tint30: string; | ||
| tint40: string; | ||
| tint50: string; | ||
| tint60: string; | ||
| }; | ||
| export declare const createDarkTheme: (brand: BrandVariants) => Theme; | ||
@@ -361,2 +343,4 @@ | ||
| export declare const tokens: Record<keyof Theme, string>; | ||
| export declare const webDarkTheme: Theme; | ||
@@ -363,0 +347,0 @@ |
@@ -19,5 +19,5 @@ "use strict"; | ||
| colorNeutralForeground2Selected: colors_1.white, | ||
| colorNeutralForeground2BrandHover: brand.tint20, | ||
| colorNeutralForeground2BrandPressed: brand.tint10, | ||
| colorNeutralForeground2BrandSelected: brand.tint20, | ||
| colorNeutralForeground2BrandHover: brand[100], | ||
| colorNeutralForeground2BrandPressed: brand[90], | ||
| colorNeutralForeground2BrandSelected: brand[100], | ||
| colorNeutralForeground3: colors_1.grey[68], | ||
@@ -27,17 +27,17 @@ colorNeutralForeground3Hover: colors_1.grey[84], | ||
| colorNeutralForeground3Selected: colors_1.grey[84], | ||
| colorNeutralForeground3BrandHover: brand.tint20, | ||
| colorNeutralForeground3BrandPressed: brand.tint10, | ||
| colorNeutralForeground3BrandSelected: brand.tint20, | ||
| colorNeutralForeground3BrandHover: brand[100], | ||
| colorNeutralForeground3BrandPressed: brand[90], | ||
| colorNeutralForeground3BrandSelected: brand[100], | ||
| colorNeutralForeground4: colors_1.grey[60], | ||
| colorNeutralForegroundDisabled: colors_1.grey[36], | ||
| colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40], | ||
| colorBrandForegroundLink: brand.tint10, | ||
| colorBrandForegroundLinkHover: brand.tint30, | ||
| colorBrandForegroundLinkPressed: brand.tint20, | ||
| colorBrandForegroundLinkSelected: brand.tint10, | ||
| colorCompoundBrandForeground1: brand.tint10, | ||
| colorCompoundBrandForeground1Hover: brand.tint20, | ||
| colorCompoundBrandForeground1Pressed: brand.primary, | ||
| colorBrandForeground1: brand.tint20, | ||
| colorBrandForeground2: brand.tint30, | ||
| colorBrandForegroundLink: brand[90], | ||
| colorBrandForegroundLinkHover: brand[110], | ||
| colorBrandForegroundLinkPressed: brand[100], | ||
| colorBrandForegroundLinkSelected: brand[90], | ||
| colorCompoundBrandForeground1: brand[90], | ||
| colorCompoundBrandForeground1Hover: brand[100], | ||
| colorCompoundBrandForeground1Pressed: brand[80], | ||
| colorBrandForeground1: brand[100], | ||
| colorBrandForeground2: brand[110], | ||
| colorNeutralForegroundInverted: colors_1.white, | ||
@@ -52,9 +52,9 @@ colorNeutralForegroundInvertedHover: colors_1.white, | ||
| colorNeutralForegroundInvertedLinkSelected: colors_1.white, | ||
| colorBrandForegroundInverted: brand.tint20, | ||
| colorBrandForegroundInvertedHover: brand.tint30, | ||
| colorBrandForegroundInvertedPressed: brand.tint20, | ||
| colorBrandForegroundOnLight: brand.primary, | ||
| colorBrandForegroundOnLightHover: brand.shade10, | ||
| colorBrandForegroundOnLightPressed: brand.shade30, | ||
| colorBrandForegroundOnLightSelected: brand.shade20, | ||
| colorBrandForegroundInverted: brand[100], | ||
| colorBrandForegroundInvertedHover: brand[110], | ||
| colorBrandForegroundInvertedPressed: brand[100], | ||
| colorBrandForegroundOnLight: brand[80], | ||
| colorBrandForegroundOnLightHover: brand[70], | ||
| colorBrandForegroundOnLightPressed: brand[50], | ||
| colorBrandForegroundOnLightSelected: brand[60], | ||
| colorNeutralBackground1: colors_1.grey[16], | ||
@@ -101,19 +101,19 @@ colorNeutralBackground1Hover: colors_1.grey[24], | ||
| colorNeutralStencil2: colors_1.grey[34], | ||
| colorBrandBackground: brand.shade10, | ||
| colorBrandBackgroundHover: brand.primary, | ||
| colorBrandBackgroundPressed: brand.shade40, | ||
| colorBrandBackgroundSelected: brand.shade20, | ||
| colorCompoundBrandBackground: brand.tint10, | ||
| colorCompoundBrandBackgroundHover: brand.tint20, | ||
| colorCompoundBrandBackgroundPressed: brand.primary, | ||
| colorBrandBackgroundStatic: brand.primary, | ||
| colorBrandBackground2: brand.shade40, | ||
| colorBrandBackground: brand[70], | ||
| colorBrandBackgroundHover: brand[80], | ||
| colorBrandBackgroundPressed: brand[40], | ||
| colorBrandBackgroundSelected: brand[60], | ||
| colorCompoundBrandBackground: brand[90], | ||
| colorCompoundBrandBackgroundHover: brand[100], | ||
| colorCompoundBrandBackgroundPressed: brand[80], | ||
| colorBrandBackgroundStatic: brand[80], | ||
| colorBrandBackground2: brand[40], | ||
| colorBrandBackgroundInverted: colors_1.white, | ||
| colorBrandBackgroundInvertedHover: brand.tint60, | ||
| colorBrandBackgroundInvertedPressed: brand.tint40, | ||
| colorBrandBackgroundInvertedSelected: brand.tint50, | ||
| colorBrandBackgroundInvertedHover: brand[160], | ||
| colorBrandBackgroundInvertedPressed: brand[140], | ||
| colorBrandBackgroundInvertedSelected: brand[150], | ||
| colorNeutralStrokeAccessible: colors_1.grey[68], | ||
| colorNeutralStrokeAccessibleHover: colors_1.grey[74], | ||
| colorNeutralStrokeAccessiblePressed: colors_1.grey[70], | ||
| colorNeutralStrokeAccessibleSelected: brand.tint20, | ||
| colorNeutralStrokeAccessibleSelected: brand[100], | ||
| colorNeutralStroke1: colors_1.grey[40], | ||
@@ -130,7 +130,7 @@ colorNeutralStroke1Hover: colors_1.grey[46], | ||
| colorNeutralStrokeOnBrand2Selected: colors_1.white, | ||
| colorBrandStroke1: brand.tint10, | ||
| colorBrandStroke2: brand.shade30, | ||
| colorCompoundBrandStroke: brand.tint10, | ||
| colorCompoundBrandStrokeHover: brand.tint20, | ||
| colorCompoundBrandStrokePressed: brand.primary, | ||
| colorBrandStroke1: brand[90], | ||
| colorBrandStroke2: brand[50], | ||
| colorCompoundBrandStroke: brand[90], | ||
| colorCompoundBrandStrokeHover: brand[100], | ||
| colorCompoundBrandStrokePressed: brand[80], | ||
| colorNeutralStrokeDisabled: colors_1.grey[26], | ||
@@ -150,3 +150,4 @@ colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40], | ||
| colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
| }); | ||
@@ -165,2 +166,3 @@ | ||
| [`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].tint30, | ||
| [`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].primary, | ||
| [`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].tint20 | ||
@@ -167,0 +169,0 @@ }; |
@@ -145,3 +145,4 @@ "use strict"; | ||
| colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
| }); | ||
@@ -160,2 +161,3 @@ | ||
| [`colorPalette${color}BorderActive`]: colors_1.hcHighlight, | ||
| [`colorPalette${color}Border1`]: colors_1.white, | ||
| [`colorPalette${color}Border2`]: colors_1.white | ||
@@ -162,0 +164,0 @@ }; |
@@ -19,5 +19,5 @@ "use strict"; | ||
| colorNeutralForeground2Selected: colors_1.grey[14], | ||
| colorNeutralForeground2BrandHover: brand.primary, | ||
| colorNeutralForeground2BrandPressed: brand.shade10, | ||
| colorNeutralForeground2BrandSelected: brand.primary, | ||
| colorNeutralForeground2BrandHover: brand[80], | ||
| colorNeutralForeground2BrandPressed: brand[70], | ||
| colorNeutralForeground2BrandSelected: brand[80], | ||
| colorNeutralForeground3: colors_1.grey[38], | ||
@@ -27,17 +27,17 @@ colorNeutralForeground3Hover: colors_1.grey[26], | ||
| colorNeutralForeground3Selected: colors_1.grey[26], | ||
| colorNeutralForeground3BrandHover: brand.primary, | ||
| colorNeutralForeground3BrandPressed: brand.shade10, | ||
| colorNeutralForeground3BrandSelected: brand.primary, | ||
| colorNeutralForeground3BrandHover: brand[80], | ||
| colorNeutralForeground3BrandPressed: brand[70], | ||
| colorNeutralForeground3BrandSelected: brand[80], | ||
| colorNeutralForeground4: colors_1.grey[44], | ||
| colorNeutralForegroundDisabled: colors_1.grey[74], | ||
| colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40], | ||
| colorBrandForegroundLink: brand.shade10, | ||
| colorBrandForegroundLinkHover: brand.shade20, | ||
| colorBrandForegroundLinkPressed: brand.shade40, | ||
| colorBrandForegroundLinkSelected: brand.shade10, | ||
| colorCompoundBrandForeground1: brand.primary, | ||
| colorCompoundBrandForeground1Hover: brand.shade10, | ||
| colorCompoundBrandForeground1Pressed: brand.shade20, | ||
| colorBrandForeground1: brand.primary, | ||
| colorBrandForeground2: brand.shade10, | ||
| colorBrandForegroundLink: brand[70], | ||
| colorBrandForegroundLinkHover: brand[60], | ||
| colorBrandForegroundLinkPressed: brand[40], | ||
| colorBrandForegroundLinkSelected: brand[70], | ||
| colorCompoundBrandForeground1: brand[80], | ||
| colorCompoundBrandForeground1Hover: brand[70], | ||
| colorCompoundBrandForeground1Pressed: brand[60], | ||
| colorBrandForeground1: brand[80], | ||
| colorBrandForeground2: brand[70], | ||
| colorNeutralForegroundInverted: colors_1.white, | ||
@@ -52,9 +52,9 @@ colorNeutralForegroundInvertedHover: colors_1.white, | ||
| colorNeutralForegroundInvertedLinkSelected: colors_1.white, | ||
| colorBrandForegroundInverted: brand.tint20, | ||
| colorBrandForegroundInvertedHover: brand.tint30, | ||
| colorBrandForegroundInvertedPressed: brand.tint20, | ||
| colorBrandForegroundOnLight: brand.primary, | ||
| colorBrandForegroundOnLightHover: brand.shade10, | ||
| colorBrandForegroundOnLightPressed: brand.shade30, | ||
| colorBrandForegroundOnLightSelected: brand.shade20, | ||
| colorBrandForegroundInverted: brand[100], | ||
| colorBrandForegroundInvertedHover: brand[110], | ||
| colorBrandForegroundInvertedPressed: brand[100], | ||
| colorBrandForegroundOnLight: brand[80], | ||
| colorBrandForegroundOnLightHover: brand[70], | ||
| colorBrandForegroundOnLightPressed: brand[50], | ||
| colorBrandForegroundOnLightSelected: brand[60], | ||
| colorNeutralBackground1: colors_1.white, | ||
@@ -101,19 +101,19 @@ colorNeutralBackground1Hover: colors_1.grey[96], | ||
| colorNeutralStencil2: colors_1.grey[98], | ||
| colorBrandBackground: brand.primary, | ||
| colorBrandBackgroundHover: brand.shade10, | ||
| colorBrandBackgroundPressed: brand.shade40, | ||
| colorBrandBackgroundSelected: brand.shade20, | ||
| colorCompoundBrandBackground: brand.primary, | ||
| colorCompoundBrandBackgroundHover: brand.shade10, | ||
| colorCompoundBrandBackgroundPressed: brand.shade20, | ||
| colorBrandBackgroundStatic: brand.primary, | ||
| colorBrandBackground2: brand.tint60, | ||
| colorBrandBackground: brand[80], | ||
| colorBrandBackgroundHover: brand[70], | ||
| colorBrandBackgroundPressed: brand[40], | ||
| colorBrandBackgroundSelected: brand[60], | ||
| colorCompoundBrandBackground: brand[80], | ||
| colorCompoundBrandBackgroundHover: brand[70], | ||
| colorCompoundBrandBackgroundPressed: brand[60], | ||
| colorBrandBackgroundStatic: brand[80], | ||
| colorBrandBackground2: brand[160], | ||
| colorBrandBackgroundInverted: colors_1.white, | ||
| colorBrandBackgroundInvertedHover: brand.tint60, | ||
| colorBrandBackgroundInvertedPressed: brand.tint40, | ||
| colorBrandBackgroundInvertedSelected: brand.tint50, | ||
| colorBrandBackgroundInvertedHover: brand[160], | ||
| colorBrandBackgroundInvertedPressed: brand[140], | ||
| colorBrandBackgroundInvertedSelected: brand[150], | ||
| colorNeutralStrokeAccessible: colors_1.grey[38], | ||
| colorNeutralStrokeAccessibleHover: colors_1.grey[34], | ||
| colorNeutralStrokeAccessiblePressed: colors_1.grey[30], | ||
| colorNeutralStrokeAccessibleSelected: brand.primary, | ||
| colorNeutralStrokeAccessibleSelected: brand[80], | ||
| colorNeutralStroke1: colors_1.grey[82], | ||
@@ -130,7 +130,7 @@ colorNeutralStroke1Hover: colors_1.grey[78], | ||
| colorNeutralStrokeOnBrand2Selected: colors_1.white, | ||
| colorBrandStroke1: brand.primary, | ||
| colorBrandStroke2: brand.tint40, | ||
| colorCompoundBrandStroke: brand.primary, | ||
| colorCompoundBrandStrokeHover: brand.shade10, | ||
| colorCompoundBrandStrokePressed: brand.shade20, | ||
| colorBrandStroke1: brand[80], | ||
| colorBrandStroke2: brand[140], | ||
| colorCompoundBrandStroke: brand[80], | ||
| colorCompoundBrandStrokeHover: brand[70], | ||
| colorCompoundBrandStrokePressed: brand[60], | ||
| colorNeutralStrokeDisabled: colors_1.grey[88], | ||
@@ -150,3 +150,4 @@ colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40], | ||
| colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
| }); | ||
@@ -165,2 +166,3 @@ | ||
| [`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].primary, | ||
| [`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].tint40, | ||
| [`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].primary | ||
@@ -167,0 +169,0 @@ }; |
@@ -19,5 +19,5 @@ "use strict"; | ||
| colorNeutralForeground2Selected: colors_1.white, | ||
| colorNeutralForeground2BrandHover: brand.tint20, | ||
| colorNeutralForeground2BrandPressed: brand.tint10, | ||
| colorNeutralForeground2BrandSelected: brand.tint20, | ||
| colorNeutralForeground2BrandHover: brand[100], | ||
| colorNeutralForeground2BrandPressed: brand[90], | ||
| colorNeutralForeground2BrandSelected: brand[100], | ||
| colorNeutralForeground3: colors_1.grey[68], | ||
@@ -27,17 +27,17 @@ colorNeutralForeground3Hover: colors_1.grey[84], | ||
| colorNeutralForeground3Selected: colors_1.grey[84], | ||
| colorNeutralForeground3BrandHover: brand.tint20, | ||
| colorNeutralForeground3BrandPressed: brand.tint10, | ||
| colorNeutralForeground3BrandSelected: brand.tint20, | ||
| colorNeutralForeground3BrandHover: brand[100], | ||
| colorNeutralForeground3BrandPressed: brand[90], | ||
| colorNeutralForeground3BrandSelected: brand[100], | ||
| colorNeutralForeground4: colors_1.grey[60], | ||
| colorNeutralForegroundDisabled: colors_1.grey[36], | ||
| colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40], | ||
| colorBrandForegroundLink: brand.tint10, | ||
| colorBrandForegroundLinkHover: brand.tint30, | ||
| colorBrandForegroundLinkPressed: brand.tint20, | ||
| colorBrandForegroundLinkSelected: brand.tint10, | ||
| colorCompoundBrandForeground1: brand.tint10, | ||
| colorCompoundBrandForeground1Hover: brand.tint20, | ||
| colorCompoundBrandForeground1Pressed: brand.primary, | ||
| colorBrandForeground1: brand.tint20, | ||
| colorBrandForeground2: brand.tint30, | ||
| colorBrandForegroundLink: brand[90], | ||
| colorBrandForegroundLinkHover: brand[110], | ||
| colorBrandForegroundLinkPressed: brand[100], | ||
| colorBrandForegroundLinkSelected: brand[90], | ||
| colorCompoundBrandForeground1: brand[90], | ||
| colorCompoundBrandForeground1Hover: brand[100], | ||
| colorCompoundBrandForeground1Pressed: brand[80], | ||
| colorBrandForeground1: brand[100], | ||
| colorBrandForeground2: brand[110], | ||
| colorNeutralForegroundInverted: colors_1.white, | ||
@@ -52,9 +52,9 @@ colorNeutralForegroundInvertedHover: colors_1.white, | ||
| colorNeutralForegroundInvertedLinkSelected: colors_1.white, | ||
| colorBrandForegroundInverted: brand.tint20, | ||
| colorBrandForegroundInvertedHover: brand.tint30, | ||
| colorBrandForegroundInvertedPressed: brand.tint20, | ||
| colorBrandForegroundOnLight: brand.primary, | ||
| colorBrandForegroundOnLightHover: brand.shade10, | ||
| colorBrandForegroundOnLightPressed: brand.shade30, | ||
| colorBrandForegroundOnLightSelected: brand.shade20, | ||
| colorBrandForegroundInverted: brand[100], | ||
| colorBrandForegroundInvertedHover: brand[110], | ||
| colorBrandForegroundInvertedPressed: brand[100], | ||
| colorBrandForegroundOnLight: brand[80], | ||
| colorBrandForegroundOnLightHover: brand[70], | ||
| colorBrandForegroundOnLightPressed: brand[50], | ||
| colorBrandForegroundOnLightSelected: brand[60], | ||
| colorNeutralBackground1: colors_1.grey[16], | ||
@@ -101,19 +101,19 @@ colorNeutralBackground1Hover: colors_1.grey[24], | ||
| colorNeutralStencil2: colors_1.grey[34], | ||
| colorBrandBackground: brand.shade10, | ||
| colorBrandBackgroundHover: brand.primary, | ||
| colorBrandBackgroundPressed: brand.shade40, | ||
| colorBrandBackgroundSelected: brand.shade20, | ||
| colorCompoundBrandBackground: brand.tint10, | ||
| colorCompoundBrandBackgroundHover: brand.tint20, | ||
| colorCompoundBrandBackgroundPressed: brand.primary, | ||
| colorBrandBackgroundStatic: brand.primary, | ||
| colorBrandBackground2: brand.shade40, | ||
| colorBrandBackground: brand[70], | ||
| colorBrandBackgroundHover: brand[80], | ||
| colorBrandBackgroundPressed: brand[40], | ||
| colorBrandBackgroundSelected: brand[60], | ||
| colorCompoundBrandBackground: brand[90], | ||
| colorCompoundBrandBackgroundHover: brand[100], | ||
| colorCompoundBrandBackgroundPressed: brand[80], | ||
| colorBrandBackgroundStatic: brand[80], | ||
| colorBrandBackground2: brand[40], | ||
| colorBrandBackgroundInverted: colors_1.white, | ||
| colorBrandBackgroundInvertedHover: brand.tint60, | ||
| colorBrandBackgroundInvertedPressed: brand.tint40, | ||
| colorBrandBackgroundInvertedSelected: brand.tint50, | ||
| colorBrandBackgroundInvertedHover: brand[160], | ||
| colorBrandBackgroundInvertedPressed: brand[140], | ||
| colorBrandBackgroundInvertedSelected: brand[150], | ||
| colorNeutralStrokeAccessible: colors_1.grey[68], | ||
| colorNeutralStrokeAccessibleHover: colors_1.grey[74], | ||
| colorNeutralStrokeAccessiblePressed: colors_1.grey[70], | ||
| colorNeutralStrokeAccessibleSelected: brand.tint20, | ||
| colorNeutralStrokeAccessibleSelected: brand[100], | ||
| colorNeutralStroke1: colors_1.grey[40], | ||
@@ -130,7 +130,7 @@ colorNeutralStroke1Hover: colors_1.grey[46], | ||
| colorNeutralStrokeOnBrand2Selected: colors_1.white, | ||
| colorBrandStroke1: brand.tint10, | ||
| colorBrandStroke2: brand.shade30, | ||
| colorCompoundBrandStroke: brand.tint10, | ||
| colorCompoundBrandStrokeHover: brand.tint20, | ||
| colorCompoundBrandStrokePressed: brand.primary, | ||
| colorBrandStroke1: brand[90], | ||
| colorBrandStroke2: brand[50], | ||
| colorCompoundBrandStroke: brand[90], | ||
| colorCompoundBrandStrokeHover: brand[100], | ||
| colorCompoundBrandStrokePressed: brand[80], | ||
| colorNeutralStrokeDisabled: colors_1.grey[26], | ||
@@ -150,3 +150,4 @@ colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40], | ||
| colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
| }); | ||
@@ -165,2 +166,3 @@ | ||
| [`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].tint30, | ||
| [`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].primary, | ||
| [`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].tint20 | ||
@@ -167,0 +169,0 @@ }; |
| import type { BrandVariants } from '../types'; | ||
| export declare const brandWeb: BrandVariants; | ||
| export declare const brandTeams: BrandVariants; | ||
| export declare const brandOffice: BrandVariants; |
@@ -6,34 +6,57 @@ "use strict"; | ||
| }); | ||
| exports.brandTeams = exports.brandWeb = void 0; // TODO: values should be set per product theme | ||
| exports.brandOffice = exports.brandTeams = exports.brandWeb = void 0; | ||
| exports.brandWeb = { | ||
| shade60: '#092C47', | ||
| shade50: '#043862', | ||
| shade40: '#004578', | ||
| shade30: '#004C87', | ||
| shade20: '#005A9E', | ||
| shade10: '#106EBE', | ||
| primary: '#0078D4', | ||
| tint10: '#2899F5', | ||
| tint20: '#3AA0F3', | ||
| tint30: '#6CB8F6', | ||
| tint40: '#C7E0F4', | ||
| tint50: '#DEECF9', | ||
| tint60: '#EFF6FC' | ||
| 10: `#001526`, | ||
| 20: `#002848`, | ||
| 30: `#043862`, | ||
| 40: `#004578`, | ||
| 50: `#004c87`, | ||
| 60: `#005a9e`, | ||
| 70: `#106ebe`, | ||
| 80: `#0078d4`, | ||
| 90: `#1890f1`, | ||
| 100: `#2899f5`, | ||
| 110: `#3aa0f3`, | ||
| 120: `#6cb8f6`, | ||
| 130: `#82c7ff`, | ||
| 140: `#c7e0f4`, | ||
| 150: `#deecf9`, | ||
| 160: `#eff6fc` | ||
| }; | ||
| exports.brandTeams = { | ||
| shade60: '#2f2f4a', | ||
| shade50: '#333357', | ||
| shade40: '#383966', | ||
| shade30: '#3d3e78', | ||
| shade20: '#444791', | ||
| shade10: '#4f52b2', | ||
| primary: '#5b5fc7', | ||
| tint10: '#7a80eb', | ||
| tint20: '#9399f5', | ||
| tint30: '#acb3fa', | ||
| tint40: '#c5cbfa', | ||
| tint50: '#dcdffa', | ||
| tint60: '#e8ebfa' | ||
| 10: `#2b2b40`, | ||
| 20: `#2f2f4a`, | ||
| 30: `#333357`, | ||
| 40: `#383966`, | ||
| 50: `#3d3e78`, | ||
| 60: `#444791`, | ||
| 70: `#4f52b2`, | ||
| 80: `#5b5fc7`, | ||
| 90: `#7579eb`, | ||
| 100: `#7f85f5`, | ||
| 110: `#9299f7`, | ||
| 120: `#aab1fa`, | ||
| 130: `#b6bcfa`, | ||
| 140: `#c5cbfa`, | ||
| 150: `#dce0fa`, | ||
| 160: `#e8ebfa` | ||
| }; | ||
| exports.brandOffice = { | ||
| 10: `#29130b`, | ||
| 20: `#4d2415`, | ||
| 30: `#792000`, | ||
| 40: `#99482b`, | ||
| 50: `#a52c00`, | ||
| 60: `#c33400`, | ||
| 70: `#e06a3f`, | ||
| 80: `#d83b01`, | ||
| 90: `#dd4f1b`, | ||
| 100: `#fe7948`, | ||
| 110: `#ff865a`, | ||
| 120: `#ff9973`, | ||
| 130: `#e8825d`, | ||
| 140: `#ffb498`, | ||
| 150: `#f4beaa`, | ||
| 160: `#f9dcd1` | ||
| }; | ||
| //# sourceMappingURL=brandColors.js.map |
| export * from './themes/index'; | ||
| export * from './utils/index'; | ||
| export type { BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorTokens, PartialTheme, Theme, } from './types'; | ||
| export { tokens } from './tokens'; | ||
| export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, } from './types'; |
@@ -6,2 +6,3 @@ "use strict"; | ||
| }); | ||
| exports.tokens = void 0; | ||
@@ -13,2 +14,11 @@ const tslib_1 = /*#__PURE__*/require("tslib"); | ||
| tslib_1.__exportStar(require("./utils/index"), exports); | ||
| var tokens_1 = /*#__PURE__*/require("./tokens"); | ||
| Object.defineProperty(exports, "tokens", { | ||
| enumerable: true, | ||
| get: function () { | ||
| return tokens_1.tokens; | ||
| } | ||
| }); | ||
| //# sourceMappingURL=index.js.map |
@@ -141,51 +141,51 @@ /** | ||
| }; | ||
| export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder2'; | ||
| export declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder2'; | ||
| export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder2'; | ||
| export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder2'; | ||
| export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder2'; | ||
| export declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder2'; | ||
| export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder2'; | ||
| export declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder2'; | ||
| export declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder2'; | ||
| export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder2'; | ||
| export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder2'; | ||
| export declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder2'; | ||
| export declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder2'; | ||
| export declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder2'; | ||
| export declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder2'; | ||
| export declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder2'; | ||
| export declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder2'; | ||
| export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder2'; | ||
| export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder2'; | ||
| export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder2'; | ||
| export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder2'; | ||
| export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder2'; | ||
| export declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder2'; | ||
| export declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder2'; | ||
| export declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder2'; | ||
| export declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder2'; | ||
| export declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder2'; | ||
| export declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder2'; | ||
| export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder2'; | ||
| export declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder2'; | ||
| export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder2'; | ||
| export declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder2'; | ||
| export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder2'; | ||
| export declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder2'; | ||
| export declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder2'; | ||
| export declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder2'; | ||
| export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder2'; | ||
| export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder2'; | ||
| export declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder2'; | ||
| export declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder2'; | ||
| export declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder2'; | ||
| export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder2'; | ||
| export declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder2'; | ||
| export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder2'; | ||
| export declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder2'; | ||
| export declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder2'; | ||
| export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder2'; | ||
| export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder2'; | ||
| export declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder2'; | ||
| export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder1' | 'colorPaletteDarkRedBorder2'; | ||
| export declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder1' | 'colorPaletteBurgundyBorder2'; | ||
| export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder1' | 'colorPaletteCranberryBorder2'; | ||
| export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder1' | 'colorPaletteRedBorder2'; | ||
| export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder1' | 'colorPaletteDarkOrangeBorder2'; | ||
| export declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder1' | 'colorPaletteBronzeBorder2'; | ||
| export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder1' | 'colorPalettePumpkinBorder2'; | ||
| export declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder1' | 'colorPaletteOrangeBorder2'; | ||
| export declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder1' | 'colorPalettePeachBorder2'; | ||
| export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder1' | 'colorPaletteMarigoldBorder2'; | ||
| export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2'; | ||
| export declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder1' | 'colorPaletteGoldBorder2'; | ||
| export declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder1' | 'colorPaletteBrassBorder2'; | ||
| export declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder1' | 'colorPaletteBrownBorder2'; | ||
| export declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder1' | 'colorPaletteDarkBrownBorder2'; | ||
| export declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder1' | 'colorPaletteLimeBorder2'; | ||
| export declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder1' | 'colorPaletteForestBorder2'; | ||
| export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder1' | 'colorPaletteSeafoamBorder2'; | ||
| export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder1' | 'colorPaletteLightGreenBorder2'; | ||
| export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder1' | 'colorPaletteGreenBorder2'; | ||
| export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder1' | 'colorPaletteDarkGreenBorder2'; | ||
| export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder1' | 'colorPaletteLightTealBorder2'; | ||
| export declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder1' | 'colorPaletteTealBorder2'; | ||
| export declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder1' | 'colorPaletteDarkTealBorder2'; | ||
| export declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder1' | 'colorPaletteCyanBorder2'; | ||
| export declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder1' | 'colorPaletteSteelBorder2'; | ||
| export declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder1' | 'colorPaletteLightBlueBorder2'; | ||
| export declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder1' | 'colorPaletteBlueBorder2'; | ||
| export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder1' | 'colorPaletteRoyalBlueBorder2'; | ||
| export declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder1' | 'colorPaletteDarkBlueBorder2'; | ||
| export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder1' | 'colorPaletteCornflowerBorder2'; | ||
| export declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder1' | 'colorPaletteNavyBorder2'; | ||
| export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder1' | 'colorPaletteLavenderBorder2'; | ||
| export declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder1' | 'colorPalettePurpleBorder2'; | ||
| export declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder1' | 'colorPaletteDarkPurpleBorder2'; | ||
| export declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder1' | 'colorPaletteOrchidBorder2'; | ||
| export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder1' | 'colorPaletteGrapeBorder2'; | ||
| export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder1' | 'colorPaletteBerryBorder2'; | ||
| export declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder1' | 'colorPaletteLilacBorder2'; | ||
| export declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder1' | 'colorPalettePinkBorder2'; | ||
| export declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder1' | 'colorPaletteHotPinkBorder2'; | ||
| export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder1' | 'colorPaletteMagentaBorder2'; | ||
| export declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder1' | 'colorPalettePlumBorder2'; | ||
| export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder1' | 'colorPaletteBeigeBorder2'; | ||
| export declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder1' | 'colorPaletteMinkBorder2'; | ||
| export declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder1' | 'colorPaletteSilverBorder2'; | ||
| export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder1' | 'colorPalettePlatinumBorder2'; | ||
| export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder1' | 'colorPaletteAnchorBorder2'; | ||
| export declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder1' | 'colorPaletteCharcoalBorder2'; | ||
| export declare type ColorPaletteTokens = Record<ColorPaletteDarkRed | ColorPaletteBurgundy | ColorPaletteCranberry | ColorPaletteRed | ColorPaletteDarkOrange | ColorPaletteBronze | ColorPalettePumpkin | ColorPaletteOrange | ColorPalettePeach | ColorPaletteMarigold | ColorPaletteYellow | ColorPaletteGold | ColorPaletteBrass | ColorPaletteBrown | ColorPaletteDarkBrown | ColorPaletteLime | ColorPaletteForest | ColorPaletteSeafoam | ColorPaletteLightGreen | ColorPaletteGreen | ColorPaletteDarkGreen | ColorPaletteLightTeal | ColorPaletteTeal | ColorPaletteDarkTeal | ColorPaletteCyan | ColorPaletteSteel | ColorPaletteLightBlue | ColorPaletteBlue | ColorPaletteRoyalBlue | ColorPaletteDarkBlue | ColorPaletteCornflower | ColorPaletteNavy | ColorPaletteLavender | ColorPalettePurple | ColorPaletteDarkPurple | ColorPaletteOrchid | ColorPaletteGrape | ColorPaletteBerry | ColorPaletteLilac | ColorPalettePink | ColorPaletteHotPink | ColorPaletteMagenta | ColorPalettePlum | ColorPaletteBeige | ColorPaletteMink | ColorPaletteSilver | ColorPalettePlatinum | ColorPaletteAnchor | ColorPaletteCharcoal, string>; | ||
@@ -209,5 +209,4 @@ /** | ||
| }; | ||
| export declare type BrandVariants = ColorVariants & { | ||
| shade60: string; | ||
| }; | ||
| export declare type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160; | ||
| export declare type BrandVariants = Record<Brands, string>; | ||
| /** | ||
@@ -341,27 +340,2 @@ * All the global shared colors and their shade/tint variants | ||
| }; | ||
| export declare type GhostColorTokens = { | ||
| ghostBackground: string; | ||
| ghostBackgroundHover: string; | ||
| ghostBackgroundPressed: string; | ||
| ghostBackgroundSelected: string; | ||
| }; | ||
| export declare type TransparentColorTokens = { | ||
| transparentBackground: string; | ||
| transparentBackgroundHover: string; | ||
| transparentBackgroundPressed: string; | ||
| transparentBackgroundSelected: string; | ||
| }; | ||
| export declare type BackgroundColorTokens = { | ||
| background: string; | ||
| backgroundHover: string; | ||
| backgroundPressed: string; | ||
| backgroundSelected: string; | ||
| }; | ||
| export declare type BrandColorTokens = { | ||
| brandBackground: string; | ||
| brandBackgroundHover: string; | ||
| brandBackgroundPressed: string; | ||
| brandBackgroundSelected: string; | ||
| brandBackgroundStatic: string; | ||
| }; | ||
| export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 76 | 78 | 80 | 82 | 84 | 86 | 88 | 90 | 92 | 94 | 96 | 98 | 100; | ||
@@ -368,0 +342,0 @@ export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90; |
@@ -11,5 +11,5 @@ import { black, blackAlpha, grey, white, whiteAlpha, sharedColors } from '../global/colors'; | ||
| colorNeutralForeground2Selected: white, | ||
| colorNeutralForeground2BrandHover: brand.tint20, | ||
| colorNeutralForeground2BrandPressed: brand.tint10, | ||
| colorNeutralForeground2BrandSelected: brand.tint20, | ||
| colorNeutralForeground2BrandHover: brand[100], | ||
| colorNeutralForeground2BrandPressed: brand[90], | ||
| colorNeutralForeground2BrandSelected: brand[100], | ||
| colorNeutralForeground3: grey[68], | ||
@@ -19,17 +19,17 @@ colorNeutralForeground3Hover: grey[84], | ||
| colorNeutralForeground3Selected: grey[84], | ||
| colorNeutralForeground3BrandHover: brand.tint20, | ||
| colorNeutralForeground3BrandPressed: brand.tint10, | ||
| colorNeutralForeground3BrandSelected: brand.tint20, | ||
| colorNeutralForeground3BrandHover: brand[100], | ||
| colorNeutralForeground3BrandPressed: brand[90], | ||
| colorNeutralForeground3BrandSelected: brand[100], | ||
| colorNeutralForeground4: grey[60], | ||
| colorNeutralForegroundDisabled: grey[36], | ||
| colorNeutralForegroundInvertedDisabled: whiteAlpha[40], | ||
| colorBrandForegroundLink: brand.tint10, | ||
| colorBrandForegroundLinkHover: brand.tint30, | ||
| colorBrandForegroundLinkPressed: brand.tint20, | ||
| colorBrandForegroundLinkSelected: brand.tint10, | ||
| colorCompoundBrandForeground1: brand.tint10, | ||
| colorCompoundBrandForeground1Hover: brand.tint20, | ||
| colorCompoundBrandForeground1Pressed: brand.primary, | ||
| colorBrandForeground1: brand.tint20, | ||
| colorBrandForeground2: brand.tint30, | ||
| colorBrandForegroundLink: brand[90], | ||
| colorBrandForegroundLinkHover: brand[110], | ||
| colorBrandForegroundLinkPressed: brand[100], | ||
| colorBrandForegroundLinkSelected: brand[90], | ||
| colorCompoundBrandForeground1: brand[90], | ||
| colorCompoundBrandForeground1Hover: brand[100], | ||
| colorCompoundBrandForeground1Pressed: brand[80], | ||
| colorBrandForeground1: brand[100], | ||
| colorBrandForeground2: brand[110], | ||
| colorNeutralForegroundInverted: white, | ||
@@ -44,9 +44,9 @@ colorNeutralForegroundInvertedHover: white, | ||
| colorNeutralForegroundInvertedLinkSelected: white, | ||
| colorBrandForegroundInverted: brand.tint20, | ||
| colorBrandForegroundInvertedHover: brand.tint30, | ||
| colorBrandForegroundInvertedPressed: brand.tint20, | ||
| colorBrandForegroundOnLight: brand.primary, | ||
| colorBrandForegroundOnLightHover: brand.shade10, | ||
| colorBrandForegroundOnLightPressed: brand.shade30, | ||
| colorBrandForegroundOnLightSelected: brand.shade20, | ||
| colorBrandForegroundInverted: brand[100], | ||
| colorBrandForegroundInvertedHover: brand[110], | ||
| colorBrandForegroundInvertedPressed: brand[100], | ||
| colorBrandForegroundOnLight: brand[80], | ||
| colorBrandForegroundOnLightHover: brand[70], | ||
| colorBrandForegroundOnLightPressed: brand[50], | ||
| colorBrandForegroundOnLightSelected: brand[60], | ||
| colorNeutralBackground1: grey[16], | ||
@@ -93,19 +93,19 @@ colorNeutralBackground1Hover: grey[24], | ||
| colorNeutralStencil2: grey[34], | ||
| colorBrandBackground: brand.shade10, | ||
| colorBrandBackgroundHover: brand.primary, | ||
| colorBrandBackgroundPressed: brand.shade40, | ||
| colorBrandBackgroundSelected: brand.shade20, | ||
| colorCompoundBrandBackground: brand.tint10, | ||
| colorCompoundBrandBackgroundHover: brand.tint20, | ||
| colorCompoundBrandBackgroundPressed: brand.primary, | ||
| colorBrandBackgroundStatic: brand.primary, | ||
| colorBrandBackground2: brand.shade40, | ||
| colorBrandBackground: brand[70], | ||
| colorBrandBackgroundHover: brand[80], | ||
| colorBrandBackgroundPressed: brand[40], | ||
| colorBrandBackgroundSelected: brand[60], | ||
| colorCompoundBrandBackground: brand[90], | ||
| colorCompoundBrandBackgroundHover: brand[100], | ||
| colorCompoundBrandBackgroundPressed: brand[80], | ||
| colorBrandBackgroundStatic: brand[80], | ||
| colorBrandBackground2: brand[40], | ||
| colorBrandBackgroundInverted: white, | ||
| colorBrandBackgroundInvertedHover: brand.tint60, | ||
| colorBrandBackgroundInvertedPressed: brand.tint40, | ||
| colorBrandBackgroundInvertedSelected: brand.tint50, | ||
| colorBrandBackgroundInvertedHover: brand[160], | ||
| colorBrandBackgroundInvertedPressed: brand[140], | ||
| colorBrandBackgroundInvertedSelected: brand[150], | ||
| colorNeutralStrokeAccessible: grey[68], | ||
| colorNeutralStrokeAccessibleHover: grey[74], | ||
| colorNeutralStrokeAccessiblePressed: grey[70], | ||
| colorNeutralStrokeAccessibleSelected: brand.tint20, | ||
| colorNeutralStrokeAccessibleSelected: brand[100], | ||
| colorNeutralStroke1: grey[40], | ||
@@ -122,7 +122,7 @@ colorNeutralStroke1Hover: grey[46], | ||
| colorNeutralStrokeOnBrand2Selected: white, | ||
| colorBrandStroke1: brand.tint10, | ||
| colorBrandStroke2: brand.shade30, | ||
| colorCompoundBrandStroke: brand.tint10, | ||
| colorCompoundBrandStrokeHover: brand.tint20, | ||
| colorCompoundBrandStrokePressed: brand.primary, | ||
| colorBrandStroke1: brand[90], | ||
| colorBrandStroke2: brand[50], | ||
| colorCompoundBrandStroke: brand[90], | ||
| colorCompoundBrandStrokeHover: brand[100], | ||
| colorCompoundBrandStrokePressed: brand[80], | ||
| colorNeutralStrokeDisabled: grey[26], | ||
@@ -142,3 +142,4 @@ colorNeutralStrokeInvertedDisabled: whiteAlpha[40], | ||
| colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
| }); | ||
@@ -155,2 +156,3 @@ export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => { | ||
| [`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30, | ||
| [`colorPalette${color}Border1`]: sharedColors[sharedColor].primary, | ||
| [`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20 | ||
@@ -157,0 +159,0 @@ }; |
@@ -137,3 +137,4 @@ import { grey, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink, sharedColors, white, black } from '../global/colors'; | ||
| colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
| }); | ||
@@ -150,2 +151,3 @@ export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => { | ||
| [`colorPalette${color}BorderActive`]: hcHighlight, | ||
| [`colorPalette${color}Border1`]: white, | ||
| [`colorPalette${color}Border2`]: white | ||
@@ -152,0 +154,0 @@ }; |
@@ -11,5 +11,5 @@ import { black, blackAlpha, grey, white, whiteAlpha, sharedColors } from '../global/colors'; | ||
| colorNeutralForeground2Selected: grey[14], | ||
| colorNeutralForeground2BrandHover: brand.primary, | ||
| colorNeutralForeground2BrandPressed: brand.shade10, | ||
| colorNeutralForeground2BrandSelected: brand.primary, | ||
| colorNeutralForeground2BrandHover: brand[80], | ||
| colorNeutralForeground2BrandPressed: brand[70], | ||
| colorNeutralForeground2BrandSelected: brand[80], | ||
| colorNeutralForeground3: grey[38], | ||
@@ -19,17 +19,17 @@ colorNeutralForeground3Hover: grey[26], | ||
| colorNeutralForeground3Selected: grey[26], | ||
| colorNeutralForeground3BrandHover: brand.primary, | ||
| colorNeutralForeground3BrandPressed: brand.shade10, | ||
| colorNeutralForeground3BrandSelected: brand.primary, | ||
| colorNeutralForeground3BrandHover: brand[80], | ||
| colorNeutralForeground3BrandPressed: brand[70], | ||
| colorNeutralForeground3BrandSelected: brand[80], | ||
| colorNeutralForeground4: grey[44], | ||
| colorNeutralForegroundDisabled: grey[74], | ||
| colorNeutralForegroundInvertedDisabled: whiteAlpha[40], | ||
| colorBrandForegroundLink: brand.shade10, | ||
| colorBrandForegroundLinkHover: brand.shade20, | ||
| colorBrandForegroundLinkPressed: brand.shade40, | ||
| colorBrandForegroundLinkSelected: brand.shade10, | ||
| colorCompoundBrandForeground1: brand.primary, | ||
| colorCompoundBrandForeground1Hover: brand.shade10, | ||
| colorCompoundBrandForeground1Pressed: brand.shade20, | ||
| colorBrandForeground1: brand.primary, | ||
| colorBrandForeground2: brand.shade10, | ||
| colorBrandForegroundLink: brand[70], | ||
| colorBrandForegroundLinkHover: brand[60], | ||
| colorBrandForegroundLinkPressed: brand[40], | ||
| colorBrandForegroundLinkSelected: brand[70], | ||
| colorCompoundBrandForeground1: brand[80], | ||
| colorCompoundBrandForeground1Hover: brand[70], | ||
| colorCompoundBrandForeground1Pressed: brand[60], | ||
| colorBrandForeground1: brand[80], | ||
| colorBrandForeground2: brand[70], | ||
| colorNeutralForegroundInverted: white, | ||
@@ -44,9 +44,9 @@ colorNeutralForegroundInvertedHover: white, | ||
| colorNeutralForegroundInvertedLinkSelected: white, | ||
| colorBrandForegroundInverted: brand.tint20, | ||
| colorBrandForegroundInvertedHover: brand.tint30, | ||
| colorBrandForegroundInvertedPressed: brand.tint20, | ||
| colorBrandForegroundOnLight: brand.primary, | ||
| colorBrandForegroundOnLightHover: brand.shade10, | ||
| colorBrandForegroundOnLightPressed: brand.shade30, | ||
| colorBrandForegroundOnLightSelected: brand.shade20, | ||
| colorBrandForegroundInverted: brand[100], | ||
| colorBrandForegroundInvertedHover: brand[110], | ||
| colorBrandForegroundInvertedPressed: brand[100], | ||
| colorBrandForegroundOnLight: brand[80], | ||
| colorBrandForegroundOnLightHover: brand[70], | ||
| colorBrandForegroundOnLightPressed: brand[50], | ||
| colorBrandForegroundOnLightSelected: brand[60], | ||
| colorNeutralBackground1: white, | ||
@@ -93,19 +93,19 @@ colorNeutralBackground1Hover: grey[96], | ||
| colorNeutralStencil2: grey[98], | ||
| colorBrandBackground: brand.primary, | ||
| colorBrandBackgroundHover: brand.shade10, | ||
| colorBrandBackgroundPressed: brand.shade40, | ||
| colorBrandBackgroundSelected: brand.shade20, | ||
| colorCompoundBrandBackground: brand.primary, | ||
| colorCompoundBrandBackgroundHover: brand.shade10, | ||
| colorCompoundBrandBackgroundPressed: brand.shade20, | ||
| colorBrandBackgroundStatic: brand.primary, | ||
| colorBrandBackground2: brand.tint60, | ||
| colorBrandBackground: brand[80], | ||
| colorBrandBackgroundHover: brand[70], | ||
| colorBrandBackgroundPressed: brand[40], | ||
| colorBrandBackgroundSelected: brand[60], | ||
| colorCompoundBrandBackground: brand[80], | ||
| colorCompoundBrandBackgroundHover: brand[70], | ||
| colorCompoundBrandBackgroundPressed: brand[60], | ||
| colorBrandBackgroundStatic: brand[80], | ||
| colorBrandBackground2: brand[160], | ||
| colorBrandBackgroundInverted: white, | ||
| colorBrandBackgroundInvertedHover: brand.tint60, | ||
| colorBrandBackgroundInvertedPressed: brand.tint40, | ||
| colorBrandBackgroundInvertedSelected: brand.tint50, | ||
| colorBrandBackgroundInvertedHover: brand[160], | ||
| colorBrandBackgroundInvertedPressed: brand[140], | ||
| colorBrandBackgroundInvertedSelected: brand[150], | ||
| colorNeutralStrokeAccessible: grey[38], | ||
| colorNeutralStrokeAccessibleHover: grey[34], | ||
| colorNeutralStrokeAccessiblePressed: grey[30], | ||
| colorNeutralStrokeAccessibleSelected: brand.primary, | ||
| colorNeutralStrokeAccessibleSelected: brand[80], | ||
| colorNeutralStroke1: grey[82], | ||
@@ -122,7 +122,7 @@ colorNeutralStroke1Hover: grey[78], | ||
| colorNeutralStrokeOnBrand2Selected: white, | ||
| colorBrandStroke1: brand.primary, | ||
| colorBrandStroke2: brand.tint40, | ||
| colorCompoundBrandStroke: brand.primary, | ||
| colorCompoundBrandStrokeHover: brand.shade10, | ||
| colorCompoundBrandStrokePressed: brand.shade20, | ||
| colorBrandStroke1: brand[80], | ||
| colorBrandStroke2: brand[140], | ||
| colorCompoundBrandStroke: brand[80], | ||
| colorCompoundBrandStrokeHover: brand[70], | ||
| colorCompoundBrandStrokePressed: brand[60], | ||
| colorNeutralStrokeDisabled: grey[88], | ||
@@ -142,3 +142,4 @@ colorNeutralStrokeInvertedDisabled: whiteAlpha[40], | ||
| colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
| }); | ||
@@ -155,2 +156,3 @@ export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => { | ||
| [`colorPalette${color}BorderActive`]: sharedColors[sharedColor].primary, | ||
| [`colorPalette${color}Border1`]: sharedColors[sharedColor].tint40, | ||
| [`colorPalette${color}Border2`]: sharedColors[sharedColor].primary | ||
@@ -157,0 +159,0 @@ }; |
@@ -11,5 +11,5 @@ import { black, blackAlpha, grey, white, whiteAlpha, sharedColors } from '../global/colors'; | ||
| colorNeutralForeground2Selected: white, | ||
| colorNeutralForeground2BrandHover: brand.tint20, | ||
| colorNeutralForeground2BrandPressed: brand.tint10, | ||
| colorNeutralForeground2BrandSelected: brand.tint20, | ||
| colorNeutralForeground2BrandHover: brand[100], | ||
| colorNeutralForeground2BrandPressed: brand[90], | ||
| colorNeutralForeground2BrandSelected: brand[100], | ||
| colorNeutralForeground3: grey[68], | ||
@@ -19,17 +19,17 @@ colorNeutralForeground3Hover: grey[84], | ||
| colorNeutralForeground3Selected: grey[84], | ||
| colorNeutralForeground3BrandHover: brand.tint20, | ||
| colorNeutralForeground3BrandPressed: brand.tint10, | ||
| colorNeutralForeground3BrandSelected: brand.tint20, | ||
| colorNeutralForeground3BrandHover: brand[100], | ||
| colorNeutralForeground3BrandPressed: brand[90], | ||
| colorNeutralForeground3BrandSelected: brand[100], | ||
| colorNeutralForeground4: grey[60], | ||
| colorNeutralForegroundDisabled: grey[36], | ||
| colorNeutralForegroundInvertedDisabled: whiteAlpha[40], | ||
| colorBrandForegroundLink: brand.tint10, | ||
| colorBrandForegroundLinkHover: brand.tint30, | ||
| colorBrandForegroundLinkPressed: brand.tint20, | ||
| colorBrandForegroundLinkSelected: brand.tint10, | ||
| colorCompoundBrandForeground1: brand.tint10, | ||
| colorCompoundBrandForeground1Hover: brand.tint20, | ||
| colorCompoundBrandForeground1Pressed: brand.primary, | ||
| colorBrandForeground1: brand.tint20, | ||
| colorBrandForeground2: brand.tint30, | ||
| colorBrandForegroundLink: brand[90], | ||
| colorBrandForegroundLinkHover: brand[110], | ||
| colorBrandForegroundLinkPressed: brand[100], | ||
| colorBrandForegroundLinkSelected: brand[90], | ||
| colorCompoundBrandForeground1: brand[90], | ||
| colorCompoundBrandForeground1Hover: brand[100], | ||
| colorCompoundBrandForeground1Pressed: brand[80], | ||
| colorBrandForeground1: brand[100], | ||
| colorBrandForeground2: brand[110], | ||
| colorNeutralForegroundInverted: white, | ||
@@ -44,9 +44,9 @@ colorNeutralForegroundInvertedHover: white, | ||
| colorNeutralForegroundInvertedLinkSelected: white, | ||
| colorBrandForegroundInverted: brand.tint20, | ||
| colorBrandForegroundInvertedHover: brand.tint30, | ||
| colorBrandForegroundInvertedPressed: brand.tint20, | ||
| colorBrandForegroundOnLight: brand.primary, | ||
| colorBrandForegroundOnLightHover: brand.shade10, | ||
| colorBrandForegroundOnLightPressed: brand.shade30, | ||
| colorBrandForegroundOnLightSelected: brand.shade20, | ||
| colorBrandForegroundInverted: brand[100], | ||
| colorBrandForegroundInvertedHover: brand[110], | ||
| colorBrandForegroundInvertedPressed: brand[100], | ||
| colorBrandForegroundOnLight: brand[80], | ||
| colorBrandForegroundOnLightHover: brand[70], | ||
| colorBrandForegroundOnLightPressed: brand[50], | ||
| colorBrandForegroundOnLightSelected: brand[60], | ||
| colorNeutralBackground1: grey[16], | ||
@@ -93,19 +93,19 @@ colorNeutralBackground1Hover: grey[24], | ||
| colorNeutralStencil2: grey[34], | ||
| colorBrandBackground: brand.shade10, | ||
| colorBrandBackgroundHover: brand.primary, | ||
| colorBrandBackgroundPressed: brand.shade40, | ||
| colorBrandBackgroundSelected: brand.shade20, | ||
| colorCompoundBrandBackground: brand.tint10, | ||
| colorCompoundBrandBackgroundHover: brand.tint20, | ||
| colorCompoundBrandBackgroundPressed: brand.primary, | ||
| colorBrandBackgroundStatic: brand.primary, | ||
| colorBrandBackground2: brand.shade40, | ||
| colorBrandBackground: brand[70], | ||
| colorBrandBackgroundHover: brand[80], | ||
| colorBrandBackgroundPressed: brand[40], | ||
| colorBrandBackgroundSelected: brand[60], | ||
| colorCompoundBrandBackground: brand[90], | ||
| colorCompoundBrandBackgroundHover: brand[100], | ||
| colorCompoundBrandBackgroundPressed: brand[80], | ||
| colorBrandBackgroundStatic: brand[80], | ||
| colorBrandBackground2: brand[40], | ||
| colorBrandBackgroundInverted: white, | ||
| colorBrandBackgroundInvertedHover: brand.tint60, | ||
| colorBrandBackgroundInvertedPressed: brand.tint40, | ||
| colorBrandBackgroundInvertedSelected: brand.tint50, | ||
| colorBrandBackgroundInvertedHover: brand[160], | ||
| colorBrandBackgroundInvertedPressed: brand[140], | ||
| colorBrandBackgroundInvertedSelected: brand[150], | ||
| colorNeutralStrokeAccessible: grey[68], | ||
| colorNeutralStrokeAccessibleHover: grey[74], | ||
| colorNeutralStrokeAccessiblePressed: grey[70], | ||
| colorNeutralStrokeAccessibleSelected: brand.tint20, | ||
| colorNeutralStrokeAccessibleSelected: brand[100], | ||
| colorNeutralStroke1: grey[40], | ||
@@ -122,7 +122,7 @@ colorNeutralStroke1Hover: grey[46], | ||
| colorNeutralStrokeOnBrand2Selected: white, | ||
| colorBrandStroke1: brand.tint10, | ||
| colorBrandStroke2: brand.shade30, | ||
| colorCompoundBrandStroke: brand.tint10, | ||
| colorCompoundBrandStrokeHover: brand.tint20, | ||
| colorCompoundBrandStrokePressed: brand.primary, | ||
| colorBrandStroke1: brand[90], | ||
| colorBrandStroke2: brand[50], | ||
| colorCompoundBrandStroke: brand[90], | ||
| colorCompoundBrandStrokeHover: brand[100], | ||
| colorCompoundBrandStrokePressed: brand[80], | ||
| colorNeutralStrokeDisabled: grey[26], | ||
@@ -142,3 +142,4 @@ colorNeutralStrokeInvertedDisabled: whiteAlpha[40], | ||
| colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' | ||
| colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined | ||
| }); | ||
@@ -155,2 +156,3 @@ export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => { | ||
| [`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30, | ||
| [`colorPalette${color}Border1`]: sharedColors[sharedColor].primary, | ||
| [`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20 | ||
@@ -157,0 +159,0 @@ }; |
| import type { BrandVariants } from '../types'; | ||
| export declare const brandWeb: BrandVariants; | ||
| export declare const brandTeams: BrandVariants; | ||
| export declare const brandOffice: BrandVariants; |
@@ -1,32 +0,55 @@ | ||
| // TODO: values should be set per product theme | ||
| export const brandWeb = { | ||
| shade60: '#092C47', | ||
| shade50: '#043862', | ||
| shade40: '#004578', | ||
| shade30: '#004C87', | ||
| shade20: '#005A9E', | ||
| shade10: '#106EBE', | ||
| primary: '#0078D4', | ||
| tint10: '#2899F5', | ||
| tint20: '#3AA0F3', | ||
| tint30: '#6CB8F6', | ||
| tint40: '#C7E0F4', | ||
| tint50: '#DEECF9', | ||
| tint60: '#EFF6FC' | ||
| 10: `#001526`, | ||
| 20: `#002848`, | ||
| 30: `#043862`, | ||
| 40: `#004578`, | ||
| 50: `#004c87`, | ||
| 60: `#005a9e`, | ||
| 70: `#106ebe`, | ||
| 80: `#0078d4`, | ||
| 90: `#1890f1`, | ||
| 100: `#2899f5`, | ||
| 110: `#3aa0f3`, | ||
| 120: `#6cb8f6`, | ||
| 130: `#82c7ff`, | ||
| 140: `#c7e0f4`, | ||
| 150: `#deecf9`, | ||
| 160: `#eff6fc` | ||
| }; | ||
| export const brandTeams = { | ||
| shade60: '#2f2f4a', | ||
| shade50: '#333357', | ||
| shade40: '#383966', | ||
| shade30: '#3d3e78', | ||
| shade20: '#444791', | ||
| shade10: '#4f52b2', | ||
| primary: '#5b5fc7', | ||
| tint10: '#7a80eb', | ||
| tint20: '#9399f5', | ||
| tint30: '#acb3fa', | ||
| tint40: '#c5cbfa', | ||
| tint50: '#dcdffa', | ||
| tint60: '#e8ebfa' | ||
| 10: `#2b2b40`, | ||
| 20: `#2f2f4a`, | ||
| 30: `#333357`, | ||
| 40: `#383966`, | ||
| 50: `#3d3e78`, | ||
| 60: `#444791`, | ||
| 70: `#4f52b2`, | ||
| 80: `#5b5fc7`, | ||
| 90: `#7579eb`, | ||
| 100: `#7f85f5`, | ||
| 110: `#9299f7`, | ||
| 120: `#aab1fa`, | ||
| 130: `#b6bcfa`, | ||
| 140: `#c5cbfa`, | ||
| 150: `#dce0fa`, | ||
| 160: `#e8ebfa` | ||
| }; | ||
| export const brandOffice = { | ||
| 10: `#29130b`, | ||
| 20: `#4d2415`, | ||
| 30: `#792000`, | ||
| 40: `#99482b`, | ||
| 50: `#a52c00`, | ||
| 60: `#c33400`, | ||
| 70: `#e06a3f`, | ||
| 80: `#d83b01`, | ||
| 90: `#dd4f1b`, | ||
| 100: `#fe7948`, | ||
| 110: `#ff865a`, | ||
| 120: `#ff9973`, | ||
| 130: `#e8825d`, | ||
| 140: `#ffb498`, | ||
| 150: `#f4beaa`, | ||
| 160: `#f9dcd1` | ||
| }; | ||
| //# sourceMappingURL=brandColors.js.map |
| export * from './themes/index'; | ||
| export * from './utils/index'; | ||
| export type { BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorTokens, PartialTheme, Theme, } from './types'; | ||
| export { tokens } from './tokens'; | ||
| export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, } from './types'; |
| export * from './themes/index'; | ||
| export * from './utils/index'; | ||
| export { tokens } from './tokens'; | ||
| //# sourceMappingURL=index.js.map |
@@ -141,51 +141,51 @@ /** | ||
| }; | ||
| export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder2'; | ||
| export declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder2'; | ||
| export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder2'; | ||
| export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder2'; | ||
| export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder2'; | ||
| export declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder2'; | ||
| export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder2'; | ||
| export declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder2'; | ||
| export declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder2'; | ||
| export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder2'; | ||
| export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder2'; | ||
| export declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder2'; | ||
| export declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder2'; | ||
| export declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder2'; | ||
| export declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder2'; | ||
| export declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder2'; | ||
| export declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder2'; | ||
| export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder2'; | ||
| export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder2'; | ||
| export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder2'; | ||
| export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder2'; | ||
| export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder2'; | ||
| export declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder2'; | ||
| export declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder2'; | ||
| export declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder2'; | ||
| export declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder2'; | ||
| export declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder2'; | ||
| export declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder2'; | ||
| export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder2'; | ||
| export declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder2'; | ||
| export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder2'; | ||
| export declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder2'; | ||
| export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder2'; | ||
| export declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder2'; | ||
| export declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder2'; | ||
| export declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder2'; | ||
| export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder2'; | ||
| export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder2'; | ||
| export declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder2'; | ||
| export declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder2'; | ||
| export declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder2'; | ||
| export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder2'; | ||
| export declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder2'; | ||
| export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder2'; | ||
| export declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder2'; | ||
| export declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder2'; | ||
| export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder2'; | ||
| export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder2'; | ||
| export declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder2'; | ||
| export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder1' | 'colorPaletteDarkRedBorder2'; | ||
| export declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder1' | 'colorPaletteBurgundyBorder2'; | ||
| export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder1' | 'colorPaletteCranberryBorder2'; | ||
| export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder1' | 'colorPaletteRedBorder2'; | ||
| export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder1' | 'colorPaletteDarkOrangeBorder2'; | ||
| export declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder1' | 'colorPaletteBronzeBorder2'; | ||
| export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder1' | 'colorPalettePumpkinBorder2'; | ||
| export declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder1' | 'colorPaletteOrangeBorder2'; | ||
| export declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder1' | 'colorPalettePeachBorder2'; | ||
| export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder1' | 'colorPaletteMarigoldBorder2'; | ||
| export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2'; | ||
| export declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder1' | 'colorPaletteGoldBorder2'; | ||
| export declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder1' | 'colorPaletteBrassBorder2'; | ||
| export declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder1' | 'colorPaletteBrownBorder2'; | ||
| export declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder1' | 'colorPaletteDarkBrownBorder2'; | ||
| export declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder1' | 'colorPaletteLimeBorder2'; | ||
| export declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder1' | 'colorPaletteForestBorder2'; | ||
| export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder1' | 'colorPaletteSeafoamBorder2'; | ||
| export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder1' | 'colorPaletteLightGreenBorder2'; | ||
| export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder1' | 'colorPaletteGreenBorder2'; | ||
| export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder1' | 'colorPaletteDarkGreenBorder2'; | ||
| export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder1' | 'colorPaletteLightTealBorder2'; | ||
| export declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder1' | 'colorPaletteTealBorder2'; | ||
| export declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder1' | 'colorPaletteDarkTealBorder2'; | ||
| export declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder1' | 'colorPaletteCyanBorder2'; | ||
| export declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder1' | 'colorPaletteSteelBorder2'; | ||
| export declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder1' | 'colorPaletteLightBlueBorder2'; | ||
| export declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder1' | 'colorPaletteBlueBorder2'; | ||
| export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder1' | 'colorPaletteRoyalBlueBorder2'; | ||
| export declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder1' | 'colorPaletteDarkBlueBorder2'; | ||
| export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder1' | 'colorPaletteCornflowerBorder2'; | ||
| export declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder1' | 'colorPaletteNavyBorder2'; | ||
| export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder1' | 'colorPaletteLavenderBorder2'; | ||
| export declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder1' | 'colorPalettePurpleBorder2'; | ||
| export declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder1' | 'colorPaletteDarkPurpleBorder2'; | ||
| export declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder1' | 'colorPaletteOrchidBorder2'; | ||
| export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder1' | 'colorPaletteGrapeBorder2'; | ||
| export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder1' | 'colorPaletteBerryBorder2'; | ||
| export declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder1' | 'colorPaletteLilacBorder2'; | ||
| export declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder1' | 'colorPalettePinkBorder2'; | ||
| export declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder1' | 'colorPaletteHotPinkBorder2'; | ||
| export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder1' | 'colorPaletteMagentaBorder2'; | ||
| export declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder1' | 'colorPalettePlumBorder2'; | ||
| export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder1' | 'colorPaletteBeigeBorder2'; | ||
| export declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder1' | 'colorPaletteMinkBorder2'; | ||
| export declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder1' | 'colorPaletteSilverBorder2'; | ||
| export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder1' | 'colorPalettePlatinumBorder2'; | ||
| export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder1' | 'colorPaletteAnchorBorder2'; | ||
| export declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder1' | 'colorPaletteCharcoalBorder2'; | ||
| export declare type ColorPaletteTokens = Record<ColorPaletteDarkRed | ColorPaletteBurgundy | ColorPaletteCranberry | ColorPaletteRed | ColorPaletteDarkOrange | ColorPaletteBronze | ColorPalettePumpkin | ColorPaletteOrange | ColorPalettePeach | ColorPaletteMarigold | ColorPaletteYellow | ColorPaletteGold | ColorPaletteBrass | ColorPaletteBrown | ColorPaletteDarkBrown | ColorPaletteLime | ColorPaletteForest | ColorPaletteSeafoam | ColorPaletteLightGreen | ColorPaletteGreen | ColorPaletteDarkGreen | ColorPaletteLightTeal | ColorPaletteTeal | ColorPaletteDarkTeal | ColorPaletteCyan | ColorPaletteSteel | ColorPaletteLightBlue | ColorPaletteBlue | ColorPaletteRoyalBlue | ColorPaletteDarkBlue | ColorPaletteCornflower | ColorPaletteNavy | ColorPaletteLavender | ColorPalettePurple | ColorPaletteDarkPurple | ColorPaletteOrchid | ColorPaletteGrape | ColorPaletteBerry | ColorPaletteLilac | ColorPalettePink | ColorPaletteHotPink | ColorPaletteMagenta | ColorPalettePlum | ColorPaletteBeige | ColorPaletteMink | ColorPaletteSilver | ColorPalettePlatinum | ColorPaletteAnchor | ColorPaletteCharcoal, string>; | ||
@@ -209,5 +209,4 @@ /** | ||
| }; | ||
| export declare type BrandVariants = ColorVariants & { | ||
| shade60: string; | ||
| }; | ||
| export declare type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160; | ||
| export declare type BrandVariants = Record<Brands, string>; | ||
| /** | ||
@@ -341,27 +340,2 @@ * All the global shared colors and their shade/tint variants | ||
| }; | ||
| export declare type GhostColorTokens = { | ||
| ghostBackground: string; | ||
| ghostBackgroundHover: string; | ||
| ghostBackgroundPressed: string; | ||
| ghostBackgroundSelected: string; | ||
| }; | ||
| export declare type TransparentColorTokens = { | ||
| transparentBackground: string; | ||
| transparentBackgroundHover: string; | ||
| transparentBackgroundPressed: string; | ||
| transparentBackgroundSelected: string; | ||
| }; | ||
| export declare type BackgroundColorTokens = { | ||
| background: string; | ||
| backgroundHover: string; | ||
| backgroundPressed: string; | ||
| backgroundSelected: string; | ||
| }; | ||
| export declare type BrandColorTokens = { | ||
| brandBackground: string; | ||
| brandBackgroundHover: string; | ||
| brandBackgroundPressed: string; | ||
| brandBackgroundSelected: string; | ||
| brandBackgroundStatic: string; | ||
| }; | ||
| export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 76 | 78 | 80 | 82 | 84 | 86 | 88 | 90 | 92 | 94 | 96 | 98 | 100; | ||
@@ -368,0 +342,0 @@ export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90; |
| { | ||
| "name": "@fluentui/react-theme", | ||
| "version": "0.0.0-nightly39ce3cbcf120211206.1", | ||
| "version": "0.0.0-nightly3bc051736320220112.1", | ||
| "description": "Fluent UI themes", | ||
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by38.84%
511564
- Number of package files
- increased by3.43%
181
- Lines of code
- increased by24.45%
7152
No dependency changes