@fluentui/tokens 1.0.0-alpha.1 → 1.0.0-alpha.2
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.json +16 -1
- package/CHANGELOG.md +11 -2
- package/dist/index.d.ts +439 -0
- package/lib/alias/darkColor.js +155 -0
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +44 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/highContrastColor.js +155 -0
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +34 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/lightColor.js +155 -0
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +35 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/teamsDarkColor.js +155 -0
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/global/borderRadius.js +9 -0
- package/lib/global/borderRadius.js.map +1 -0
- package/lib/global/brandColors.js +55 -0
- package/lib/global/brandColors.js.map +1 -0
- package/lib/global/colorPalette.js +41 -0
- package/lib/global/colorPalette.js.map +1 -0
- package/lib/global/colors.js +789 -0
- package/lib/global/colors.js.map +1 -0
- package/lib/global/curves.js +12 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/fonts.js +38 -0
- package/lib/global/fonts.js.map +1 -0
- package/lib/global/index.js +10 -0
- package/lib/global/index.js.map +1 -0
- package/lib/global/spacings.js +41 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js +7 -0
- package/lib/global/strokeWidths.js.map +1 -0
- package/lib/global/typographyStyles.js +110 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +5 -1
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +9 -0
- package/lib/sharedColorNames.js.map +1 -0
- package/lib/themeToTokensObject.js +19 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/themes/index.js +3 -0
- package/lib/themes/index.js.map +1 -0
- package/lib/themes/teams/darkTheme.js +4 -0
- package/lib/themes/teams/darkTheme.js.map +1 -0
- package/lib/themes/teams/highContrastTheme.js +3 -0
- package/lib/themes/teams/highContrastTheme.js.map +1 -0
- package/lib/themes/teams/index.js +4 -0
- package/lib/themes/teams/index.js.map +1 -0
- package/lib/themes/teams/lightTheme.js +4 -0
- package/lib/themes/teams/lightTheme.js.map +1 -0
- package/lib/themes/web/darkTheme.js +4 -0
- package/lib/themes/web/darkTheme.js.map +1 -0
- package/lib/themes/web/index.js +3 -0
- package/lib/themes/web/index.js.map +1 -0
- package/lib/themes/web/lightTheme.js +4 -0
- package/lib/themes/web/lightTheme.js.map +1 -0
- package/lib/tokens.js +435 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.js +2 -0
- package/lib/types.js.map +1 -0
- package/lib/utils/createDarkTheme.js +26 -0
- package/lib/utils/createDarkTheme.js.map +1 -0
- package/lib/utils/createHighContrastTheme.js +26 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -0
- package/lib/utils/createLightTheme.js +26 -0
- package/lib/utils/createLightTheme.js.map +1 -0
- package/lib/utils/createTeamsDarkTheme.js +26 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib/utils/index.js +5 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/shadows.js +11 -0
- package/lib/utils/shadows.js.map +1 -0
- package/lib-amd/alias/darkColor.js +158 -0
- package/lib-amd/alias/darkColor.js.map +1 -0
- package/lib-amd/alias/darkColorPalette.js +47 -0
- package/lib-amd/alias/darkColorPalette.js.map +1 -0
- package/lib-amd/alias/highContrastColor.js +158 -0
- package/lib-amd/alias/highContrastColor.js.map +1 -0
- package/lib-amd/alias/highContrastColorPalette.js +37 -0
- package/lib-amd/alias/highContrastColorPalette.js.map +1 -0
- package/lib-amd/alias/lightColor.js +158 -0
- package/lib-amd/alias/lightColor.js.map +1 -0
- package/lib-amd/alias/lightColorPalette.js +38 -0
- package/lib-amd/alias/lightColorPalette.js.map +1 -0
- package/lib-amd/alias/teamsDarkColor.js +158 -0
- package/lib-amd/alias/teamsDarkColor.js.map +1 -0
- package/lib-amd/global/borderRadius.js +14 -0
- package/lib-amd/global/borderRadius.js.map +1 -0
- package/lib-amd/global/brandColors.js +60 -0
- package/lib-amd/global/brandColors.js.map +1 -0
- package/lib-amd/global/colorPalette.js +45 -0
- package/lib-amd/global/colorPalette.js.map +1 -0
- package/lib-amd/global/colors.js +793 -0
- package/lib-amd/global/colors.js.map +1 -0
- package/lib-amd/global/curves.js +17 -0
- package/lib-amd/global/curves.js.map +1 -0
- package/lib-amd/global/durations.js +15 -0
- package/lib-amd/global/durations.js.map +1 -0
- package/lib-amd/global/fonts.js +45 -0
- package/lib-amd/global/fonts.js.map +1 -0
- package/lib-amd/global/index.js +14 -0
- package/lib-amd/global/index.js.map +1 -0
- package/lib-amd/global/spacings.js +46 -0
- package/lib-amd/global/spacings.js.map +1 -0
- package/lib-amd/global/strokeWidths.js +12 -0
- package/lib-amd/global/strokeWidths.js.map +1 -0
- package/lib-amd/global/typographyStyles.js +113 -0
- package/lib-amd/global/typographyStyles.js.map +1 -0
- package/lib-amd/index.js +14 -1
- package/lib-amd/index.js.map +1 -1
- package/lib-amd/sharedColorNames.js +64 -0
- package/lib-amd/sharedColorNames.js.map +1 -0
- package/lib-amd/themeToTokensObject.js +24 -0
- package/lib-amd/themeToTokensObject.js.map +1 -0
- package/lib-amd/themes/index.js +7 -0
- package/lib-amd/themes/index.js.map +1 -0
- package/lib-amd/themes/teams/darkTheme.js +7 -0
- package/lib-amd/themes/teams/darkTheme.js.map +1 -0
- package/lib-amd/themes/teams/highContrastTheme.js +7 -0
- package/lib-amd/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-amd/themes/teams/index.js +8 -0
- package/lib-amd/themes/teams/index.js.map +1 -0
- package/lib-amd/themes/teams/lightTheme.js +7 -0
- package/lib-amd/themes/teams/lightTheme.js.map +1 -0
- package/lib-amd/themes/web/darkTheme.js +7 -0
- package/lib-amd/themes/web/darkTheme.js.map +1 -0
- package/lib-amd/themes/web/index.js +7 -0
- package/lib-amd/themes/web/index.js.map +1 -0
- package/lib-amd/themes/web/lightTheme.js +7 -0
- package/lib-amd/themes/web/lightTheme.js.map +1 -0
- package/lib-amd/tokens.js +440 -0
- package/lib-amd/tokens.js.map +1 -0
- package/lib-amd/types.js +5 -0
- package/lib-amd/types.js.map +1 -0
- package/lib-amd/utils/createDarkTheme.js +11 -0
- package/lib-amd/utils/createDarkTheme.js.map +1 -0
- package/lib-amd/utils/createHighContrastTheme.js +11 -0
- package/lib-amd/utils/createHighContrastTheme.js.map +1 -0
- package/lib-amd/utils/createLightTheme.js +11 -0
- package/lib-amd/utils/createLightTheme.js.map +1 -0
- package/lib-amd/utils/createTeamsDarkTheme.js +11 -0
- package/lib-amd/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-amd/utils/index.js +9 -0
- package/lib-amd/utils/index.js.map +1 -0
- package/lib-amd/utils/shadows.js +19 -0
- package/lib-amd/utils/shadows.js.map +1 -0
- package/lib-commonjs/alias/darkColor.js +165 -0
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +53 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/highContrastColor.js +165 -0
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +43 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/lightColor.js +165 -0
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +44 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColor.js +165 -0
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js +15 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -0
- package/lib-commonjs/global/brandColors.js +61 -0
- package/lib-commonjs/global/brandColors.js.map +1 -0
- package/lib-commonjs/global/colorPalette.js +49 -0
- package/lib-commonjs/global/colorPalette.js.map +1 -0
- package/lib-commonjs/global/colors.js +796 -0
- package/lib-commonjs/global/colors.js.map +1 -0
- package/lib-commonjs/global/curves.js +18 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +16 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js +44 -0
- package/lib-commonjs/global/fonts.js.map +1 -0
- package/lib-commonjs/global/index.js +26 -0
- package/lib-commonjs/global/index.js.map +1 -0
- package/lib-commonjs/global/spacings.js +47 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js +13 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -0
- package/lib-commonjs/global/typographyStyles.js +118 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +88 -0
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +16 -0
- package/lib-commonjs/sharedColorNames.js.map +1 -0
- package/lib-commonjs/themeToTokensObject.js +28 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/themes/index.js +12 -0
- package/lib-commonjs/themes/index.js.map +1 -0
- package/lib-commonjs/themes/teams/darkTheme.js +13 -0
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js +11 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/index.js +14 -0
- package/lib-commonjs/themes/teams/index.js.map +1 -0
- package/lib-commonjs/themes/teams/lightTheme.js +13 -0
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
- package/lib-commonjs/themes/web/darkTheme.js +13 -0
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/web/index.js +12 -0
- package/lib-commonjs/themes/web/index.js.map +1 -0
- package/lib-commonjs/themes/web/lightTheme.js +13 -0
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
- package/lib-commonjs/tokens.js +441 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.js +6 -0
- package/lib-commonjs/types.js.map +1 -0
- package/lib-commonjs/utils/createDarkTheme.js +42 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/createHighContrastTheme.js +42 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
- package/lib-commonjs/utils/createLightTheme.js +42 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js +42 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/index.js +16 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/shadows.js +20 -0
- package/lib-commonjs/utils/shadows.js.map +1 -0
- package/package.json +2 -1
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
/* !!! DO NOT EDIT !!! */
|
|
2
|
+
|
|
3
|
+
/* This file has been generated by the token pipeline */
|
|
4
|
+
import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';
|
|
5
|
+
export const generateColorTokens = brand => ({
|
|
6
|
+
colorNeutralForeground1: white,
|
|
7
|
+
colorNeutralForeground1Hover: white,
|
|
8
|
+
colorNeutralForeground1Pressed: white,
|
|
9
|
+
colorNeutralForeground1Selected: white,
|
|
10
|
+
colorNeutralForeground2: grey[84],
|
|
11
|
+
colorNeutralForeground2Hover: white,
|
|
12
|
+
colorNeutralForeground2Pressed: white,
|
|
13
|
+
colorNeutralForeground2Selected: white,
|
|
14
|
+
colorNeutralForeground2BrandHover: brand[100],
|
|
15
|
+
colorNeutralForeground2BrandPressed: brand[90],
|
|
16
|
+
colorNeutralForeground2BrandSelected: brand[100],
|
|
17
|
+
colorNeutralForeground3: grey[68],
|
|
18
|
+
colorNeutralForeground3Hover: grey[84],
|
|
19
|
+
colorNeutralForeground3Pressed: grey[84],
|
|
20
|
+
colorNeutralForeground3Selected: grey[84],
|
|
21
|
+
colorNeutralForeground3BrandHover: brand[100],
|
|
22
|
+
colorNeutralForeground3BrandPressed: brand[90],
|
|
23
|
+
colorNeutralForeground3BrandSelected: brand[100],
|
|
24
|
+
colorNeutralForeground4: grey[60],
|
|
25
|
+
colorNeutralForegroundDisabled: grey[36],
|
|
26
|
+
colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
|
|
27
|
+
colorBrandForegroundLink: brand[100],
|
|
28
|
+
colorBrandForegroundLinkHover: brand[110],
|
|
29
|
+
colorBrandForegroundLinkPressed: brand[90],
|
|
30
|
+
colorBrandForegroundLinkSelected: brand[100],
|
|
31
|
+
colorNeutralForeground2Link: grey[84],
|
|
32
|
+
colorNeutralForeground2LinkHover: white,
|
|
33
|
+
colorNeutralForeground2LinkPressed: white,
|
|
34
|
+
colorNeutralForeground2LinkSelected: white,
|
|
35
|
+
colorCompoundBrandForeground1: brand[100],
|
|
36
|
+
colorCompoundBrandForeground1Hover: brand[110],
|
|
37
|
+
colorCompoundBrandForeground1Pressed: brand[90],
|
|
38
|
+
colorBrandForeground1: brand[100],
|
|
39
|
+
colorBrandForeground2: brand[120],
|
|
40
|
+
colorNeutralForeground1Static: grey[14],
|
|
41
|
+
colorNeutralForegroundStaticInverted: white,
|
|
42
|
+
colorNeutralForegroundInverted: grey[14],
|
|
43
|
+
colorNeutralForegroundInvertedHover: grey[14],
|
|
44
|
+
colorNeutralForegroundInvertedPressed: grey[14],
|
|
45
|
+
colorNeutralForegroundInvertedSelected: grey[14],
|
|
46
|
+
colorNeutralForegroundInverted2: grey[14],
|
|
47
|
+
colorNeutralForegroundOnBrand: white,
|
|
48
|
+
colorNeutralForegroundInvertedLink: white,
|
|
49
|
+
colorNeutralForegroundInvertedLinkHover: white,
|
|
50
|
+
colorNeutralForegroundInvertedLinkPressed: white,
|
|
51
|
+
colorNeutralForegroundInvertedLinkSelected: white,
|
|
52
|
+
colorBrandForegroundInverted: brand[80],
|
|
53
|
+
colorBrandForegroundInvertedHover: brand[70],
|
|
54
|
+
colorBrandForegroundInvertedPressed: brand[60],
|
|
55
|
+
colorBrandForegroundOnLight: brand[80],
|
|
56
|
+
colorBrandForegroundOnLightHover: brand[70],
|
|
57
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
|
58
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
|
59
|
+
colorNeutralBackground1: grey[16],
|
|
60
|
+
colorNeutralBackground1Hover: grey[24],
|
|
61
|
+
colorNeutralBackground1Pressed: grey[12],
|
|
62
|
+
colorNeutralBackground1Selected: grey[22],
|
|
63
|
+
colorNeutralBackground2: grey[14],
|
|
64
|
+
colorNeutralBackground2Hover: grey[22],
|
|
65
|
+
colorNeutralBackground2Pressed: grey[10],
|
|
66
|
+
colorNeutralBackground2Selected: grey[20],
|
|
67
|
+
colorNeutralBackground3: grey[12],
|
|
68
|
+
colorNeutralBackground3Hover: grey[20],
|
|
69
|
+
colorNeutralBackground3Pressed: grey[8],
|
|
70
|
+
colorNeutralBackground3Selected: grey[18],
|
|
71
|
+
colorNeutralBackground4: grey[8],
|
|
72
|
+
colorNeutralBackground4Hover: grey[16],
|
|
73
|
+
colorNeutralBackground4Pressed: grey[4],
|
|
74
|
+
colorNeutralBackground4Selected: grey[14],
|
|
75
|
+
colorNeutralBackground5: grey[4],
|
|
76
|
+
colorNeutralBackground5Hover: grey[12],
|
|
77
|
+
colorNeutralBackground5Pressed: black,
|
|
78
|
+
colorNeutralBackground5Selected: grey[10],
|
|
79
|
+
colorNeutralBackground6: grey[20],
|
|
80
|
+
colorNeutralBackgroundInverted: white,
|
|
81
|
+
colorNeutralBackgroundStatic: grey[24],
|
|
82
|
+
colorSubtleBackground: 'transparent',
|
|
83
|
+
colorSubtleBackgroundHover: grey[22],
|
|
84
|
+
colorSubtleBackgroundPressed: grey[18],
|
|
85
|
+
colorSubtleBackgroundSelected: grey[20],
|
|
86
|
+
colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
|
|
87
|
+
colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
|
|
88
|
+
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
|
89
|
+
colorSubtleBackgroundInverted: 'transparent',
|
|
90
|
+
colorSubtleBackgroundInvertedHover: blackAlpha[10],
|
|
91
|
+
colorSubtleBackgroundInvertedPressed: blackAlpha[30],
|
|
92
|
+
colorSubtleBackgroundInvertedSelected: blackAlpha[20],
|
|
93
|
+
colorTransparentBackground: 'transparent',
|
|
94
|
+
colorTransparentBackgroundHover: 'transparent',
|
|
95
|
+
colorTransparentBackgroundPressed: 'transparent',
|
|
96
|
+
colorTransparentBackgroundSelected: 'transparent',
|
|
97
|
+
colorNeutralBackgroundDisabled: grey[8],
|
|
98
|
+
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
|
99
|
+
colorNeutralStencil1: grey[34],
|
|
100
|
+
colorNeutralStencil2: grey[20],
|
|
101
|
+
colorNeutralStencil1Alpha: whiteAlpha[10],
|
|
102
|
+
colorNeutralStencil2Alpha: whiteAlpha[5],
|
|
103
|
+
colorBackgroundOverlay: blackAlpha[50],
|
|
104
|
+
colorScrollbarOverlay: whiteAlpha[60],
|
|
105
|
+
colorBrandBackground: brand[70],
|
|
106
|
+
colorBrandBackgroundHover: brand[80],
|
|
107
|
+
colorBrandBackgroundPressed: brand[40],
|
|
108
|
+
colorBrandBackgroundSelected: brand[60],
|
|
109
|
+
colorCompoundBrandBackground: brand[100],
|
|
110
|
+
colorCompoundBrandBackgroundHover: brand[110],
|
|
111
|
+
colorCompoundBrandBackgroundPressed: brand[90],
|
|
112
|
+
colorBrandBackgroundStatic: brand[80],
|
|
113
|
+
colorBrandBackground2: brand[40],
|
|
114
|
+
colorBrandBackgroundInverted: white,
|
|
115
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
|
116
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
|
117
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
|
118
|
+
colorNeutralStrokeAccessible: grey[68],
|
|
119
|
+
colorNeutralStrokeAccessibleHover: grey[74],
|
|
120
|
+
colorNeutralStrokeAccessiblePressed: grey[70],
|
|
121
|
+
colorNeutralStrokeAccessibleSelected: brand[100],
|
|
122
|
+
colorNeutralStroke1: grey[40],
|
|
123
|
+
colorNeutralStroke1Hover: grey[46],
|
|
124
|
+
colorNeutralStroke1Pressed: grey[42],
|
|
125
|
+
colorNeutralStroke1Selected: grey[44],
|
|
126
|
+
colorNeutralStroke2: grey[32],
|
|
127
|
+
colorNeutralStroke3: grey[24],
|
|
128
|
+
colorNeutralStrokeOnBrand: grey[16],
|
|
129
|
+
colorNeutralStrokeOnBrand2: white,
|
|
130
|
+
colorNeutralStrokeOnBrand2Hover: white,
|
|
131
|
+
colorNeutralStrokeOnBrand2Pressed: white,
|
|
132
|
+
colorNeutralStrokeOnBrand2Selected: white,
|
|
133
|
+
colorBrandStroke1: brand[100],
|
|
134
|
+
colorBrandStroke2: brand[50],
|
|
135
|
+
colorCompoundBrandStroke: brand[90],
|
|
136
|
+
colorCompoundBrandStrokeHover: brand[100],
|
|
137
|
+
colorCompoundBrandStrokePressed: brand[80],
|
|
138
|
+
colorNeutralStrokeDisabled: grey[26],
|
|
139
|
+
colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
|
|
140
|
+
colorTransparentStroke: 'transparent',
|
|
141
|
+
colorTransparentStrokeInteractive: 'transparent',
|
|
142
|
+
colorTransparentStrokeDisabled: 'transparent',
|
|
143
|
+
colorStrokeFocus1: black,
|
|
144
|
+
colorStrokeFocus2: white,
|
|
145
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
|
146
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
|
147
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
|
148
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
|
149
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
|
150
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
|
151
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
152
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
|
153
|
+
|
|
154
|
+
});
|
|
155
|
+
//# sourceMappingURL=teamsDarkColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/alias/teamsDarkColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[120], // #6cb8f6 Global.Color.Brand.120\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground2Hover: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2Pressed: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground2Selected: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground3Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground4: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground4Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground4Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground5: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground5Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground5Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground5Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/global/borderRadius.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,YAAY,GAAuB;EAC9C,gBAAgB,EAAE,GAD4B;EAE9C,iBAAiB,EAAE,KAF2B;EAG9C,kBAAkB,EAAE,KAH0B;EAI9C,iBAAiB,EAAE,KAJ2B;EAK9C,kBAAkB,EAAE,KAL0B;EAM9C,oBAAoB,EAAE;AANwB,CAAzC","sourcesContent":["import type { BorderRadiusTokens } from '../types';\n\nexport const borderRadius: BorderRadiusTokens = {\n borderRadiusNone: '0',\n borderRadiusSmall: '2px',\n borderRadiusMedium: '4px',\n borderRadiusLarge: '6px',\n borderRadiusXLarge: '8px',\n borderRadiusCircular: '10000px',\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
export const brandWeb = {
|
|
2
|
+
10: `#061724`,
|
|
3
|
+
20: `#082338`,
|
|
4
|
+
30: `#0a2e4a`,
|
|
5
|
+
40: `#0c3b5e`,
|
|
6
|
+
50: `#0e4775`,
|
|
7
|
+
60: `#0f548c`,
|
|
8
|
+
70: `#115ea3`,
|
|
9
|
+
80: `#0f6cbd`,
|
|
10
|
+
90: `#2886de`,
|
|
11
|
+
100: `#479ef5`,
|
|
12
|
+
110: `#62abf5`,
|
|
13
|
+
120: `#77b7f7`,
|
|
14
|
+
130: `#96c6fa`,
|
|
15
|
+
140: `#b4d6fa`,
|
|
16
|
+
150: `#cfe4fa`,
|
|
17
|
+
160: `#ebf3fc`
|
|
18
|
+
};
|
|
19
|
+
export const brandTeams = {
|
|
20
|
+
10: `#2b2b40`,
|
|
21
|
+
20: `#2f2f4a`,
|
|
22
|
+
30: `#333357`,
|
|
23
|
+
40: `#383966`,
|
|
24
|
+
50: `#3d3e78`,
|
|
25
|
+
60: `#444791`,
|
|
26
|
+
70: `#4f52b2`,
|
|
27
|
+
80: `#5b5fc7`,
|
|
28
|
+
90: `#7579eb`,
|
|
29
|
+
100: `#7f85f5`,
|
|
30
|
+
110: `#9299f7`,
|
|
31
|
+
120: `#aab1fa`,
|
|
32
|
+
130: `#b6bcfa`,
|
|
33
|
+
140: `#c5cbfa`,
|
|
34
|
+
150: `#dce0fa`,
|
|
35
|
+
160: `#e8ebfa`
|
|
36
|
+
};
|
|
37
|
+
export const brandOffice = {
|
|
38
|
+
10: `#29130b`,
|
|
39
|
+
20: `#4d2415`,
|
|
40
|
+
30: `#792000`,
|
|
41
|
+
40: `#99482b`,
|
|
42
|
+
50: `#a52c00`,
|
|
43
|
+
60: `#c33400`,
|
|
44
|
+
70: `#e06a3f`,
|
|
45
|
+
80: `#d83b01`,
|
|
46
|
+
90: `#dd4f1b`,
|
|
47
|
+
100: `#fe7948`,
|
|
48
|
+
110: `#ff865a`,
|
|
49
|
+
120: `#ff9973`,
|
|
50
|
+
130: `#e8825d`,
|
|
51
|
+
140: `#ffb498`,
|
|
52
|
+
150: `#f4beaa`,
|
|
53
|
+
160: `#f9dcd1`
|
|
54
|
+
};
|
|
55
|
+
//# sourceMappingURL=brandColors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/global/brandColors.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,QAAQ,GAAkB;EACrC,IAAI,SADiC;EAErC,IAAI,SAFiC;EAGrC,IAAI,SAHiC;EAIrC,IAAI,SAJiC;EAKrC,IAAI,SALiC;EAMrC,IAAI,SANiC;EAOrC,IAAI,SAPiC;EAQrC,IAAI,SARiC;EASrC,IAAI,SATiC;EAUrC,KAAK,SAVgC;EAWrC,KAAK,SAXgC;EAYrC,KAAK,SAZgC;EAarC,KAAK,SAbgC;EAcrC,KAAK,SAdgC;EAerC,KAAK,SAfgC;EAgBrC,KAAK;AAhBgC,CAAhC;AAmBP,OAAO,MAAM,UAAU,GAAkB;EACvC,IAAI,SADmC;EAEvC,IAAI,SAFmC;EAGvC,IAAI,SAHmC;EAIvC,IAAI,SAJmC;EAKvC,IAAI,SALmC;EAMvC,IAAI,SANmC;EAOvC,IAAI,SAPmC;EAQvC,IAAI,SARmC;EASvC,IAAI,SATmC;EAUvC,KAAK,SAVkC;EAWvC,KAAK,SAXkC;EAYvC,KAAK,SAZkC;EAavC,KAAK,SAbkC;EAcvC,KAAK,SAdkC;EAevC,KAAK,SAfkC;EAgBvC,KAAK;AAhBkC,CAAlC;AAmBP,OAAO,MAAM,WAAW,GAAkB;EACxC,IAAI,SADoC;EAExC,IAAI,SAFoC;EAGxC,IAAI,SAHoC;EAIxC,IAAI,SAJoC;EAKxC,IAAI,SALoC;EAMxC,IAAI,SANoC;EAOxC,IAAI,SAPoC;EAQxC,IAAI,SARoC;EASxC,IAAI,SAToC;EAUxC,KAAK,SAVmC;EAWxC,KAAK,SAXmC;EAYxC,KAAK,SAZmC;EAaxC,KAAK,SAbmC;EAcxC,KAAK,SAdmC;EAexC,KAAK,SAfmC;EAgBxC,KAAK;AAhBmC,CAAnC","sourcesContent":["import type { BrandVariants } from '../types';\n\nexport const brandWeb: BrandVariants = {\n 10: `#061724`,\n 20: `#082338`,\n 30: `#0a2e4a`,\n 40: `#0c3b5e`,\n 50: `#0e4775`,\n 60: `#0f548c`,\n 70: `#115ea3`,\n 80: `#0f6cbd`,\n 90: `#2886de`,\n 100: `#479ef5`,\n 110: `#62abf5`,\n 120: `#77b7f7`,\n 130: `#96c6fa`,\n 140: `#b4d6fa`,\n 150: `#cfe4fa`,\n 160: `#ebf3fc`,\n};\n\nexport const brandTeams: BrandVariants = {\n 10: `#2b2b40`,\n 20: `#2f2f4a`,\n 30: `#333357`,\n 40: `#383966`,\n 50: `#3d3e78`,\n 60: `#444791`,\n 70: `#4f52b2`,\n 80: `#5b5fc7`,\n 90: `#7579eb`,\n 100: `#7f85f5`,\n 110: `#9299f7`,\n 120: `#aab1fa`,\n 130: `#b6bcfa`,\n 140: `#c5cbfa`,\n 150: `#dce0fa`,\n 160: `#e8ebfa`,\n};\n\nexport const brandOffice: BrandVariants = {\n 10: `#29130b`,\n 20: `#4d2415`,\n 30: `#792000`,\n 40: `#99482b`,\n 50: `#a52c00`,\n 60: `#c33400`,\n 70: `#e06a3f`,\n 80: `#d83b01`,\n 90: `#dd4f1b`,\n 100: `#fe7948`,\n 110: `#ff865a`,\n 120: `#ff9973`,\n 130: `#e8825d`,\n 140: `#ffb498`,\n 150: `#f4beaa`,\n 160: `#f9dcd1`,\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -0,0 +1,41 @@
|
|
|
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 } from './colors';
|
|
2
|
+
export const statusSharedColors = {
|
|
3
|
+
red,
|
|
4
|
+
green,
|
|
5
|
+
darkOrange,
|
|
6
|
+
yellow,
|
|
7
|
+
berry,
|
|
8
|
+
lightGreen,
|
|
9
|
+
marigold
|
|
10
|
+
};
|
|
11
|
+
export const personaSharedColors = {
|
|
12
|
+
darkRed,
|
|
13
|
+
cranberry,
|
|
14
|
+
pumpkin,
|
|
15
|
+
peach,
|
|
16
|
+
gold,
|
|
17
|
+
brass,
|
|
18
|
+
brown,
|
|
19
|
+
forest,
|
|
20
|
+
seafoam,
|
|
21
|
+
darkGreen,
|
|
22
|
+
lightTeal,
|
|
23
|
+
teal,
|
|
24
|
+
steel,
|
|
25
|
+
blue,
|
|
26
|
+
royalBlue,
|
|
27
|
+
cornflower,
|
|
28
|
+
navy,
|
|
29
|
+
lavender,
|
|
30
|
+
purple,
|
|
31
|
+
grape,
|
|
32
|
+
lilac,
|
|
33
|
+
pink,
|
|
34
|
+
magenta,
|
|
35
|
+
plum,
|
|
36
|
+
beige,
|
|
37
|
+
mink,
|
|
38
|
+
platinum,
|
|
39
|
+
anchor
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=colorPalette.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/global/colorPalette.ts"],"names":[],"mappings":"AAAA,SACE,GADF,EAEE,KAFF,EAGE,UAHF,EAIE,MAJF,EAKE,KALF,EAME,UANF,EAOE,QAPF,EAQE,OARF,EASE,SATF,EAUE,OAVF,EAWE,KAXF,EAYE,IAZF,EAaE,KAbF,EAcE,KAdF,EAeE,MAfF,EAgBE,OAhBF,EAiBE,SAjBF,EAkBE,SAlBF,EAmBE,IAnBF,EAoBE,KApBF,EAqBE,IArBF,EAsBE,SAtBF,EAuBE,UAvBF,EAwBE,IAxBF,EAyBE,QAzBF,EA0BE,MA1BF,EA2BE,KA3BF,EA4BE,KA5BF,EA6BE,IA7BF,EA8BE,OA9BF,EA+BE,IA/BF,EAgCE,KAhCF,EAiCE,IAjCF,EAkCE,QAlCF,EAmCE,MAnCF,QAoCO,UApCP;AAuCA,OAAO,MAAM,kBAAkB,GAAuB;EACpD,GADoD;EAEpD,KAFoD;EAGpD,UAHoD;EAIpD,MAJoD;EAKpD,KALoD;EAMpD,UANoD;EAOpD;AAPoD,CAA/C;AAUP,OAAO,MAAM,mBAAmB,GAAwB;EACtD,OADsD;EAEtD,SAFsD;EAGtD,OAHsD;EAItD,KAJsD;EAKtD,IALsD;EAMtD,KANsD;EAOtD,KAPsD;EAQtD,MARsD;EAStD,OATsD;EAUtD,SAVsD;EAWtD,SAXsD;EAYtD,IAZsD;EAatD,KAbsD;EActD,IAdsD;EAetD,SAfsD;EAgBtD,UAhBsD;EAiBtD,IAjBsD;EAkBtD,QAlBsD;EAmBtD,MAnBsD;EAoBtD,KApBsD;EAqBtD,KArBsD;EAsBtD,IAtBsD;EAuBtD,OAvBsD;EAwBtD,IAxBsD;EAyBtD,KAzBsD;EA0BtD,IA1BsD;EA2BtD,QA3BsD;EA4BtD;AA5BsD,CAAjD","sourcesContent":["import {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n darkRed,\n cranberry,\n pumpkin,\n peach,\n gold,\n brass,\n brown,\n forest,\n seafoam,\n darkGreen,\n lightTeal,\n teal,\n steel,\n blue,\n royalBlue,\n cornflower,\n navy,\n lavender,\n purple,\n grape,\n lilac,\n pink,\n magenta,\n plum,\n beige,\n mink,\n platinum,\n anchor,\n} from './colors';\nimport { PersonaSharedColors, StatusSharedColors } from '../types';\n\nexport const statusSharedColors: StatusSharedColors = {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n};\n\nexport const personaSharedColors: PersonaSharedColors = {\n darkRed,\n cranberry,\n pumpkin,\n peach,\n gold,\n brass,\n brown,\n forest,\n seafoam,\n darkGreen,\n lightTeal,\n teal,\n steel,\n blue,\n royalBlue,\n cornflower,\n navy,\n lavender,\n purple,\n grape,\n lilac,\n pink,\n magenta,\n plum,\n beige,\n mink,\n platinum,\n anchor,\n};\n"],"sourceRoot":"../src/"}
|