@groww-tech/mint-css 0.3.3 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/fragments/allVariables.css +1 -1
- package/dist/fragments/themeUtilities.css +1 -1
- package/dist/index.css +1 -1
- package/dist/names/tokens/all-background-names.js +20 -1
- package/dist/names/tokens/all-border-names.js +5 -1
- package/dist/names/tokens/all-semantic-tokens-names.js +23 -0
- package/dist/names/tokens/groww-primary/background-names.js +20 -1
- package/dist/names/tokens/groww-primary/border-names.js +5 -1
- package/dist/names/tokens/groww-primary/tokens-names.js +23 -0
- package/dist/names/utils/all-background-names.js +20 -1
- package/dist/names/utils/all-border-names.js +5 -1
- package/dist/names/utils/all-utils-names.js +23 -0
- package/dist/names/utils/groww-primary/background-names.js +20 -1
- package/dist/names/utils/groww-primary/border-names.js +5 -1
- package/dist/names/utils/groww-primary/utils-names.js +23 -0
- package/dist/names/variables/all-primitives-names.js +84 -14
- package/dist/names/variables/groww-primary/colors-names.js +72 -2
- package/dist/names/variables/groww-primary/primitives-names.js +72 -2
- package/dist/names/variables/wealth/colors-names.js +12 -12
- package/dist/names/variables/wealth/primitives-names.js +12 -12
- package/dist/types/tokens/all-background-types.d.ts +20 -1
- package/dist/types/tokens/all-border-types.d.ts +5 -1
- package/dist/types/tokens/all-semantic-tokens-types.d.ts +23 -0
- package/dist/types/tokens/groww-primary/background-types.d.ts +20 -1
- package/dist/types/tokens/groww-primary/border-types.d.ts +5 -1
- package/dist/types/tokens/groww-primary/tokens-types.d.ts +23 -0
- package/dist/types/utils/all-background-types.d.ts +20 -1
- package/dist/types/utils/all-border-types.d.ts +5 -1
- package/dist/types/utils/all-utils-types.d.ts +23 -0
- package/dist/types/utils/groww-primary/background-types.d.ts +20 -1
- package/dist/types/utils/groww-primary/border-types.d.ts +5 -1
- package/dist/types/utils/groww-primary/utils-types.d.ts +23 -0
- package/dist/types/variables/all-primitives-types.d.ts +84 -14
- package/dist/types/variables/groww-primary/colors-types.d.ts +72 -2
- package/dist/types/variables/groww-primary/primitives-types.d.ts +72 -2
- package/dist/types/variables/wealth/colors-types.d.ts +12 -12
- package/dist/types/variables/wealth/primitives-types.d.ts +12 -12
- package/package.json +3 -3
|
@@ -4,6 +4,8 @@ export const allSemanticTokens = [
|
|
|
4
4
|
"background-accent-secondary",
|
|
5
5
|
"background-accent-secondary-subtle",
|
|
6
6
|
"background-accent-subtle",
|
|
7
|
+
"background-accent-subtle-on-surface-z1",
|
|
8
|
+
"background-accent-subtle-on-surface-z2",
|
|
7
9
|
"background-always-dark",
|
|
8
10
|
"background-always-light",
|
|
9
11
|
"background-data-viz-blue",
|
|
@@ -29,22 +31,39 @@ export const allSemanticTokens = [
|
|
|
29
31
|
"background-data-viz-yellow",
|
|
30
32
|
"background-data-viz-yellow-subtle",
|
|
31
33
|
"background-disabled",
|
|
34
|
+
"background-disabled-on-surface-z1",
|
|
35
|
+
"background-disabled-on-surface-z2",
|
|
32
36
|
"background-inverse-primary",
|
|
33
37
|
"background-negative",
|
|
34
38
|
"background-negative-subtle",
|
|
39
|
+
"background-negative-subtle-on-surface-z1",
|
|
40
|
+
"background-negative-subtle-on-surface-z2",
|
|
35
41
|
"background-on-warning-subtle",
|
|
36
42
|
"background-overlay-primary",
|
|
37
43
|
"background-overlay-secondary",
|
|
38
44
|
"background-positive",
|
|
39
45
|
"background-positive-subtle",
|
|
46
|
+
"background-positive-subtle-on-surface-z1",
|
|
47
|
+
"background-positive-subtle-on-surface-z2",
|
|
40
48
|
"background-primary",
|
|
41
49
|
"background-secondary",
|
|
50
|
+
"background-secondary-on-surface-z1",
|
|
51
|
+
"background-secondary-on-surface-z2",
|
|
52
|
+
"background-secondary-subtle-on-surface-z1",
|
|
53
|
+
"background-secondary-subtle-on-surface-z2",
|
|
54
|
+
"background-surface-docked",
|
|
42
55
|
"background-surface-primary",
|
|
43
56
|
"background-surface-secondary",
|
|
57
|
+
"background-surface-z1",
|
|
58
|
+
"background-surface-z2",
|
|
44
59
|
"background-tertiary",
|
|
60
|
+
"background-tertiary-on-surface-z1",
|
|
61
|
+
"background-tertiary-on-surface-z2",
|
|
45
62
|
"background-transparent",
|
|
46
63
|
"background-warning",
|
|
47
64
|
"background-warning-subtle",
|
|
65
|
+
"background-warning-subtle-on-surface-z1",
|
|
66
|
+
"background-warning-subtle-on-surface-z2",
|
|
48
67
|
"bg-accent-hover",
|
|
49
68
|
"bg-accent-selected",
|
|
50
69
|
"bg-accent-subtle-hover",
|
|
@@ -90,10 +109,14 @@ export const allSemanticTokens = [
|
|
|
90
109
|
"border-data-viz-yellow",
|
|
91
110
|
"border-data-viz-yellow-subtle",
|
|
92
111
|
"border-disabled",
|
|
112
|
+
"border-disabled-on-surface-z1",
|
|
113
|
+
"border-disabled-on-surface-z2",
|
|
93
114
|
"border-negative",
|
|
94
115
|
"border-neutral",
|
|
95
116
|
"border-positive",
|
|
96
117
|
"border-primary",
|
|
118
|
+
"border-primary-on-surface-z1",
|
|
119
|
+
"border-primary-on-surface-z2",
|
|
97
120
|
"content-accent",
|
|
98
121
|
"content-accent-secondary",
|
|
99
122
|
"content-accent-secondary-subtle",
|
|
@@ -4,24 +4,43 @@ export const growwprimaryBackgroundSemanticTokens = [
|
|
|
4
4
|
"background-accent-secondary",
|
|
5
5
|
"background-accent-secondary-subtle",
|
|
6
6
|
"background-accent-subtle",
|
|
7
|
+
"background-accent-subtle-on-surface-z1",
|
|
8
|
+
"background-accent-subtle-on-surface-z2",
|
|
7
9
|
"background-always-dark",
|
|
8
10
|
"background-always-light",
|
|
9
11
|
"background-disabled",
|
|
12
|
+
"background-disabled-on-surface-z1",
|
|
13
|
+
"background-disabled-on-surface-z2",
|
|
10
14
|
"background-inverse-primary",
|
|
11
15
|
"background-negative",
|
|
12
16
|
"background-negative-subtle",
|
|
17
|
+
"background-negative-subtle-on-surface-z1",
|
|
18
|
+
"background-negative-subtle-on-surface-z2",
|
|
13
19
|
"background-on-warning-subtle",
|
|
14
20
|
"background-overlay-primary",
|
|
15
21
|
"background-overlay-secondary",
|
|
16
22
|
"background-positive",
|
|
17
23
|
"background-positive-subtle",
|
|
24
|
+
"background-positive-subtle-on-surface-z1",
|
|
25
|
+
"background-positive-subtle-on-surface-z2",
|
|
18
26
|
"background-primary",
|
|
19
27
|
"background-secondary",
|
|
28
|
+
"background-secondary-on-surface-z1",
|
|
29
|
+
"background-secondary-on-surface-z2",
|
|
30
|
+
"background-secondary-subtle-on-surface-z1",
|
|
31
|
+
"background-secondary-subtle-on-surface-z2",
|
|
32
|
+
"background-surface-docked",
|
|
20
33
|
"background-surface-primary",
|
|
21
34
|
"background-surface-secondary",
|
|
35
|
+
"background-surface-z1",
|
|
36
|
+
"background-surface-z2",
|
|
22
37
|
"background-tertiary",
|
|
38
|
+
"background-tertiary-on-surface-z1",
|
|
39
|
+
"background-tertiary-on-surface-z2",
|
|
23
40
|
"background-transparent",
|
|
24
41
|
"background-warning",
|
|
25
|
-
"background-warning-subtle"
|
|
42
|
+
"background-warning-subtle",
|
|
43
|
+
"background-warning-subtle-on-surface-z1",
|
|
44
|
+
"background-warning-subtle-on-surface-z2"
|
|
26
45
|
] as const;
|
|
27
46
|
export type growwprimaryBackgroundSemanticToken = typeof growwprimaryBackgroundSemanticTokens[number];
|
|
@@ -2,9 +2,13 @@
|
|
|
2
2
|
export const growwprimaryBorderSemanticTokens = [
|
|
3
3
|
"border-accent",
|
|
4
4
|
"border-disabled",
|
|
5
|
+
"border-disabled-on-surface-z1",
|
|
6
|
+
"border-disabled-on-surface-z2",
|
|
5
7
|
"border-negative",
|
|
6
8
|
"border-neutral",
|
|
7
9
|
"border-positive",
|
|
8
|
-
"border-primary"
|
|
10
|
+
"border-primary",
|
|
11
|
+
"border-primary-on-surface-z1",
|
|
12
|
+
"border-primary-on-surface-z2"
|
|
9
13
|
] as const;
|
|
10
14
|
export type growwprimaryBorderSemanticToken = typeof growwprimaryBorderSemanticTokens[number];
|
|
@@ -4,25 +4,44 @@ export const growwprimarySemanticTokens = [
|
|
|
4
4
|
"background-accent-secondary",
|
|
5
5
|
"background-accent-secondary-subtle",
|
|
6
6
|
"background-accent-subtle",
|
|
7
|
+
"background-accent-subtle-on-surface-z1",
|
|
8
|
+
"background-accent-subtle-on-surface-z2",
|
|
7
9
|
"background-always-dark",
|
|
8
10
|
"background-always-light",
|
|
9
11
|
"background-disabled",
|
|
12
|
+
"background-disabled-on-surface-z1",
|
|
13
|
+
"background-disabled-on-surface-z2",
|
|
10
14
|
"background-inverse-primary",
|
|
11
15
|
"background-negative",
|
|
12
16
|
"background-negative-subtle",
|
|
17
|
+
"background-negative-subtle-on-surface-z1",
|
|
18
|
+
"background-negative-subtle-on-surface-z2",
|
|
13
19
|
"background-on-warning-subtle",
|
|
14
20
|
"background-overlay-primary",
|
|
15
21
|
"background-overlay-secondary",
|
|
16
22
|
"background-positive",
|
|
17
23
|
"background-positive-subtle",
|
|
24
|
+
"background-positive-subtle-on-surface-z1",
|
|
25
|
+
"background-positive-subtle-on-surface-z2",
|
|
18
26
|
"background-primary",
|
|
19
27
|
"background-secondary",
|
|
28
|
+
"background-secondary-on-surface-z1",
|
|
29
|
+
"background-secondary-on-surface-z2",
|
|
30
|
+
"background-secondary-subtle-on-surface-z1",
|
|
31
|
+
"background-secondary-subtle-on-surface-z2",
|
|
32
|
+
"background-surface-docked",
|
|
20
33
|
"background-surface-primary",
|
|
21
34
|
"background-surface-secondary",
|
|
35
|
+
"background-surface-z1",
|
|
36
|
+
"background-surface-z2",
|
|
22
37
|
"background-tertiary",
|
|
38
|
+
"background-tertiary-on-surface-z1",
|
|
39
|
+
"background-tertiary-on-surface-z2",
|
|
23
40
|
"background-transparent",
|
|
24
41
|
"background-warning",
|
|
25
42
|
"background-warning-subtle",
|
|
43
|
+
"background-warning-subtle-on-surface-z1",
|
|
44
|
+
"background-warning-subtle-on-surface-z2",
|
|
26
45
|
"bg-accent-hover",
|
|
27
46
|
"bg-accent-selected",
|
|
28
47
|
"bg-accent-subtle-hover",
|
|
@@ -45,10 +64,14 @@ export const growwprimarySemanticTokens = [
|
|
|
45
64
|
"bg-transparent-selected",
|
|
46
65
|
"border-accent",
|
|
47
66
|
"border-disabled",
|
|
67
|
+
"border-disabled-on-surface-z1",
|
|
68
|
+
"border-disabled-on-surface-z2",
|
|
48
69
|
"border-negative",
|
|
49
70
|
"border-neutral",
|
|
50
71
|
"border-positive",
|
|
51
72
|
"border-primary",
|
|
73
|
+
"border-primary-on-surface-z1",
|
|
74
|
+
"border-primary-on-surface-z2",
|
|
52
75
|
"content-accent",
|
|
53
76
|
"content-accent-secondary",
|
|
54
77
|
"content-accent-secondary-subtle",
|
|
@@ -4,6 +4,8 @@ export const allBackgroundUtilityClasses = [
|
|
|
4
4
|
"backgroundAccentSecondary",
|
|
5
5
|
"backgroundAccentSecondarySubtle",
|
|
6
6
|
"backgroundAccentSubtle",
|
|
7
|
+
"backgroundAccentSubtleOnSurfaceZ1",
|
|
8
|
+
"backgroundAccentSubtleOnSurfaceZ2",
|
|
7
9
|
"backgroundAlwaysDark",
|
|
8
10
|
"backgroundAlwaysLight",
|
|
9
11
|
"backgroundDataVizBlue",
|
|
@@ -29,21 +31,38 @@ export const allBackgroundUtilityClasses = [
|
|
|
29
31
|
"backgroundDataVizYellow",
|
|
30
32
|
"backgroundDataVizYellowSubtle",
|
|
31
33
|
"backgroundDisabled",
|
|
34
|
+
"backgroundDisabledOnSurfaceZ1",
|
|
35
|
+
"backgroundDisabledOnSurfaceZ2",
|
|
32
36
|
"backgroundInversePrimary",
|
|
33
37
|
"backgroundNegative",
|
|
34
38
|
"backgroundNegativeSubtle",
|
|
39
|
+
"backgroundNegativeSubtleOnSurfaceZ1",
|
|
40
|
+
"backgroundNegativeSubtleOnSurfaceZ2",
|
|
35
41
|
"backgroundOnWarningSubtle",
|
|
36
42
|
"backgroundOverlayPrimary",
|
|
37
43
|
"backgroundOverlaySecondary",
|
|
38
44
|
"backgroundPositive",
|
|
39
45
|
"backgroundPositiveSubtle",
|
|
46
|
+
"backgroundPositiveSubtleOnSurfaceZ1",
|
|
47
|
+
"backgroundPositiveSubtleOnSurfaceZ2",
|
|
40
48
|
"backgroundPrimary",
|
|
41
49
|
"backgroundSecondary",
|
|
50
|
+
"backgroundSecondaryOnSurfaceZ1",
|
|
51
|
+
"backgroundSecondaryOnSurfaceZ2",
|
|
52
|
+
"backgroundSecondarySubtleOnSurfaceZ1",
|
|
53
|
+
"backgroundSecondarySubtleOnSurfaceZ2",
|
|
54
|
+
"backgroundSurfaceDocked",
|
|
42
55
|
"backgroundSurfacePrimary",
|
|
43
56
|
"backgroundSurfaceSecondary",
|
|
57
|
+
"backgroundSurfaceZ1",
|
|
58
|
+
"backgroundSurfaceZ2",
|
|
44
59
|
"backgroundTertiary",
|
|
60
|
+
"backgroundTertiaryOnSurfaceZ1",
|
|
61
|
+
"backgroundTertiaryOnSurfaceZ2",
|
|
45
62
|
"backgroundTransparent",
|
|
46
63
|
"backgroundWarning",
|
|
47
|
-
"backgroundWarningSubtle"
|
|
64
|
+
"backgroundWarningSubtle",
|
|
65
|
+
"backgroundWarningSubtleOnSurfaceZ1",
|
|
66
|
+
"backgroundWarningSubtleOnSurfaceZ2"
|
|
48
67
|
] as const;
|
|
49
68
|
export type AllBackgroundUtilityClass = typeof allBackgroundUtilityClasses[number];
|
|
@@ -24,9 +24,13 @@ export const allBorderUtilityClasses = [
|
|
|
24
24
|
"borderDataVizYellow",
|
|
25
25
|
"borderDataVizYellowSubtle",
|
|
26
26
|
"borderDisabled",
|
|
27
|
+
"borderDisabledOnSurfaceZ1",
|
|
28
|
+
"borderDisabledOnSurfaceZ2",
|
|
27
29
|
"borderNegative",
|
|
28
30
|
"borderNeutral",
|
|
29
31
|
"borderPositive",
|
|
30
|
-
"borderPrimary"
|
|
32
|
+
"borderPrimary",
|
|
33
|
+
"borderPrimaryOnSurfaceZ1",
|
|
34
|
+
"borderPrimaryOnSurfaceZ2"
|
|
31
35
|
] as const;
|
|
32
36
|
export type AllBorderUtilityClass = typeof allBorderUtilityClasses[number];
|
|
@@ -7,6 +7,8 @@ export const allUtilityClasses = [
|
|
|
7
7
|
"backgroundAccentSelected",
|
|
8
8
|
"backgroundAccentSubtle",
|
|
9
9
|
"backgroundAccentSubtleHover",
|
|
10
|
+
"backgroundAccentSubtleOnSurfaceZ1",
|
|
11
|
+
"backgroundAccentSubtleOnSurfaceZ2",
|
|
10
12
|
"backgroundAccentSubtleSelected",
|
|
11
13
|
"backgroundAlwaysDark",
|
|
12
14
|
"backgroundAlwaysLight",
|
|
@@ -33,12 +35,16 @@ export const allUtilityClasses = [
|
|
|
33
35
|
"backgroundDataVizYellow",
|
|
34
36
|
"backgroundDataVizYellowSubtle",
|
|
35
37
|
"backgroundDisabled",
|
|
38
|
+
"backgroundDisabledOnSurfaceZ1",
|
|
39
|
+
"backgroundDisabledOnSurfaceZ2",
|
|
36
40
|
"backgroundInversePrimary",
|
|
37
41
|
"backgroundNegative",
|
|
38
42
|
"backgroundNegativeHover",
|
|
39
43
|
"backgroundNegativeSelected",
|
|
40
44
|
"backgroundNegativeSubtle",
|
|
41
45
|
"backgroundNegativeSubtleHover",
|
|
46
|
+
"backgroundNegativeSubtleOnSurfaceZ1",
|
|
47
|
+
"backgroundNegativeSubtleOnSurfaceZ2",
|
|
42
48
|
"backgroundNegativeSubtleSelected",
|
|
43
49
|
"backgroundOnWarningSubtle",
|
|
44
50
|
"backgroundOverlayPrimary",
|
|
@@ -48,12 +54,23 @@ export const allUtilityClasses = [
|
|
|
48
54
|
"backgroundPositiveSelected",
|
|
49
55
|
"backgroundPositiveSubtle",
|
|
50
56
|
"backgroundPositiveSubtleHover",
|
|
57
|
+
"backgroundPositiveSubtleOnSurfaceZ1",
|
|
58
|
+
"backgroundPositiveSubtleOnSurfaceZ2",
|
|
51
59
|
"backgroundPositiveSubtleSelected",
|
|
52
60
|
"backgroundPrimary",
|
|
53
61
|
"backgroundSecondary",
|
|
62
|
+
"backgroundSecondaryOnSurfaceZ1",
|
|
63
|
+
"backgroundSecondaryOnSurfaceZ2",
|
|
64
|
+
"backgroundSecondarySubtleOnSurfaceZ1",
|
|
65
|
+
"backgroundSecondarySubtleOnSurfaceZ2",
|
|
66
|
+
"backgroundSurfaceDocked",
|
|
54
67
|
"backgroundSurfacePrimary",
|
|
55
68
|
"backgroundSurfaceSecondary",
|
|
69
|
+
"backgroundSurfaceZ1",
|
|
70
|
+
"backgroundSurfaceZ2",
|
|
56
71
|
"backgroundTertiary",
|
|
72
|
+
"backgroundTertiaryOnSurfaceZ1",
|
|
73
|
+
"backgroundTertiaryOnSurfaceZ2",
|
|
57
74
|
"backgroundTransparent",
|
|
58
75
|
"backgroundTransparentAccentHover",
|
|
59
76
|
"backgroundTransparentAccentSelected",
|
|
@@ -65,6 +82,8 @@ export const allUtilityClasses = [
|
|
|
65
82
|
"backgroundTransparentSelected",
|
|
66
83
|
"backgroundWarning",
|
|
67
84
|
"backgroundWarningSubtle",
|
|
85
|
+
"backgroundWarningSubtleOnSurfaceZ1",
|
|
86
|
+
"backgroundWarningSubtleOnSurfaceZ2",
|
|
68
87
|
"borderAccent",
|
|
69
88
|
"borderDataVizBlue",
|
|
70
89
|
"borderDataVizBlueSubtle",
|
|
@@ -89,10 +108,14 @@ export const allUtilityClasses = [
|
|
|
89
108
|
"borderDataVizYellow",
|
|
90
109
|
"borderDataVizYellowSubtle",
|
|
91
110
|
"borderDisabled",
|
|
111
|
+
"borderDisabledOnSurfaceZ1",
|
|
112
|
+
"borderDisabledOnSurfaceZ2",
|
|
92
113
|
"borderNegative",
|
|
93
114
|
"borderNeutral",
|
|
94
115
|
"borderPositive",
|
|
95
116
|
"borderPrimary",
|
|
117
|
+
"borderPrimaryOnSurfaceZ1",
|
|
118
|
+
"borderPrimaryOnSurfaceZ2",
|
|
96
119
|
"colorDataVizBlue",
|
|
97
120
|
"colorDataVizBlueSubtle",
|
|
98
121
|
"colorDataVizBrown",
|
|
@@ -4,24 +4,43 @@ export const growwprimaryBackgroundUtilityClasses = [
|
|
|
4
4
|
"backgroundAccentSecondary",
|
|
5
5
|
"backgroundAccentSecondarySubtle",
|
|
6
6
|
"backgroundAccentSubtle",
|
|
7
|
+
"backgroundAccentSubtleOnSurfaceZ1",
|
|
8
|
+
"backgroundAccentSubtleOnSurfaceZ2",
|
|
7
9
|
"backgroundAlwaysDark",
|
|
8
10
|
"backgroundAlwaysLight",
|
|
9
11
|
"backgroundDisabled",
|
|
12
|
+
"backgroundDisabledOnSurfaceZ1",
|
|
13
|
+
"backgroundDisabledOnSurfaceZ2",
|
|
10
14
|
"backgroundInversePrimary",
|
|
11
15
|
"backgroundNegative",
|
|
12
16
|
"backgroundNegativeSubtle",
|
|
17
|
+
"backgroundNegativeSubtleOnSurfaceZ1",
|
|
18
|
+
"backgroundNegativeSubtleOnSurfaceZ2",
|
|
13
19
|
"backgroundOnWarningSubtle",
|
|
14
20
|
"backgroundOverlayPrimary",
|
|
15
21
|
"backgroundOverlaySecondary",
|
|
16
22
|
"backgroundPositive",
|
|
17
23
|
"backgroundPositiveSubtle",
|
|
24
|
+
"backgroundPositiveSubtleOnSurfaceZ1",
|
|
25
|
+
"backgroundPositiveSubtleOnSurfaceZ2",
|
|
18
26
|
"backgroundPrimary",
|
|
19
27
|
"backgroundSecondary",
|
|
28
|
+
"backgroundSecondaryOnSurfaceZ1",
|
|
29
|
+
"backgroundSecondaryOnSurfaceZ2",
|
|
30
|
+
"backgroundSecondarySubtleOnSurfaceZ1",
|
|
31
|
+
"backgroundSecondarySubtleOnSurfaceZ2",
|
|
32
|
+
"backgroundSurfaceDocked",
|
|
20
33
|
"backgroundSurfacePrimary",
|
|
21
34
|
"backgroundSurfaceSecondary",
|
|
35
|
+
"backgroundSurfaceZ1",
|
|
36
|
+
"backgroundSurfaceZ2",
|
|
22
37
|
"backgroundTertiary",
|
|
38
|
+
"backgroundTertiaryOnSurfaceZ1",
|
|
39
|
+
"backgroundTertiaryOnSurfaceZ2",
|
|
23
40
|
"backgroundTransparent",
|
|
24
41
|
"backgroundWarning",
|
|
25
|
-
"backgroundWarningSubtle"
|
|
42
|
+
"backgroundWarningSubtle",
|
|
43
|
+
"backgroundWarningSubtleOnSurfaceZ1",
|
|
44
|
+
"backgroundWarningSubtleOnSurfaceZ2"
|
|
26
45
|
] as const;
|
|
27
46
|
export type growwprimaryBackgroundUtilityClass = typeof growwprimaryBackgroundUtilityClasses[number];
|
|
@@ -2,9 +2,13 @@
|
|
|
2
2
|
export const growwprimaryBorderUtilityClasses = [
|
|
3
3
|
"borderAccent",
|
|
4
4
|
"borderDisabled",
|
|
5
|
+
"borderDisabledOnSurfaceZ1",
|
|
6
|
+
"borderDisabledOnSurfaceZ2",
|
|
5
7
|
"borderNegative",
|
|
6
8
|
"borderNeutral",
|
|
7
9
|
"borderPositive",
|
|
8
|
-
"borderPrimary"
|
|
10
|
+
"borderPrimary",
|
|
11
|
+
"borderPrimaryOnSurfaceZ1",
|
|
12
|
+
"borderPrimaryOnSurfaceZ2"
|
|
9
13
|
] as const;
|
|
10
14
|
export type growwprimaryBorderUtilityClass = typeof growwprimaryBorderUtilityClasses[number];
|
|
@@ -7,16 +7,22 @@ export const growwprimaryUtilityClasses = [
|
|
|
7
7
|
"backgroundAccentSelected",
|
|
8
8
|
"backgroundAccentSubtle",
|
|
9
9
|
"backgroundAccentSubtleHover",
|
|
10
|
+
"backgroundAccentSubtleOnSurfaceZ1",
|
|
11
|
+
"backgroundAccentSubtleOnSurfaceZ2",
|
|
10
12
|
"backgroundAccentSubtleSelected",
|
|
11
13
|
"backgroundAlwaysDark",
|
|
12
14
|
"backgroundAlwaysLight",
|
|
13
15
|
"backgroundDisabled",
|
|
16
|
+
"backgroundDisabledOnSurfaceZ1",
|
|
17
|
+
"backgroundDisabledOnSurfaceZ2",
|
|
14
18
|
"backgroundInversePrimary",
|
|
15
19
|
"backgroundNegative",
|
|
16
20
|
"backgroundNegativeHover",
|
|
17
21
|
"backgroundNegativeSelected",
|
|
18
22
|
"backgroundNegativeSubtle",
|
|
19
23
|
"backgroundNegativeSubtleHover",
|
|
24
|
+
"backgroundNegativeSubtleOnSurfaceZ1",
|
|
25
|
+
"backgroundNegativeSubtleOnSurfaceZ2",
|
|
20
26
|
"backgroundNegativeSubtleSelected",
|
|
21
27
|
"backgroundOnWarningSubtle",
|
|
22
28
|
"backgroundOverlayPrimary",
|
|
@@ -26,12 +32,23 @@ export const growwprimaryUtilityClasses = [
|
|
|
26
32
|
"backgroundPositiveSelected",
|
|
27
33
|
"backgroundPositiveSubtle",
|
|
28
34
|
"backgroundPositiveSubtleHover",
|
|
35
|
+
"backgroundPositiveSubtleOnSurfaceZ1",
|
|
36
|
+
"backgroundPositiveSubtleOnSurfaceZ2",
|
|
29
37
|
"backgroundPositiveSubtleSelected",
|
|
30
38
|
"backgroundPrimary",
|
|
31
39
|
"backgroundSecondary",
|
|
40
|
+
"backgroundSecondaryOnSurfaceZ1",
|
|
41
|
+
"backgroundSecondaryOnSurfaceZ2",
|
|
42
|
+
"backgroundSecondarySubtleOnSurfaceZ1",
|
|
43
|
+
"backgroundSecondarySubtleOnSurfaceZ2",
|
|
44
|
+
"backgroundSurfaceDocked",
|
|
32
45
|
"backgroundSurfacePrimary",
|
|
33
46
|
"backgroundSurfaceSecondary",
|
|
47
|
+
"backgroundSurfaceZ1",
|
|
48
|
+
"backgroundSurfaceZ2",
|
|
34
49
|
"backgroundTertiary",
|
|
50
|
+
"backgroundTertiaryOnSurfaceZ1",
|
|
51
|
+
"backgroundTertiaryOnSurfaceZ2",
|
|
35
52
|
"backgroundTransparent",
|
|
36
53
|
"backgroundTransparentAccentHover",
|
|
37
54
|
"backgroundTransparentAccentSelected",
|
|
@@ -43,12 +60,18 @@ export const growwprimaryUtilityClasses = [
|
|
|
43
60
|
"backgroundTransparentSelected",
|
|
44
61
|
"backgroundWarning",
|
|
45
62
|
"backgroundWarningSubtle",
|
|
63
|
+
"backgroundWarningSubtleOnSurfaceZ1",
|
|
64
|
+
"backgroundWarningSubtleOnSurfaceZ2",
|
|
46
65
|
"borderAccent",
|
|
47
66
|
"borderDisabled",
|
|
67
|
+
"borderDisabledOnSurfaceZ1",
|
|
68
|
+
"borderDisabledOnSurfaceZ2",
|
|
48
69
|
"borderNegative",
|
|
49
70
|
"borderNeutral",
|
|
50
71
|
"borderPositive",
|
|
51
72
|
"borderPrimary",
|
|
73
|
+
"borderPrimaryOnSurfaceZ1",
|
|
74
|
+
"borderPrimaryOnSurfaceZ2",
|
|
52
75
|
"contentAccent",
|
|
53
76
|
"contentAccentSecondary",
|
|
54
77
|
"contentAccentSecondarySubtle",
|
|
@@ -5,6 +5,18 @@ export const allPrimitiveTokens = [
|
|
|
5
5
|
"accent-subtle-hover",
|
|
6
6
|
"accent-subtle-selected",
|
|
7
7
|
"black",
|
|
8
|
+
"blue1",
|
|
9
|
+
"blue10",
|
|
10
|
+
"blue11",
|
|
11
|
+
"blue12",
|
|
12
|
+
"blue2",
|
|
13
|
+
"blue3",
|
|
14
|
+
"blue4",
|
|
15
|
+
"blue5",
|
|
16
|
+
"blue6",
|
|
17
|
+
"blue7",
|
|
18
|
+
"blue8",
|
|
19
|
+
"blue9",
|
|
8
20
|
"data-viz-blue",
|
|
9
21
|
"data-viz-blue-subtle",
|
|
10
22
|
"data-viz-brown",
|
|
@@ -27,6 +39,18 @@ export const allPrimitiveTokens = [
|
|
|
27
39
|
"data-viz-sky-blue-subtle",
|
|
28
40
|
"data-viz-yellow",
|
|
29
41
|
"data-viz-yellow-subtle",
|
|
42
|
+
"gold1",
|
|
43
|
+
"gold10",
|
|
44
|
+
"gold11",
|
|
45
|
+
"gold12",
|
|
46
|
+
"gold2",
|
|
47
|
+
"gold3",
|
|
48
|
+
"gold4",
|
|
49
|
+
"gold5",
|
|
50
|
+
"gold6",
|
|
51
|
+
"gold7",
|
|
52
|
+
"gold8",
|
|
53
|
+
"gold9",
|
|
30
54
|
"gray100",
|
|
31
55
|
"gray150",
|
|
32
56
|
"gray200",
|
|
@@ -38,26 +62,49 @@ export const allPrimitiveTokens = [
|
|
|
38
62
|
"gray700",
|
|
39
63
|
"gray800",
|
|
40
64
|
"gray900",
|
|
65
|
+
"green1",
|
|
66
|
+
"green10",
|
|
41
67
|
"green100",
|
|
68
|
+
"green11",
|
|
69
|
+
"green12",
|
|
70
|
+
"green2",
|
|
71
|
+
"green3",
|
|
42
72
|
"green300",
|
|
73
|
+
"green4",
|
|
74
|
+
"green5",
|
|
43
75
|
"green500",
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
76
|
+
"green6",
|
|
77
|
+
"green7",
|
|
78
|
+
"green8",
|
|
79
|
+
"green9",
|
|
80
|
+
"lilac1",
|
|
81
|
+
"lilac10",
|
|
82
|
+
"lilac11",
|
|
83
|
+
"lilac12",
|
|
84
|
+
"lilac2",
|
|
85
|
+
"lilac3",
|
|
86
|
+
"lilac4",
|
|
87
|
+
"lilac5",
|
|
88
|
+
"lilac6",
|
|
89
|
+
"lilac7",
|
|
90
|
+
"lilac8",
|
|
91
|
+
"lilac9",
|
|
56
92
|
"negative-hover",
|
|
57
93
|
"negative-selected",
|
|
58
94
|
"negative-subtle-hover",
|
|
59
95
|
"negative-subtle-selected",
|
|
60
|
-
"
|
|
96
|
+
"neutral1",
|
|
97
|
+
"neutral10",
|
|
98
|
+
"neutral11",
|
|
99
|
+
"neutral12",
|
|
100
|
+
"neutral2",
|
|
101
|
+
"neutral3",
|
|
102
|
+
"neutral4",
|
|
103
|
+
"neutral5",
|
|
104
|
+
"neutral6",
|
|
105
|
+
"neutral7",
|
|
106
|
+
"neutral8",
|
|
107
|
+
"neutral9",
|
|
61
108
|
"overlay00",
|
|
62
109
|
"overlay30",
|
|
63
110
|
"overlay70",
|
|
@@ -68,8 +115,20 @@ export const allPrimitiveTokens = [
|
|
|
68
115
|
"purple100",
|
|
69
116
|
"purple300",
|
|
70
117
|
"purple500",
|
|
118
|
+
"red1",
|
|
119
|
+
"red10",
|
|
71
120
|
"red100",
|
|
121
|
+
"red11",
|
|
122
|
+
"red12",
|
|
123
|
+
"red2",
|
|
124
|
+
"red3",
|
|
125
|
+
"red4",
|
|
126
|
+
"red5",
|
|
72
127
|
"red500",
|
|
128
|
+
"red6",
|
|
129
|
+
"red7",
|
|
130
|
+
"red8",
|
|
131
|
+
"red9",
|
|
73
132
|
"transparent-accent-hover",
|
|
74
133
|
"transparent-accent-selected",
|
|
75
134
|
"transparent-hover",
|
|
@@ -79,8 +138,19 @@ export const allPrimitiveTokens = [
|
|
|
79
138
|
"transparent-positive-selected",
|
|
80
139
|
"transparent-selected",
|
|
81
140
|
"white",
|
|
141
|
+
"yellow1",
|
|
142
|
+
"yellow10",
|
|
82
143
|
"yellow100",
|
|
144
|
+
"yellow11",
|
|
145
|
+
"yellow12",
|
|
146
|
+
"yellow2",
|
|
147
|
+
"yellow3",
|
|
148
|
+
"yellow4",
|
|
149
|
+
"yellow5",
|
|
83
150
|
"yellow500",
|
|
84
|
-
"
|
|
151
|
+
"yellow6",
|
|
152
|
+
"yellow7",
|
|
153
|
+
"yellow8",
|
|
154
|
+
"yellow9"
|
|
85
155
|
] as const;
|
|
86
156
|
export type AllPrimitiveToken = typeof allPrimitiveTokens[number];
|