@fluentui/tokens 1.0.0-alpha.15 → 1.0.0-alpha.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -2
- package/lib/alias/darkColor.js +1 -1
- package/lib/alias/darkColorPalette.js +3 -3
- package/lib/alias/highContrastColor.js +1 -1
- package/lib/alias/highContrastColorPalette.js +3 -3
- package/lib/alias/lightColor.js +1 -1
- package/lib/alias/lightColorPalette.js +3 -3
- package/lib/alias/teamsDarkColor.js +1 -1
- package/lib/global/colorPalette.js +1 -1
- package/lib/global/index.js +9 -9
- package/lib/global/typographyStyles.js +1 -1
- package/lib/index.js +5 -5
- package/lib/index.js.map +1 -1
- package/lib/themes/index.js +2 -2
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +2 -2
- package/lib/themes/teams/highContrastTheme.js +1 -1
- package/lib/themes/teams/index.js +3 -3
- package/lib/themes/teams/lightTheme.js +2 -2
- package/lib/themes/web/darkTheme.js +2 -2
- package/lib/themes/web/index.js +2 -2
- package/lib/themes/web/lightTheme.js +2 -2
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +7 -7
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +7 -7
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +7 -7
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +7 -7
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +4 -4
- package/lib-commonjs/alias/darkColor.js +1 -1
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +3 -3
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +1 -1
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +3 -3
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +1 -1
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +3 -3
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +4 -4
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +5 -5
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +123 -123
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/fonts.js +5 -5
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +9 -9
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +1 -1
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +20 -20
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +4 -4
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/themes/index.js +3 -3
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +2 -2
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +4 -4
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +2 -2
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +2 -2
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +3 -3
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +2 -2
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +7 -7
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +7 -7
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +7 -7
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +7 -7
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +5 -5
- package/lib-commonjs/utils/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @fluentui/tokens
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 18 Mar 2024 19:44:52 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [1.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.16)
|
|
8
|
+
|
|
9
|
+
Mon, 18 Mar 2024 19:44:52 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.15..@fluentui/tokens_v1.0.0-alpha.16)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- reverting #30770 which caused compilation issues ([PR #30803](https://github.com/microsoft/fluentui/pull/30803) by mgodbolt@microsoft.com)
|
|
15
|
+
|
|
7
16
|
## [1.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.15)
|
|
8
17
|
|
|
9
|
-
Fri, 15 Mar 2024 21:
|
|
18
|
+
Fri, 15 Mar 2024 21:43:49 GMT
|
|
10
19
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.14..@fluentui/tokens_v1.0.0-alpha.15)
|
|
11
20
|
|
|
12
21
|
### Changes
|
package/lib/alias/darkColor.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from
|
|
1
|
+
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';
|
|
2
2
|
export const generateColorTokens = (brand)=>({
|
|
3
3
|
colorNeutralForeground1: white,
|
|
4
4
|
colorNeutralForeground1Hover: white,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/* color palette used in both darkTheme and teamsDarkTheme */ import { statusSharedColors, personaSharedColors, mappedStatusColors } from
|
|
2
|
-
import { statusSharedColorNames, personaSharedColorNames } from
|
|
3
|
-
import { statusColorMapping } from
|
|
1
|
+
/* color palette used in both darkTheme and teamsDarkTheme */ import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';
|
|
2
|
+
import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
|
|
3
|
+
import { statusColorMapping } from '../statusColorMapping';
|
|
4
4
|
const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
|
|
5
5
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
6
6
|
const sharedColorTokens = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from
|
|
1
|
+
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
|
|
2
2
|
export const generateColorTokens = ()=>({
|
|
3
3
|
colorNeutralForeground1: hcCanvasText,
|
|
4
4
|
colorNeutralForeground1Hover: hcHighlightText,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { hcHighlight, hcCanvas, hcCanvasText } from
|
|
2
|
-
import { statusSharedColorNames, personaSharedColorNames } from
|
|
3
|
-
import { statusColorMapping } from
|
|
1
|
+
import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';
|
|
2
|
+
import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
|
|
3
|
+
import { statusColorMapping } from '../statusColorMapping';
|
|
4
4
|
const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
|
|
5
5
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
6
6
|
const sharedColorTokens = {
|
package/lib/alias/lightColor.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, white, whiteAlpha } from
|
|
1
|
+
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
|
|
2
2
|
export const generateColorTokens = (brand)=>({
|
|
3
3
|
colorNeutralForeground1: grey[14],
|
|
4
4
|
colorNeutralForeground1Hover: grey[14],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { statusSharedColors, personaSharedColors, mappedStatusColors } from
|
|
2
|
-
import { statusSharedColorNames, personaSharedColorNames } from
|
|
3
|
-
import { statusColorMapping } from
|
|
1
|
+
import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';
|
|
2
|
+
import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
|
|
3
|
+
import { statusColorMapping } from '../statusColorMapping';
|
|
4
4
|
const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
|
|
5
5
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
6
6
|
const sharedColorTokens = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from
|
|
1
|
+
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';
|
|
2
2
|
export const generateColorTokens = (brand)=>({
|
|
3
3
|
colorNeutralForeground1: white,
|
|
4
4
|
colorNeutralForeground1Hover: white,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { red, green, darkOrange, yellow, berry, lightGreen, marigold, darkRed, cranberry, pumpkin, peach, gold, brass, brown, forest, seafoam, darkGreen, lightTeal, teal, steel, blue, royalBlue, cornflower, navy, lavender, purple, grape, lilac, pink, magenta, plum, beige, mink, platinum, anchor, orange } from
|
|
1
|
+
import { red, green, darkOrange, yellow, berry, lightGreen, marigold, darkRed, cranberry, pumpkin, peach, gold, brass, brown, forest, seafoam, darkGreen, lightTeal, teal, steel, blue, royalBlue, cornflower, navy, lavender, purple, grape, lilac, pink, magenta, plum, beige, mink, platinum, anchor, orange } from './colors';
|
|
2
2
|
export const statusSharedColors = {
|
|
3
3
|
red,
|
|
4
4
|
green,
|
package/lib/global/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
1
|
+
export * from './borderRadius';
|
|
2
|
+
export * from './colors';
|
|
3
|
+
export * from './curves';
|
|
4
|
+
export * from './durations';
|
|
5
|
+
export * from './fonts';
|
|
6
|
+
export * from './spacings';
|
|
7
|
+
export * from './strokeWidths';
|
|
8
|
+
export * from './borderRadius';
|
|
9
|
+
export * from './typographyStyles';
|
package/lib/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from
|
|
2
|
-
export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from
|
|
3
|
-
export { themeToTokensObject } from
|
|
4
|
-
export { tokens } from
|
|
5
|
-
export { typographyStyles } from
|
|
1
|
+
export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';
|
|
2
|
+
export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';
|
|
3
|
+
export { themeToTokensObject } from './themeToTokensObject';
|
|
4
|
+
export { tokens } from './tokens';
|
|
5
|
+
export { typographyStyles } from './global/index';
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n} from './types';\n"],"names":["teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","webDarkTheme","webLightTheme","createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","themeToTokensObject","tokens","typographyStyles"],"mappings":"AAAA,SAASA,cAAc,EAAEC,sBAAsB,EAAEC,eAAe,EAAEC,YAAY,EAAEC,aAAa,QAAQ,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n} from './types';\n"],"names":["teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","webDarkTheme","webLightTheme","createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","themeToTokensObject","tokens","typographyStyles"],"mappings":"AAAA,SAASA,cAAc,EAAEC,sBAAsB,EAAEC,eAAe,EAAEC,YAAY,EAAEC,aAAa,QAAQ,iBAAiB;AACtH,SAASC,eAAe,EAAEC,uBAAuB,EAAEC,gBAAgB,EAAEC,oBAAoB,QAAQ,gBAAgB;AAEjH,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,gBAAgB,QAAQ,iBAAiB"}
|
package/lib/themes/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from './teams/index';
|
|
2
|
+
export * from './web/index';
|
package/lib/themes/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,cAAc"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { createTeamsDarkTheme } from
|
|
2
|
-
import { brandTeams } from
|
|
1
|
+
import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';
|
|
2
|
+
import { brandTeams } from '../../global/brandColors';
|
|
3
3
|
export const teamsDarkTheme = createTeamsDarkTheme(brandTeams);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { createHighContrastTheme } from
|
|
1
|
+
import { createHighContrastTheme } from '../../utils/createHighContrastTheme';
|
|
2
2
|
export const teamsHighContrastTheme = createHighContrastTheme();
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
1
|
+
export * from './lightTheme';
|
|
2
|
+
export * from './darkTheme';
|
|
3
|
+
export * from './highContrastTheme';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { createLightTheme } from
|
|
2
|
-
import { brandTeams } from
|
|
1
|
+
import { createLightTheme } from '../../utils/createLightTheme';
|
|
2
|
+
import { brandTeams } from '../../global/brandColors';
|
|
3
3
|
export const teamsLightTheme = createLightTheme(brandTeams);
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { createDarkTheme } from
|
|
2
|
-
import { brandWeb } from
|
|
1
|
+
import { createDarkTheme } from '../../utils/createDarkTheme';
|
|
2
|
+
import { brandWeb } from '../../global/brandColors';
|
|
3
3
|
export const webDarkTheme = createDarkTheme(brandWeb);
|
package/lib/themes/web/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from './lightTheme';
|
|
2
|
+
export * from './darkTheme';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { createLightTheme } from
|
|
2
|
-
import { brandWeb } from
|
|
1
|
+
import { createLightTheme } from '../../utils/createLightTheme';
|
|
2
|
+
import { brandWeb } from '../../global/brandColors';
|
|
3
3
|
export const webLightTheme = createLightTheme(brandWeb);
|
package/lib/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["types.ts"],"sourcesContent":["import {\n statusSharedColorNames,\n personaSharedColorNames,\n unusedSharedColorNames,\n mappedStatusColorNames,\n} from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n colorNeutralForeground1: string;\n colorNeutralForeground1Hover: string;\n colorNeutralForeground1Pressed: string;\n colorNeutralForeground1Selected: string;\n colorNeutralForeground2: string;\n colorNeutralForeground2Hover: string;\n colorNeutralForeground2Pressed: string;\n colorNeutralForeground2Selected: string;\n colorNeutralForeground2BrandHover: string;\n colorNeutralForeground2BrandPressed: string;\n colorNeutralForeground2BrandSelected: string;\n colorNeutralForeground3: string;\n colorNeutralForeground3Hover: string;\n colorNeutralForeground3Pressed: string;\n colorNeutralForeground3Selected: string;\n colorNeutralForeground3BrandHover: string;\n colorNeutralForeground3BrandPressed: string;\n colorNeutralForeground3BrandSelected: string;\n colorNeutralForeground4: string;\n colorNeutralForegroundDisabled: string;\n colorNeutralForegroundInvertedDisabled: string;\n colorBrandForegroundLink: string;\n colorBrandForegroundLinkHover: string;\n colorBrandForegroundLinkPressed: string;\n colorBrandForegroundLinkSelected: string;\n colorNeutralForeground2Link: string;\n colorNeutralForeground2LinkHover: string;\n colorNeutralForeground2LinkPressed: string;\n colorNeutralForeground2LinkSelected: string;\n colorCompoundBrandForeground1: string;\n colorCompoundBrandForeground1Hover: string;\n colorCompoundBrandForeground1Pressed: string;\n colorBrandForeground1: string;\n colorBrandForeground2: string;\n colorBrandForeground2Hover: string;\n colorBrandForeground2Pressed: string;\n colorNeutralForeground1Static: string;\n colorNeutralForegroundInverted: string;\n colorNeutralForegroundInvertedHover: string;\n colorNeutralForegroundInvertedPressed: string;\n colorNeutralForegroundInvertedSelected: string;\n colorNeutralForegroundInverted2: string;\n colorNeutralForegroundOnBrand: string;\n colorNeutralForegroundStaticInverted: string;\n colorNeutralForegroundInvertedLink: string;\n colorNeutralForegroundInvertedLinkHover: string;\n colorNeutralForegroundInvertedLinkPressed: string;\n colorNeutralForegroundInvertedLinkSelected: string;\n colorBrandForegroundInverted: string;\n colorBrandForegroundInvertedHover: string;\n colorBrandForegroundInvertedPressed: string;\n colorBrandForegroundOnLight: string;\n colorBrandForegroundOnLightHover: string;\n colorBrandForegroundOnLightPressed: string;\n colorBrandForegroundOnLightSelected: string;\n colorNeutralBackground1: string;\n colorNeutralBackground1Hover: string;\n colorNeutralBackground1Pressed: string;\n colorNeutralBackground1Selected: string;\n colorNeutralBackground2: string;\n colorNeutralBackground2Hover: string;\n colorNeutralBackground2Pressed: string;\n colorNeutralBackground2Selected: string;\n colorNeutralBackground3: string;\n colorNeutralBackground3Hover: string;\n colorNeutralBackground3Pressed: string;\n colorNeutralBackground3Selected: string;\n colorNeutralBackground4: string;\n colorNeutralBackground4Hover: string;\n colorNeutralBackground4Pressed: string;\n colorNeutralBackground4Selected: string;\n colorNeutralBackground5: string;\n colorNeutralBackground5Hover: string;\n colorNeutralBackground5Pressed: string;\n colorNeutralBackground5Selected: string;\n colorNeutralBackground6: string;\n colorNeutralBackgroundInverted: string;\n colorNeutralBackgroundStatic: string;\n colorNeutralBackgroundAlpha: string;\n colorNeutralBackgroundAlpha2: string;\n colorSubtleBackground: string;\n colorSubtleBackgroundHover: string;\n colorSubtleBackgroundPressed: string;\n colorSubtleBackgroundSelected: string;\n colorSubtleBackgroundLightAlphaHover: string;\n colorSubtleBackgroundLightAlphaPressed: string;\n colorSubtleBackgroundLightAlphaSelected: string;\n colorSubtleBackgroundInverted: string;\n colorSubtleBackgroundInvertedHover: string;\n colorSubtleBackgroundInvertedPressed: string;\n colorSubtleBackgroundInvertedSelected: string;\n colorTransparentBackground: string;\n colorTransparentBackgroundHover: string;\n colorTransparentBackgroundPressed: string;\n colorTransparentBackgroundSelected: string;\n colorNeutralBackgroundDisabled: string;\n colorNeutralBackgroundInvertedDisabled: string;\n colorNeutralStencil1: string;\n colorNeutralStencil2: string;\n colorNeutralStencil1Alpha: string;\n colorNeutralStencil2Alpha: string;\n colorBackgroundOverlay: string;\n colorScrollbarOverlay: string;\n colorBrandBackground: string;\n colorBrandBackgroundHover: string;\n colorBrandBackgroundPressed: string;\n colorBrandBackgroundSelected: string;\n colorCompoundBrandBackground: string;\n colorCompoundBrandBackgroundHover: string;\n colorCompoundBrandBackgroundPressed: string;\n colorBrandBackgroundStatic: string;\n colorBrandBackground2: string;\n colorBrandBackground2Hover: string;\n colorBrandBackground2Pressed: string;\n colorBrandBackground3Static: string;\n colorBrandBackground4Static: string;\n colorBrandBackgroundInverted: string;\n colorBrandBackgroundInvertedHover: string;\n colorBrandBackgroundInvertedPressed: string;\n colorBrandBackgroundInvertedSelected: string;\n colorNeutralCardBackground: string;\n colorNeutralCardBackgroundHover: string;\n colorNeutralCardBackgroundPressed: string;\n colorNeutralCardBackgroundSelected: string;\n colorNeutralCardBackgroundDisabled: string;\n colorNeutralStrokeAccessible: string;\n colorNeutralStrokeAccessibleHover: string;\n colorNeutralStrokeAccessiblePressed: string;\n colorNeutralStrokeAccessibleSelected: string;\n colorNeutralStroke1: string;\n colorNeutralStroke1Hover: string;\n colorNeutralStroke1Pressed: string;\n colorNeutralStroke1Selected: string;\n colorNeutralStroke2: string;\n colorNeutralStroke3: string;\n colorNeutralStrokeSubtle: string;\n colorNeutralStrokeOnBrand: string;\n colorNeutralStrokeOnBrand2: string;\n colorNeutralStrokeOnBrand2Hover: string;\n colorNeutralStrokeOnBrand2Pressed: string;\n colorNeutralStrokeOnBrand2Selected: string;\n colorBrandStroke1: string;\n colorBrandStroke2: string;\n colorBrandStroke2Hover: string;\n colorBrandStroke2Pressed: string;\n colorBrandStroke2Contrast: string;\n colorCompoundBrandStroke: string;\n colorCompoundBrandStrokeHover: string;\n colorCompoundBrandStrokePressed: string;\n colorNeutralStrokeDisabled: string;\n colorNeutralStrokeInvertedDisabled: string;\n colorTransparentStroke: string;\n colorTransparentStrokeInteractive: string;\n colorTransparentStrokeDisabled: string;\n colorNeutralStrokeAlpha: string;\n colorNeutralStrokeAlpha2: string;\n colorStrokeFocus1: string;\n colorStrokeFocus2: string;\n colorNeutralShadowAmbient: string;\n colorNeutralShadowKey: string;\n colorNeutralShadowAmbientLighter: string;\n colorNeutralShadowKeyLighter: string;\n colorNeutralShadowAmbientDarker: string;\n colorNeutralShadowKeyDarker: string;\n colorBrandShadowAmbient: string;\n colorBrandShadowKey: string;\n};\n\nexport type ColorStatusSuccess =\n | 'colorStatusSuccessBackground1'\n | 'colorStatusSuccessBackground2'\n | 'colorStatusSuccessBackground3'\n | 'colorStatusSuccessForeground1'\n | 'colorStatusSuccessForeground2'\n | 'colorStatusSuccessForeground3'\n | 'colorStatusSuccessForegroundInverted'\n | 'colorStatusSuccessBorderActive'\n | 'colorStatusSuccessBorder1'\n | 'colorStatusSuccessBorder2';\n\nexport type ColorStatusWarning =\n | 'colorStatusWarningBackground1'\n | 'colorStatusWarningBackground2'\n | 'colorStatusWarningBackground3'\n | 'colorStatusWarningForeground1'\n | 'colorStatusWarningForeground2'\n | 'colorStatusWarningForeground3'\n | 'colorStatusWarningForegroundInverted'\n | 'colorStatusWarningBorderActive'\n | 'colorStatusWarningBorder1'\n | 'colorStatusWarningBorder2';\n\nexport type ColorStatusDanger =\n | 'colorStatusDangerBackground1'\n | 'colorStatusDangerBackground2'\n | 'colorStatusDangerBackground3'\n | 'colorStatusDangerBackground3Hover'\n | 'colorStatusDangerBackground3Pressed'\n | 'colorStatusDangerForeground1'\n | 'colorStatusDangerForeground2'\n | 'colorStatusDangerForeground3'\n | 'colorStatusDangerForegroundInverted'\n | 'colorStatusDangerBorderActive'\n | 'colorStatusDangerBorder1'\n | 'colorStatusDangerBorder2';\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedForegroundInverted'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenForegroundInverted'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n | 'colorPaletteDarkOrangeBackground1'\n | 'colorPaletteDarkOrangeBackground2'\n | 'colorPaletteDarkOrangeBackground3'\n | 'colorPaletteDarkOrangeForeground1'\n | 'colorPaletteDarkOrangeForeground2'\n | 'colorPaletteDarkOrangeForeground3'\n | 'colorPaletteDarkOrangeBorderActive'\n | 'colorPaletteDarkOrangeBorder1'\n | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowForegroundInverted'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n | 'colorPaletteBerryBackground1'\n | 'colorPaletteBerryBackground2'\n | 'colorPaletteBerryBackground3'\n | 'colorPaletteBerryForeground1'\n | 'colorPaletteBerryForeground2'\n | 'colorPaletteBerryForeground3'\n | 'colorPaletteBerryBorderActive'\n | 'colorPaletteBerryBorder1'\n | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n | 'colorPaletteMarigoldBackground1'\n | 'colorPaletteMarigoldBackground2'\n | 'colorPaletteMarigoldBackground3'\n | 'colorPaletteMarigoldForeground1'\n | 'colorPaletteMarigoldForeground2'\n | 'colorPaletteMarigoldForeground3'\n | 'colorPaletteMarigoldBorderActive'\n | 'colorPaletteMarigoldBorder1'\n | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n | 'colorPaletteLightGreenBackground1'\n | 'colorPaletteLightGreenBackground2'\n | 'colorPaletteLightGreenBackground3'\n | 'colorPaletteLightGreenForeground1'\n | 'colorPaletteLightGreenForeground2'\n | 'colorPaletteLightGreenForeground3'\n | 'colorPaletteLightGreenBorderActive'\n | 'colorPaletteLightGreenBorder1'\n | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorBorderActive';\n\nexport type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;\n\nexport type StatusColorPaletteTokens = Record<\n | ColorPaletteRed\n | ColorPaletteGreen\n | ColorPaletteDarkOrange\n | ColorPaletteYellow\n | ColorPaletteBerry\n | ColorPaletteMarigold\n | ColorPaletteLightGreen,\n string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteCranberry\n | ColorPalettePumpkin\n | ColorPalettePeach\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteSteel\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteGrape\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPalettePlatinum\n | ColorPaletteAnchor,\n string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = (typeof statusSharedColorNames)[number];\ntype PersonaSharedColorNames = (typeof personaSharedColorNames)[number];\nexport type MappedStatusColorNames = (typeof mappedStatusColorNames)[number];\ntype UnusedSharedColorNames = (typeof unusedSharedColorNames)[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type MappedStatusColors = Record<MappedStatusColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n fontSizeBase100: string;\n fontSizeBase200: string;\n fontSizeBase300: string;\n fontSizeBase400: string;\n fontSizeBase500: string;\n fontSizeBase600: string;\n\n fontSizeHero700: string;\n fontSizeHero800: string;\n fontSizeHero900: string;\n fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n lineHeightBase100: string;\n lineHeightBase200: string;\n lineHeightBase300: string;\n lineHeightBase400: string;\n lineHeightBase500: string;\n lineHeightBase600: string;\n\n lineHeightHero700: string;\n lineHeightHero800: string;\n lineHeightHero900: string;\n lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n fontWeightRegular: number;\n fontWeightMedium: number;\n fontWeightSemibold: number;\n fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n fontFamilyBase: string;\n fontFamilyMonospace: string;\n fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n fontFamily: string;\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n};\n\nexport type TypographyStyles = {\n body1: TypographyStyle;\n body1Strong: TypographyStyle;\n body1Stronger: TypographyStyle;\n body2: TypographyStyle;\n caption1: TypographyStyle;\n caption1Strong: TypographyStyle;\n caption1Stronger: TypographyStyle;\n caption2: TypographyStyle;\n caption2Strong: TypographyStyle;\n subtitle1: TypographyStyle;\n subtitle2: TypographyStyle;\n subtitle2Stronger: TypographyStyle;\n title1: TypographyStyle;\n title2: TypographyStyle;\n title3: TypographyStyle;\n largeTitle: TypographyStyle;\n display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n borderRadiusNone: string;\n borderRadiusSmall: string;\n borderRadiusMedium: string;\n borderRadiusLarge: string;\n borderRadiusXLarge: string;\n borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n strokeWidthThin: string;\n strokeWidthThick: string;\n strokeWidthThicker: string;\n strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n none: string;\n xxs: string;\n xs: string;\n sNudge: string;\n s: string;\n mNudge: string;\n m: string;\n l: string;\n xl: string;\n xxl: string;\n xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n spacingHorizontalNone: string;\n spacingHorizontalXXS: string;\n spacingHorizontalXS: string;\n spacingHorizontalSNudge: string;\n spacingHorizontalS: string;\n spacingHorizontalMNudge: string;\n spacingHorizontalM: string;\n spacingHorizontalL: string;\n spacingHorizontalXL: string;\n spacingHorizontalXXL: string;\n spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n spacingVerticalNone: string;\n spacingVerticalXXS: string;\n spacingVerticalXS: string;\n spacingVerticalSNudge: string;\n spacingVerticalS: string;\n spacingVerticalMNudge: string;\n spacingVerticalM: string;\n spacingVerticalL: string;\n spacingVerticalXL: string;\n spacingVerticalXXL: string;\n spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n durationUltraFast: string;\n durationFaster: string;\n durationFast: string;\n durationNormal: string;\n durationGentle: string;\n durationSlow: string;\n durationSlower: string;\n durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n curveAccelerateMax: string;\n curveAccelerateMid: string;\n curveAccelerateMin: string;\n curveDecelerateMax: string;\n curveDecelerateMid: string;\n curveDecelerateMin: string;\n curveEasyEaseMax: string;\n curveEasyEase: string;\n curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n shadow2Brand: string;\n shadow4Brand: string;\n shadow8Brand: string;\n shadow16Brand: string;\n shadow28Brand: string;\n shadow64Brand: string;\n};\n\nexport type Greys =\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n LineHeightTokens &\n BorderRadiusTokens &\n StrokeWidthTokens &\n HorizontalSpacingTokens &\n VerticalSpacingTokens &\n DurationTokens &\n CurveTokens &\n ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorStatusTokens &\n ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"],"names":[],"mappings":"AAywBA,WAA0C"}
|
|
1
|
+
{"version":3,"sources":["types.ts"],"sourcesContent":["import {\n statusSharedColorNames,\n personaSharedColorNames,\n unusedSharedColorNames,\n mappedStatusColorNames,\n} from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n colorNeutralForeground1: string;\n colorNeutralForeground1Hover: string;\n colorNeutralForeground1Pressed: string;\n colorNeutralForeground1Selected: string;\n colorNeutralForeground2: string;\n colorNeutralForeground2Hover: string;\n colorNeutralForeground2Pressed: string;\n colorNeutralForeground2Selected: string;\n colorNeutralForeground2BrandHover: string;\n colorNeutralForeground2BrandPressed: string;\n colorNeutralForeground2BrandSelected: string;\n colorNeutralForeground3: string;\n colorNeutralForeground3Hover: string;\n colorNeutralForeground3Pressed: string;\n colorNeutralForeground3Selected: string;\n colorNeutralForeground3BrandHover: string;\n colorNeutralForeground3BrandPressed: string;\n colorNeutralForeground3BrandSelected: string;\n colorNeutralForeground4: string;\n colorNeutralForegroundDisabled: string;\n colorNeutralForegroundInvertedDisabled: string;\n colorBrandForegroundLink: string;\n colorBrandForegroundLinkHover: string;\n colorBrandForegroundLinkPressed: string;\n colorBrandForegroundLinkSelected: string;\n colorNeutralForeground2Link: string;\n colorNeutralForeground2LinkHover: string;\n colorNeutralForeground2LinkPressed: string;\n colorNeutralForeground2LinkSelected: string;\n colorCompoundBrandForeground1: string;\n colorCompoundBrandForeground1Hover: string;\n colorCompoundBrandForeground1Pressed: string;\n colorBrandForeground1: string;\n colorBrandForeground2: string;\n colorBrandForeground2Hover: string;\n colorBrandForeground2Pressed: string;\n colorNeutralForeground1Static: string;\n colorNeutralForegroundInverted: string;\n colorNeutralForegroundInvertedHover: string;\n colorNeutralForegroundInvertedPressed: string;\n colorNeutralForegroundInvertedSelected: string;\n colorNeutralForegroundInverted2: string;\n colorNeutralForegroundOnBrand: string;\n colorNeutralForegroundStaticInverted: string;\n colorNeutralForegroundInvertedLink: string;\n colorNeutralForegroundInvertedLinkHover: string;\n colorNeutralForegroundInvertedLinkPressed: string;\n colorNeutralForegroundInvertedLinkSelected: string;\n colorBrandForegroundInverted: string;\n colorBrandForegroundInvertedHover: string;\n colorBrandForegroundInvertedPressed: string;\n colorBrandForegroundOnLight: string;\n colorBrandForegroundOnLightHover: string;\n colorBrandForegroundOnLightPressed: string;\n colorBrandForegroundOnLightSelected: string;\n colorNeutralBackground1: string;\n colorNeutralBackground1Hover: string;\n colorNeutralBackground1Pressed: string;\n colorNeutralBackground1Selected: string;\n colorNeutralBackground2: string;\n colorNeutralBackground2Hover: string;\n colorNeutralBackground2Pressed: string;\n colorNeutralBackground2Selected: string;\n colorNeutralBackground3: string;\n colorNeutralBackground3Hover: string;\n colorNeutralBackground3Pressed: string;\n colorNeutralBackground3Selected: string;\n colorNeutralBackground4: string;\n colorNeutralBackground4Hover: string;\n colorNeutralBackground4Pressed: string;\n colorNeutralBackground4Selected: string;\n colorNeutralBackground5: string;\n colorNeutralBackground5Hover: string;\n colorNeutralBackground5Pressed: string;\n colorNeutralBackground5Selected: string;\n colorNeutralBackground6: string;\n colorNeutralBackgroundInverted: string;\n colorNeutralBackgroundStatic: string;\n colorNeutralBackgroundAlpha: string;\n colorNeutralBackgroundAlpha2: string;\n colorSubtleBackground: string;\n colorSubtleBackgroundHover: string;\n colorSubtleBackgroundPressed: string;\n colorSubtleBackgroundSelected: string;\n colorSubtleBackgroundLightAlphaHover: string;\n colorSubtleBackgroundLightAlphaPressed: string;\n colorSubtleBackgroundLightAlphaSelected: string;\n colorSubtleBackgroundInverted: string;\n colorSubtleBackgroundInvertedHover: string;\n colorSubtleBackgroundInvertedPressed: string;\n colorSubtleBackgroundInvertedSelected: string;\n colorTransparentBackground: string;\n colorTransparentBackgroundHover: string;\n colorTransparentBackgroundPressed: string;\n colorTransparentBackgroundSelected: string;\n colorNeutralBackgroundDisabled: string;\n colorNeutralBackgroundInvertedDisabled: string;\n colorNeutralStencil1: string;\n colorNeutralStencil2: string;\n colorNeutralStencil1Alpha: string;\n colorNeutralStencil2Alpha: string;\n colorBackgroundOverlay: string;\n colorScrollbarOverlay: string;\n colorBrandBackground: string;\n colorBrandBackgroundHover: string;\n colorBrandBackgroundPressed: string;\n colorBrandBackgroundSelected: string;\n colorCompoundBrandBackground: string;\n colorCompoundBrandBackgroundHover: string;\n colorCompoundBrandBackgroundPressed: string;\n colorBrandBackgroundStatic: string;\n colorBrandBackground2: string;\n colorBrandBackground2Hover: string;\n colorBrandBackground2Pressed: string;\n colorBrandBackground3Static: string;\n colorBrandBackground4Static: string;\n colorBrandBackgroundInverted: string;\n colorBrandBackgroundInvertedHover: string;\n colorBrandBackgroundInvertedPressed: string;\n colorBrandBackgroundInvertedSelected: string;\n colorNeutralCardBackground: string;\n colorNeutralCardBackgroundHover: string;\n colorNeutralCardBackgroundPressed: string;\n colorNeutralCardBackgroundSelected: string;\n colorNeutralCardBackgroundDisabled: string;\n colorNeutralStrokeAccessible: string;\n colorNeutralStrokeAccessibleHover: string;\n colorNeutralStrokeAccessiblePressed: string;\n colorNeutralStrokeAccessibleSelected: string;\n colorNeutralStroke1: string;\n colorNeutralStroke1Hover: string;\n colorNeutralStroke1Pressed: string;\n colorNeutralStroke1Selected: string;\n colorNeutralStroke2: string;\n colorNeutralStroke3: string;\n colorNeutralStrokeSubtle: string;\n colorNeutralStrokeOnBrand: string;\n colorNeutralStrokeOnBrand2: string;\n colorNeutralStrokeOnBrand2Hover: string;\n colorNeutralStrokeOnBrand2Pressed: string;\n colorNeutralStrokeOnBrand2Selected: string;\n colorBrandStroke1: string;\n colorBrandStroke2: string;\n colorBrandStroke2Hover: string;\n colorBrandStroke2Pressed: string;\n colorBrandStroke2Contrast: string;\n colorCompoundBrandStroke: string;\n colorCompoundBrandStrokeHover: string;\n colorCompoundBrandStrokePressed: string;\n colorNeutralStrokeDisabled: string;\n colorNeutralStrokeInvertedDisabled: string;\n colorTransparentStroke: string;\n colorTransparentStrokeInteractive: string;\n colorTransparentStrokeDisabled: string;\n colorNeutralStrokeAlpha: string;\n colorNeutralStrokeAlpha2: string;\n colorStrokeFocus1: string;\n colorStrokeFocus2: string;\n colorNeutralShadowAmbient: string;\n colorNeutralShadowKey: string;\n colorNeutralShadowAmbientLighter: string;\n colorNeutralShadowKeyLighter: string;\n colorNeutralShadowAmbientDarker: string;\n colorNeutralShadowKeyDarker: string;\n colorBrandShadowAmbient: string;\n colorBrandShadowKey: string;\n};\n\nexport type ColorStatusSuccess =\n | 'colorStatusSuccessBackground1'\n | 'colorStatusSuccessBackground2'\n | 'colorStatusSuccessBackground3'\n | 'colorStatusSuccessForeground1'\n | 'colorStatusSuccessForeground2'\n | 'colorStatusSuccessForeground3'\n | 'colorStatusSuccessForegroundInverted'\n | 'colorStatusSuccessBorderActive'\n | 'colorStatusSuccessBorder1'\n | 'colorStatusSuccessBorder2';\n\nexport type ColorStatusWarning =\n | 'colorStatusWarningBackground1'\n | 'colorStatusWarningBackground2'\n | 'colorStatusWarningBackground3'\n | 'colorStatusWarningForeground1'\n | 'colorStatusWarningForeground2'\n | 'colorStatusWarningForeground3'\n | 'colorStatusWarningForegroundInverted'\n | 'colorStatusWarningBorderActive'\n | 'colorStatusWarningBorder1'\n | 'colorStatusWarningBorder2';\n\nexport type ColorStatusDanger =\n | 'colorStatusDangerBackground1'\n | 'colorStatusDangerBackground2'\n | 'colorStatusDangerBackground3'\n | 'colorStatusDangerBackground3Hover'\n | 'colorStatusDangerBackground3Pressed'\n | 'colorStatusDangerForeground1'\n | 'colorStatusDangerForeground2'\n | 'colorStatusDangerForeground3'\n | 'colorStatusDangerForegroundInverted'\n | 'colorStatusDangerBorderActive'\n | 'colorStatusDangerBorder1'\n | 'colorStatusDangerBorder2';\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedForegroundInverted'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenForegroundInverted'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n | 'colorPaletteDarkOrangeBackground1'\n | 'colorPaletteDarkOrangeBackground2'\n | 'colorPaletteDarkOrangeBackground3'\n | 'colorPaletteDarkOrangeForeground1'\n | 'colorPaletteDarkOrangeForeground2'\n | 'colorPaletteDarkOrangeForeground3'\n | 'colorPaletteDarkOrangeBorderActive'\n | 'colorPaletteDarkOrangeBorder1'\n | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowForegroundInverted'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n | 'colorPaletteBerryBackground1'\n | 'colorPaletteBerryBackground2'\n | 'colorPaletteBerryBackground3'\n | 'colorPaletteBerryForeground1'\n | 'colorPaletteBerryForeground2'\n | 'colorPaletteBerryForeground3'\n | 'colorPaletteBerryBorderActive'\n | 'colorPaletteBerryBorder1'\n | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n | 'colorPaletteMarigoldBackground1'\n | 'colorPaletteMarigoldBackground2'\n | 'colorPaletteMarigoldBackground3'\n | 'colorPaletteMarigoldForeground1'\n | 'colorPaletteMarigoldForeground2'\n | 'colorPaletteMarigoldForeground3'\n | 'colorPaletteMarigoldBorderActive'\n | 'colorPaletteMarigoldBorder1'\n | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n | 'colorPaletteLightGreenBackground1'\n | 'colorPaletteLightGreenBackground2'\n | 'colorPaletteLightGreenBackground3'\n | 'colorPaletteLightGreenForeground1'\n | 'colorPaletteLightGreenForeground2'\n | 'colorPaletteLightGreenForeground3'\n | 'colorPaletteLightGreenBorderActive'\n | 'colorPaletteLightGreenBorder1'\n | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorBorderActive';\n\nexport type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;\n\nexport type StatusColorPaletteTokens = Record<\n | ColorPaletteRed\n | ColorPaletteGreen\n | ColorPaletteDarkOrange\n | ColorPaletteYellow\n | ColorPaletteBerry\n | ColorPaletteMarigold\n | ColorPaletteLightGreen,\n string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteCranberry\n | ColorPalettePumpkin\n | ColorPalettePeach\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteSteel\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteGrape\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPalettePlatinum\n | ColorPaletteAnchor,\n string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = (typeof statusSharedColorNames)[number];\ntype PersonaSharedColorNames = (typeof personaSharedColorNames)[number];\nexport type MappedStatusColorNames = (typeof mappedStatusColorNames)[number];\ntype UnusedSharedColorNames = (typeof unusedSharedColorNames)[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type MappedStatusColors = Record<MappedStatusColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n fontSizeBase100: string;\n fontSizeBase200: string;\n fontSizeBase300: string;\n fontSizeBase400: string;\n fontSizeBase500: string;\n fontSizeBase600: string;\n\n fontSizeHero700: string;\n fontSizeHero800: string;\n fontSizeHero900: string;\n fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n lineHeightBase100: string;\n lineHeightBase200: string;\n lineHeightBase300: string;\n lineHeightBase400: string;\n lineHeightBase500: string;\n lineHeightBase600: string;\n\n lineHeightHero700: string;\n lineHeightHero800: string;\n lineHeightHero900: string;\n lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n fontWeightRegular: number;\n fontWeightMedium: number;\n fontWeightSemibold: number;\n fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n fontFamilyBase: string;\n fontFamilyMonospace: string;\n fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n fontFamily: string;\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n};\n\nexport type TypographyStyles = {\n body1: TypographyStyle;\n body1Strong: TypographyStyle;\n body1Stronger: TypographyStyle;\n body2: TypographyStyle;\n caption1: TypographyStyle;\n caption1Strong: TypographyStyle;\n caption1Stronger: TypographyStyle;\n caption2: TypographyStyle;\n caption2Strong: TypographyStyle;\n subtitle1: TypographyStyle;\n subtitle2: TypographyStyle;\n subtitle2Stronger: TypographyStyle;\n title1: TypographyStyle;\n title2: TypographyStyle;\n title3: TypographyStyle;\n largeTitle: TypographyStyle;\n display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n borderRadiusNone: string;\n borderRadiusSmall: string;\n borderRadiusMedium: string;\n borderRadiusLarge: string;\n borderRadiusXLarge: string;\n borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n strokeWidthThin: string;\n strokeWidthThick: string;\n strokeWidthThicker: string;\n strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n none: string;\n xxs: string;\n xs: string;\n sNudge: string;\n s: string;\n mNudge: string;\n m: string;\n l: string;\n xl: string;\n xxl: string;\n xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n spacingHorizontalNone: string;\n spacingHorizontalXXS: string;\n spacingHorizontalXS: string;\n spacingHorizontalSNudge: string;\n spacingHorizontalS: string;\n spacingHorizontalMNudge: string;\n spacingHorizontalM: string;\n spacingHorizontalL: string;\n spacingHorizontalXL: string;\n spacingHorizontalXXL: string;\n spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n spacingVerticalNone: string;\n spacingVerticalXXS: string;\n spacingVerticalXS: string;\n spacingVerticalSNudge: string;\n spacingVerticalS: string;\n spacingVerticalMNudge: string;\n spacingVerticalM: string;\n spacingVerticalL: string;\n spacingVerticalXL: string;\n spacingVerticalXXL: string;\n spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n durationUltraFast: string;\n durationFaster: string;\n durationFast: string;\n durationNormal: string;\n durationGentle: string;\n durationSlow: string;\n durationSlower: string;\n durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n curveAccelerateMax: string;\n curveAccelerateMid: string;\n curveAccelerateMin: string;\n curveDecelerateMax: string;\n curveDecelerateMid: string;\n curveDecelerateMin: string;\n curveEasyEaseMax: string;\n curveEasyEase: string;\n curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n shadow2Brand: string;\n shadow4Brand: string;\n shadow8Brand: string;\n shadow16Brand: string;\n shadow28Brand: string;\n shadow64Brand: string;\n};\n\nexport type Greys =\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n LineHeightTokens &\n BorderRadiusTokens &\n StrokeWidthTokens &\n HorizontalSpacingTokens &\n VerticalSpacingTokens &\n DurationTokens &\n CurveTokens &\n ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorStatusTokens &\n ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"],"names":[],"mappings":"AAAA,WAywB0C"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { colorPaletteTokens, colorStatusTokens } from
|
|
2
|
-
import { generateColorTokens } from
|
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from
|
|
4
|
-
import { createShadowTokens } from
|
|
5
|
-
import { durations } from
|
|
6
|
-
import { curves } from
|
|
7
|
-
import { horizontalSpacings, verticalSpacings } from
|
|
1
|
+
import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';
|
|
2
|
+
import { generateColorTokens } from '../alias/darkColor';
|
|
3
|
+
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
|
4
|
+
import { createShadowTokens } from './shadows';
|
|
5
|
+
import { durations } from '../global/durations';
|
|
6
|
+
import { curves } from '../global/curves';
|
|
7
|
+
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
|
8
8
|
export const createDarkTheme = (brand)=>{
|
|
9
9
|
const colorTokens = generateColorTokens(brand);
|
|
10
10
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,4BAA4B;AAClF,SAASC,mBAAmB,QAAQ,qBAAqB;AAEzD,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,
|
|
1
|
+
{"version":3,"sources":["createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,4BAA4B;AAClF,SAASC,mBAAmB,QAAQ,qBAAqB;AAEzD,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,kBAAmDC,CAAAA;IAC9D,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { colorPaletteTokens, colorStatusTokens } from
|
|
2
|
-
import { generateColorTokens } from
|
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from
|
|
4
|
-
import { createShadowTokens } from
|
|
5
|
-
import { durations } from
|
|
6
|
-
import { curves } from
|
|
7
|
-
import { horizontalSpacings, verticalSpacings } from
|
|
1
|
+
import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette';
|
|
2
|
+
import { generateColorTokens } from '../alias/highContrastColor';
|
|
3
|
+
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
|
4
|
+
import { createShadowTokens } from './shadows';
|
|
5
|
+
import { durations } from '../global/durations';
|
|
6
|
+
import { curves } from '../global/curves';
|
|
7
|
+
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
|
8
8
|
export const createHighContrastTheme = ()=>{
|
|
9
9
|
const colorTokens = generateColorTokens();
|
|
10
10
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n const colorTokens = generateColorTokens();\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createHighContrastTheme","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,oCAAoC;AAC1F,SAASC,mBAAmB,QAAQ,6BAA6B;AAEjE,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,
|
|
1
|
+
{"version":3,"sources":["createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n const colorTokens = generateColorTokens();\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createHighContrastTheme","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,oCAAoC;AAC1F,SAASC,mBAAmB,QAAQ,6BAA6B;AAEjE,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,0BAA0B;IACrC,MAAMC,cAAcb;IAEpB,OAAO;QACL,GAAGC,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGI,WAAW;QACd,GAAGf,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBM,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGR,mBAAmBM,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { colorPaletteTokens, colorStatusTokens } from
|
|
2
|
-
import { generateColorTokens } from
|
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from
|
|
4
|
-
import { createShadowTokens } from
|
|
5
|
-
import { durations } from
|
|
6
|
-
import { curves } from
|
|
7
|
-
import { horizontalSpacings, verticalSpacings } from
|
|
1
|
+
import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette';
|
|
2
|
+
import { generateColorTokens } from '../alias/lightColor';
|
|
3
|
+
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
|
4
|
+
import { createShadowTokens } from './shadows';
|
|
5
|
+
import { durations } from '../global/durations';
|
|
6
|
+
import { curves } from '../global/curves';
|
|
7
|
+
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
|
8
8
|
export const createLightTheme = (brand)=>{
|
|
9
9
|
const colorTokens = generateColorTokens(brand);
|
|
10
10
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createLightTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,6BAA6B;AACnF,SAASC,mBAAmB,QAAQ,sBAAsB;AAE1D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,
|
|
1
|
+
{"version":3,"sources":["createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createLightTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,6BAA6B;AACnF,SAASC,mBAAmB,QAAQ,sBAAsB;AAE1D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,mBAAoDC,CAAAA;IAC/D,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { colorPaletteTokens, colorStatusTokens } from
|
|
2
|
-
import { generateColorTokens } from
|
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from
|
|
4
|
-
import { createShadowTokens } from
|
|
5
|
-
import { durations } from
|
|
6
|
-
import { curves } from
|
|
7
|
-
import { horizontalSpacings, verticalSpacings } from
|
|
1
|
+
import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';
|
|
2
|
+
import { generateColorTokens } from '../alias/teamsDarkColor';
|
|
3
|
+
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
|
4
|
+
import { createShadowTokens } from './shadows';
|
|
5
|
+
import { durations } from '../global/durations';
|
|
6
|
+
import { curves } from '../global/curves';
|
|
7
|
+
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
|
8
8
|
export const createTeamsDarkTheme = (brand)=>{
|
|
9
9
|
const colorTokens = generateColorTokens(brand);
|
|
10
10
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createTeamsDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,4BAA4B;AAClF,SAASC,mBAAmB,QAAQ,0BAA0B;AAE9D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,
|
|
1
|
+
{"version":3,"sources":["createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createTeamsDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,4BAA4B;AAClF,SAASC,mBAAmB,QAAQ,0BAA0B;AAE9D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,uBAAwDC,CAAAA;IACnE,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
|
package/lib/utils/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
1
|
+
export * from './createLightTheme';
|
|
2
|
+
export * from './createDarkTheme';
|
|
3
|
+
export * from './createTeamsDarkTheme';
|
|
4
|
+
export * from './createHighContrastTheme';
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "generateColorTokens", {
|
|
|
8
8
|
return generateColorTokens;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _colors = require("../global/colors
|
|
11
|
+
const _colors = require("../global/colors");
|
|
12
12
|
const generateColorTokens = (brand)=>({
|
|
13
13
|
colorNeutralForeground1: _colors.white,
|
|
14
14
|
colorNeutralForeground1Hover: _colors.white,
|