@gooddata/sdk-ui-theme-provider 10.17.0-alpha.2 → 10.17.0-alpha.20
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/esm/ThemeProvider/ScopedThemeProvider.d.ts +67 -0
- package/esm/ThemeProvider/ScopedThemeProvider.d.ts.map +1 -0
- package/esm/ThemeProvider/ScopedThemeProvider.js +77 -0
- package/esm/ThemeProvider/ScopedThemeProvider.js.map +1 -0
- package/esm/cssProperties.d.ts +4 -4
- package/esm/cssProperties.d.ts.map +1 -1
- package/esm/cssProperties.js +79 -23
- package/esm/cssProperties.js.map +1 -1
- package/esm/defaultThemes/blueLight.d.ts +6 -0
- package/esm/defaultThemes/blueLight.d.ts.map +1 -0
- package/esm/defaultThemes/blueLight.js +112 -0
- package/esm/defaultThemes/blueLight.js.map +1 -0
- package/esm/defaultThemes/greenDark.d.ts +6 -0
- package/esm/defaultThemes/greenDark.d.ts.map +1 -0
- package/esm/defaultThemes/greenDark.js +42 -0
- package/esm/defaultThemes/greenDark.js.map +1 -0
- package/esm/defaultThemes/indigo.d.ts +9 -0
- package/esm/defaultThemes/indigo.d.ts.map +1 -0
- package/esm/defaultThemes/indigo.js +161 -0
- package/esm/defaultThemes/indigo.js.map +1 -0
- package/esm/defaultThemes/indigoDark.d.ts +6 -0
- package/esm/defaultThemes/indigoDark.d.ts.map +1 -0
- package/esm/defaultThemes/indigoDark.js +28 -0
- package/esm/defaultThemes/indigoDark.js.map +1 -0
- package/esm/defaultThemes/pinkLight.d.ts +6 -0
- package/esm/defaultThemes/pinkLight.d.ts.map +1 -0
- package/esm/defaultThemes/pinkLight.js +85 -0
- package/esm/defaultThemes/pinkLight.js.map +1 -0
- package/esm/defaultThemes/pompelmoLight.d.ts +6 -0
- package/esm/defaultThemes/pompelmoLight.d.ts.map +1 -0
- package/esm/defaultThemes/pompelmoLight.js +117 -0
- package/esm/defaultThemes/pompelmoLight.js.map +1 -0
- package/esm/defaultThemes/redLightTheme.d.ts +6 -0
- package/esm/defaultThemes/redLightTheme.d.ts.map +1 -0
- package/esm/defaultThemes/redLightTheme.js +114 -0
- package/esm/defaultThemes/redLightTheme.js.map +1 -0
- package/esm/derivedColors.d.ts.map +1 -1
- package/esm/derivedColors.js +6 -1
- package/esm/derivedColors.js.map +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/internal.d.ts +9 -0
- package/esm/internal.d.ts.map +1 -0
- package/esm/internal.js +10 -0
- package/esm/internal.js.map +1 -0
- package/esm/node.d.ts +17 -0
- package/esm/node.d.ts.map +1 -0
- package/esm/node.js +52 -0
- package/esm/node.js.map +1 -0
- package/esm/sdk-ui-theme-provider.d.ts +64 -0
- package/esm/variablesSpec/DefaultThemePreview.d.ts +7 -0
- package/esm/variablesSpec/DefaultThemePreview.d.ts.map +1 -0
- package/esm/variablesSpec/DefaultThemePreview.js +116 -0
- package/esm/variablesSpec/DefaultThemePreview.js.map +1 -0
- package/esm/variablesSpec/allThemeCssVariables.d.ts +6 -0
- package/esm/variablesSpec/allThemeCssVariables.d.ts.map +1 -0
- package/esm/variablesSpec/allThemeCssVariables.js +72 -0
- package/esm/variablesSpec/allThemeCssVariables.js.map +1 -0
- package/esm/variablesSpec/deprecated/palette-base.d.ts +3 -0
- package/esm/variablesSpec/deprecated/palette-base.d.ts.map +1 -0
- package/esm/variablesSpec/deprecated/palette-base.js +78 -0
- package/esm/variablesSpec/deprecated/palette-base.js.map +1 -0
- package/esm/variablesSpec/generate/generateDefaultScssThemeContent.d.ts +7 -0
- package/esm/variablesSpec/generate/generateDefaultScssThemeContent.d.ts.map +1 -0
- package/esm/variablesSpec/generate/generateDefaultScssThemeContent.js +56 -0
- package/esm/variablesSpec/generate/generateDefaultScssThemeContent.js.map +1 -0
- package/esm/variablesSpec/generate/generateDefaultTypeScriptThemeContent.d.ts +7 -0
- package/esm/variablesSpec/generate/generateDefaultTypeScriptThemeContent.d.ts.map +1 -0
- package/esm/variablesSpec/generate/generateDefaultTypeScriptThemeContent.js +28 -0
- package/esm/variablesSpec/generate/generateDefaultTypeScriptThemeContent.js.map +1 -0
- package/esm/variablesSpec/inconsistent/inconsistent.d.ts +3 -0
- package/esm/variablesSpec/inconsistent/inconsistent.d.ts.map +1 -0
- package/esm/variablesSpec/inconsistent/inconsistent.js +275 -0
- package/esm/variablesSpec/inconsistent/inconsistent.js.map +1 -0
- package/esm/variablesSpec/internal/button.d.ts +3 -0
- package/esm/variablesSpec/internal/button.d.ts.map +1 -0
- package/esm/variablesSpec/internal/button.js +18 -0
- package/esm/variablesSpec/internal/button.js.map +1 -0
- package/esm/variablesSpec/internal/font.d.ts +3 -0
- package/esm/variablesSpec/internal/font.d.ts.map +1 -0
- package/esm/variablesSpec/internal/font.js +8 -0
- package/esm/variablesSpec/internal/font.js.map +1 -0
- package/esm/variablesSpec/internal/icon.d.ts +3 -0
- package/esm/variablesSpec/internal/icon.d.ts.map +1 -0
- package/esm/variablesSpec/internal/icon.js +8 -0
- package/esm/variablesSpec/internal/icon.js.map +1 -0
- package/esm/variablesSpec/internal/modeler.d.ts +3 -0
- package/esm/variablesSpec/internal/modeler.d.ts.map +1 -0
- package/esm/variablesSpec/internal/modeler.js +13 -0
- package/esm/variablesSpec/internal/modeler.js.map +1 -0
- package/esm/variablesSpec/internal/spacing.d.ts +3 -0
- package/esm/variablesSpec/internal/spacing.d.ts.map +1 -0
- package/esm/variablesSpec/internal/spacing.js +33 -0
- package/esm/variablesSpec/internal/spacing.js.map +1 -0
- package/esm/variablesSpec/internal/transition.d.ts +3 -0
- package/esm/variablesSpec/internal/transition.d.ts.map +1 -0
- package/esm/variablesSpec/internal/transition.js +8 -0
- package/esm/variablesSpec/internal/transition.js.map +1 -0
- package/esm/variablesSpec/theme/analytical-designer.d.ts +3 -0
- package/esm/variablesSpec/theme/analytical-designer.d.ts.map +1 -0
- package/esm/variablesSpec/theme/analytical-designer.js +9 -0
- package/esm/variablesSpec/theme/analytical-designer.js.map +1 -0
- package/esm/variablesSpec/theme/button.d.ts +3 -0
- package/esm/variablesSpec/theme/button.d.ts.map +1 -0
- package/esm/variablesSpec/theme/button.js +24 -0
- package/esm/variablesSpec/theme/button.js.map +1 -0
- package/esm/variablesSpec/theme/chart.d.ts +3 -0
- package/esm/variablesSpec/theme/chart.d.ts.map +1 -0
- package/esm/variablesSpec/theme/chart.js +70 -0
- package/esm/variablesSpec/theme/chart.js.map +1 -0
- package/esm/variablesSpec/theme/dashboard.d.ts +3 -0
- package/esm/variablesSpec/theme/dashboard.d.ts.map +1 -0
- package/esm/variablesSpec/theme/dashboard.js +243 -0
- package/esm/variablesSpec/theme/dashboard.js.map +1 -0
- package/esm/variablesSpec/theme/kpi.d.ts +3 -0
- package/esm/variablesSpec/theme/kpi.d.ts.map +1 -0
- package/esm/variablesSpec/theme/kpi.js +33 -0
- package/esm/variablesSpec/theme/kpi.js.map +1 -0
- package/esm/variablesSpec/theme/modal.d.ts +3 -0
- package/esm/variablesSpec/theme/modal.d.ts.map +1 -0
- package/esm/variablesSpec/theme/modal.js +47 -0
- package/esm/variablesSpec/theme/modal.js.map +1 -0
- package/esm/variablesSpec/theme/palette-base.d.ts +3 -0
- package/esm/variablesSpec/theme/palette-base.d.ts.map +1 -0
- package/esm/variablesSpec/theme/palette-base.js +33 -0
- package/esm/variablesSpec/theme/palette-base.js.map +1 -0
- package/esm/variablesSpec/theme/palette-complementary.d.ts +3 -0
- package/esm/variablesSpec/theme/palette-complementary.d.ts.map +1 -0
- package/esm/variablesSpec/theme/palette-complementary.js +63 -0
- package/esm/variablesSpec/theme/palette-complementary.js.map +1 -0
- package/esm/variablesSpec/theme/table.d.ts +3 -0
- package/esm/variablesSpec/theme/table.d.ts.map +1 -0
- package/esm/variablesSpec/theme/table.js +69 -0
- package/esm/variablesSpec/theme/table.js.map +1 -0
- package/esm/variablesSpec/theme/tooltip.d.ts +3 -0
- package/esm/variablesSpec/theme/tooltip.d.ts.map +1 -0
- package/esm/variablesSpec/theme/tooltip.js +15 -0
- package/esm/variablesSpec/theme/tooltip.js.map +1 -0
- package/esm/variablesSpec/theme/typography.d.ts +3 -0
- package/esm/variablesSpec/theme/typography.d.ts.map +1 -0
- package/esm/variablesSpec/theme/typography.js +15 -0
- package/esm/variablesSpec/theme/typography.js.map +1 -0
- package/esm/variablesSpec/theme-derived/palette-base-derived.d.ts +3 -0
- package/esm/variablesSpec/theme-derived/palette-base-derived.d.ts.map +1 -0
- package/esm/variablesSpec/theme-derived/palette-base-derived.js +275 -0
- package/esm/variablesSpec/theme-derived/palette-base-derived.js.map +1 -0
- package/esm/variablesSpec/theme-derived/palette-complementary-derived.d.ts +3 -0
- package/esm/variablesSpec/theme-derived/palette-complementary-derived.d.ts.map +1 -0
- package/esm/variablesSpec/theme-derived/palette-complementary-derived.js +36 -0
- package/esm/variablesSpec/theme-derived/palette-complementary-derived.js.map +1 -0
- package/esm/variablesSpec/theme-derived/shadow-derived.d.ts +3 -0
- package/esm/variablesSpec/theme-derived/shadow-derived.d.ts.map +1 -0
- package/esm/variablesSpec/theme-derived/shadow-derived.js +11 -0
- package/esm/variablesSpec/theme-derived/shadow-derived.js.map +1 -0
- package/esm/variablesSpec/types.d.ts +104 -0
- package/esm/variablesSpec/types.d.ts.map +1 -0
- package/esm/variablesSpec/types.js +3 -0
- package/esm/variablesSpec/types.js.map +1 -0
- package/esm/variablesSpec/validate/log.d.ts +17 -0
- package/esm/variablesSpec/validate/log.d.ts.map +1 -0
- package/esm/variablesSpec/validate/log.js +30 -0
- package/esm/variablesSpec/validate/log.js.map +1 -0
- package/esm/variablesSpec/validate/main.d.ts +7 -0
- package/esm/variablesSpec/validate/main.d.ts.map +1 -0
- package/esm/variablesSpec/validate/main.js +41 -0
- package/esm/variablesSpec/validate/main.js.map +1 -0
- package/esm/variablesSpec/validate/parse.d.ts +7 -0
- package/esm/variablesSpec/validate/parse.d.ts.map +1 -0
- package/esm/variablesSpec/validate/parse.js +61 -0
- package/esm/variablesSpec/validate/parse.js.map +1 -0
- package/esm/variablesSpec/validate/types.d.ts +25 -0
- package/esm/variablesSpec/validate/types.d.ts.map +1 -0
- package/esm/variablesSpec/validate/types.js +3 -0
- package/esm/variablesSpec/validate/types.js.map +1 -0
- package/esm/variablesSpec/validate/utils.d.ts +6 -0
- package/esm/variablesSpec/validate/utils.d.ts.map +1 -0
- package/esm/variablesSpec/validate/utils.js +21 -0
- package/esm/variablesSpec/validate/utils.js.map +1 -0
- package/esm/variablesSpec/validate/validate.d.ts +42 -0
- package/esm/variablesSpec/validate/validate.d.ts.map +1 -0
- package/esm/variablesSpec/validate/validate.js +133 -0
- package/esm/variablesSpec/validate/validate.js.map +1 -0
- package/package.json +15 -7
|
@@ -0,0 +1,275 @@
|
|
|
1
|
+
export const derivedPaletteBaseThemeVariables = [
|
|
2
|
+
{
|
|
3
|
+
type: "derived",
|
|
4
|
+
variableName: "--gd-palette-error-base-d10",
|
|
5
|
+
defaultValue: "#d62a1e",
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
type: "derived",
|
|
9
|
+
variableName: "--gd-palette-error-base-d20",
|
|
10
|
+
defaultValue: "#aa2117",
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
type: "derived",
|
|
14
|
+
variableName: "--gd-palette-error-base-t02",
|
|
15
|
+
defaultValue: "rgba(229, 77, 66, 0.98)",
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
type: "derived",
|
|
19
|
+
variableName: "--gd-palette-error-base-t10",
|
|
20
|
+
defaultValue: "rgba(229, 77, 66, 0.9)",
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
type: "derived",
|
|
24
|
+
variableName: "--gd-palette-error-base-t50",
|
|
25
|
+
defaultValue: "rgba(229, 77, 66, 0.5)",
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
type: "derived",
|
|
29
|
+
variableName: "--gd-palette-error-base-t70d20",
|
|
30
|
+
defaultValue: "rgba(170, 33, 23, 0.3)",
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
type: "derived",
|
|
34
|
+
variableName: "--gd-palette-error-base-t85",
|
|
35
|
+
defaultValue: "rgba(229, 77, 66, 0.15)",
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
type: "derived",
|
|
39
|
+
variableName: "--gd-palette-error-dimmed",
|
|
40
|
+
defaultValue: "#fcedec",
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
type: "derived",
|
|
44
|
+
variableName: "--gd-palette-error-dimmed90",
|
|
45
|
+
defaultValue: "#e75e54",
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
type: "derived",
|
|
49
|
+
variableName: "--gd-palette-error-disabled",
|
|
50
|
+
defaultValue: "rgba(241, 161, 156, 0.6)",
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
type: "derived",
|
|
54
|
+
variableName: "--gd-palette-error-focus",
|
|
55
|
+
defaultValue: "rgba(235, 119, 111, 0.6)",
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
type: "derived",
|
|
59
|
+
variableName: "--gd-palette-error-lightest",
|
|
60
|
+
// Most used:
|
|
61
|
+
defaultValue: "#fff2f1",
|
|
62
|
+
// Default generated (does not fit with most used):
|
|
63
|
+
// defaultValue: "#fdeeed",
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
type: "derived",
|
|
67
|
+
variableName: "--gd-palette-info-base-t02",
|
|
68
|
+
defaultValue: "var(--gd-palette-primary-base-t02, rgba(20, 178, 226, 0.98))",
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
type: "derived",
|
|
72
|
+
variableName: "--gd-palette-info-base-t85",
|
|
73
|
+
defaultValue: "var(--gd-palette-primary-base-t85, rgba(20, 178, 226, 0.15))",
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: "derived",
|
|
77
|
+
variableName: "--gd-palette-primary-base-d06",
|
|
78
|
+
defaultValue: "#129cc6",
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
type: "derived",
|
|
82
|
+
variableName: "--gd-palette-primary-base-d12",
|
|
83
|
+
defaultValue: "#0f86aa",
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
type: "derived",
|
|
87
|
+
variableName: "--gd-palette-primary-base-darken20",
|
|
88
|
+
defaultValue: "#0c6884",
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
type: "derived",
|
|
92
|
+
variableName: "--gd-palette-primary-base-dimmed-darken03",
|
|
93
|
+
// Most used:
|
|
94
|
+
defaultValue: "#daf2fa",
|
|
95
|
+
// Default generated (does not fit with most used):
|
|
96
|
+
// defaultValue: "#d9f2fa",
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
type: "derived",
|
|
100
|
+
variableName: "--gd-palette-primary-base-lighten45",
|
|
101
|
+
defaultValue: "#dff5fc",
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
type: "derived",
|
|
105
|
+
variableName: "--gd-palette-primary-base-mix15-white",
|
|
106
|
+
// Most used:
|
|
107
|
+
defaultValue: "rgba(220, 243, 251, 0.925)",
|
|
108
|
+
// Default generated (does not fit with most used - is calculated differently in theme and scss):
|
|
109
|
+
// defaultValue: "rgba(137, 216, 240, 0.925)",
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
type: "derived",
|
|
113
|
+
variableName: "--gd-palette-primary-base-t02",
|
|
114
|
+
defaultValue: "rgba(20, 178, 226, 0.98)",
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
type: "derived",
|
|
118
|
+
variableName: "--gd-palette-primary-base-t10",
|
|
119
|
+
defaultValue: "rgba(20, 178, 226, 0.9)",
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
type: "derived",
|
|
123
|
+
variableName: "--gd-palette-primary-base-t25",
|
|
124
|
+
defaultValue: "rgba(20, 178, 226, 0.75)",
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
type: "derived",
|
|
128
|
+
variableName: "--gd-palette-primary-base-t50",
|
|
129
|
+
defaultValue: "rgba(20, 178, 226, 0.5)",
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
type: "derived",
|
|
133
|
+
variableName: "--gd-palette-primary-base-t70",
|
|
134
|
+
defaultValue: "rgba(20, 178, 226, 0.3)",
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
type: "derived",
|
|
138
|
+
variableName: "--gd-palette-primary-base-t80",
|
|
139
|
+
defaultValue: "rgba(20, 178, 226, 0.2)",
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
type: "derived",
|
|
143
|
+
variableName: "--gd-palette-primary-base-t85",
|
|
144
|
+
defaultValue: "rgba(20, 178, 226, 0.15)",
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
type: "derived",
|
|
148
|
+
variableName: "--gd-palette-primary-base-t90",
|
|
149
|
+
defaultValue: "rgba(20, 178, 226, 0.1)",
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
type: "derived",
|
|
153
|
+
variableName: "--gd-palette-primary-dimmed",
|
|
154
|
+
// Most used:
|
|
155
|
+
defaultValue: "#e8f7fc",
|
|
156
|
+
// Default generated (does not fit with most used):
|
|
157
|
+
// defaultValue: "#e7f7fc",
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
type: "derived",
|
|
161
|
+
variableName: "--gd-palette-primary-dimmed50",
|
|
162
|
+
// Most used:
|
|
163
|
+
defaultValue: "#8ad9f1",
|
|
164
|
+
// Default generated (does not fit with most used):
|
|
165
|
+
// defaultValue: "#89d8f0",
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
type: "derived",
|
|
169
|
+
variableName: "--gd-palette-primary-disabled",
|
|
170
|
+
defaultValue: "rgba(69, 199, 239, 0.6)",
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
type: "derived",
|
|
174
|
+
variableName: "--gd-palette-primary-focus",
|
|
175
|
+
defaultValue: "rgba(41, 190, 236, 0.6)",
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
type: "derived",
|
|
179
|
+
variableName: "--gd-palette-primary-lightest",
|
|
180
|
+
// Most used:
|
|
181
|
+
defaultValue: "#dff5fc",
|
|
182
|
+
// Default generated (does not fit with most used - is calculated differently in theme and scss):
|
|
183
|
+
// defaultValue: "#ecf9fd",
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
type: "derived",
|
|
187
|
+
variableName: "--gd-palette-success-base-d06",
|
|
188
|
+
defaultValue: "#00a277",
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
type: "derived",
|
|
192
|
+
variableName: "--gd-palette-success-base-d12",
|
|
193
|
+
defaultValue: "#008460",
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
type: "derived",
|
|
197
|
+
variableName: "--gd-palette-success-base-t02",
|
|
198
|
+
defaultValue: "rgba(0, 193, 141, 0.98)",
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
type: "derived",
|
|
202
|
+
variableName: "--gd-palette-success-base-t85",
|
|
203
|
+
defaultValue: "rgba(0, 193, 141, 0.15)",
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
type: "derived",
|
|
207
|
+
variableName: "--gd-palette-success-dimmed",
|
|
208
|
+
defaultValue: "#e5f8f3",
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
type: "derived",
|
|
212
|
+
variableName: "--gd-palette-success-disabled",
|
|
213
|
+
defaultValue: "rgba(0, 224, 163, 0.5)",
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
type: "derived",
|
|
217
|
+
variableName: "--gd-palette-success-focus",
|
|
218
|
+
defaultValue: "rgba(0, 224, 163, 0.5)",
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
type: "derived",
|
|
222
|
+
variableName: "--gd-palette-warning-base-t50",
|
|
223
|
+
defaultValue: "rgba(250, 218, 35, 0.5)",
|
|
224
|
+
},
|
|
225
|
+
{
|
|
226
|
+
type: "derived",
|
|
227
|
+
variableName: "--gd-palette-warning-base-t70d20",
|
|
228
|
+
defaultValue: "rgba(179, 153, 4, 0.3)",
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
type: "derived",
|
|
232
|
+
variableName: "--gd-palette-warning-base-t85",
|
|
233
|
+
defaultValue: "rgba(250, 218, 35, 0.15)",
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
type: "derived",
|
|
237
|
+
variableName: "--gd-palette-warning-dimmed",
|
|
238
|
+
// Most used:
|
|
239
|
+
defaultValue: "#fef8d3",
|
|
240
|
+
// Default generated (does not fit with most used):
|
|
241
|
+
// defaultValue: "#fef7d3",
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
type: "derived",
|
|
245
|
+
variableName: "--gd-palette-warning-dimmed40",
|
|
246
|
+
// Most used:
|
|
247
|
+
defaultValue: "#8e8642",
|
|
248
|
+
// Default generated (does not fit with most used):
|
|
249
|
+
// defaultValue: "#8e8641",
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
type: "derived",
|
|
253
|
+
variableName: "--gd-palette-warning-text-dimmed",
|
|
254
|
+
// Most used:
|
|
255
|
+
defaultValue: "#6a6a4c",
|
|
256
|
+
// Default generated (does not fit with most used):
|
|
257
|
+
// defaultValue: "#6a6a4b",
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
type: "derived",
|
|
261
|
+
variableName: "--gd-palette-warning-low-base-m80",
|
|
262
|
+
defaultValue: "#d0f0f9",
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
type: "derived",
|
|
266
|
+
variableName: "--gd-palette-warning-medium-base-m80",
|
|
267
|
+
defaultValue: "#fef8d3",
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
type: "derived",
|
|
271
|
+
variableName: "--gd-palette-warning-high-base-m80",
|
|
272
|
+
defaultValue: "#fadbd9",
|
|
273
|
+
},
|
|
274
|
+
];
|
|
275
|
+
//# sourceMappingURL=palette-base-derived.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palette-base-derived.js","sourceRoot":"","sources":["../../../src/variablesSpec/theme-derived/palette-base-derived.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palette-complementary-derived.d.ts","sourceRoot":"","sources":["../../../src/variablesSpec/theme-derived/palette-complementary-derived.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,eAAO,MAAM,yCAAyC,EAAE,uBAAuB,EAkC9E,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export const derivedPaletteComplementaryThemeVariables = [
|
|
2
|
+
{
|
|
3
|
+
type: "derived",
|
|
4
|
+
variableName: "--gd-palette-complementary-0-t10",
|
|
5
|
+
// Most used:
|
|
6
|
+
defaultValue: "rgba(255, 255, 255, 0.95)",
|
|
7
|
+
// Default generated (does not fit with most used - is calculated differently in theme and scss):
|
|
8
|
+
// defaultValue: "rgba(255, 255, 255, 0.9)",
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
type: "derived",
|
|
12
|
+
variableName: "--gd-palette-complementary-0-t50",
|
|
13
|
+
defaultValue: "rgba(255, 255, 255, 0.5)",
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
type: "derived",
|
|
17
|
+
variableName: "--gd-palette-complementary-5-t40",
|
|
18
|
+
defaultValue: "rgba(176, 190, 202, 0.6)",
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
type: "derived",
|
|
22
|
+
variableName: "--gd-palette-complementary-9-t80",
|
|
23
|
+
defaultValue: "rgba(0, 0, 0, 0.2)",
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
type: "derived",
|
|
27
|
+
variableName: "--gd-palette-complementary-9-t85",
|
|
28
|
+
defaultValue: "rgba(0, 0, 0, 0.15)",
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
type: "derived",
|
|
32
|
+
variableName: "--gd-palette-complementary-9-t90",
|
|
33
|
+
defaultValue: "rgba(0, 0, 0, 0.1)",
|
|
34
|
+
},
|
|
35
|
+
];
|
|
36
|
+
//# sourceMappingURL=palette-complementary-derived.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palette-complementary-derived.js","sourceRoot":"","sources":["../../../src/variablesSpec/theme-derived/palette-complementary-derived.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,yCAAyC,GAA8B;IAChF;QACI,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,kCAAkC;QAChD,aAAa;QACb,YAAY,EAAE,2BAA2B;QACzC,iGAAiG;QACjG,4CAA4C;KAC/C;IACD;QACI,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,kCAAkC;QAChD,YAAY,EAAE,0BAA0B;KAC3C;IACD;QACI,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,kCAAkC;QAChD,YAAY,EAAE,0BAA0B;KAC3C;IACD;QACI,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,kCAAkC;QAChD,YAAY,EAAE,oBAAoB;KACrC;IACD;QACI,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,kCAAkC;QAChD,YAAY,EAAE,qBAAqB;KACtC;IACD;QACI,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,kCAAkC;QAChD,YAAY,EAAE,oBAAoB;KACrC;CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadow-derived.d.ts","sourceRoot":"","sources":["../../../src/variablesSpec/theme-derived/shadow-derived.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,eAAO,MAAM,2BAA2B,EAAE,uBAAuB,EAShE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export const derivedShadowThemeVariables = [
|
|
2
|
+
{
|
|
3
|
+
type: "derived",
|
|
4
|
+
variableName: "--gd-shadow-color",
|
|
5
|
+
// Most used:
|
|
6
|
+
defaultValue: "rgba(20, 56, 93, 0.15)",
|
|
7
|
+
// Default generated (does not fit with most used):
|
|
8
|
+
// defaultValue: "rgba(70, 78, 86, 0.2)",
|
|
9
|
+
},
|
|
10
|
+
];
|
|
11
|
+
//# sourceMappingURL=shadow-derived.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadow-derived.js","sourceRoot":"","sources":["../../../src/variablesSpec/theme-derived/shadow-derived.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,2BAA2B,GAA8B;IAClE;QACI,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,mBAAmB;QACjC,aAAa;QACb,YAAY,EAAE,wBAAwB;QACtC,mDAAmD;QACnD,yCAAyC;KAC5C;CACJ,CAAC"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Theme CSS variable name.
|
|
3
|
+
*
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
type ThemeCssVariableName = `--gd-${string}`;
|
|
7
|
+
/**
|
|
8
|
+
* Theme CSS variable name, with inconsistent default values used across the codebase.
|
|
9
|
+
*
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
type ThemeInconsistentCssVariableName = `${ThemeCssVariableName}-from-theme`;
|
|
13
|
+
/**
|
|
14
|
+
* Full path in theme (eg ["palette", "primary", "base"]).
|
|
15
|
+
*
|
|
16
|
+
* @internal
|
|
17
|
+
*/
|
|
18
|
+
type ThemePath = string[];
|
|
19
|
+
/**
|
|
20
|
+
* Variable, that can be defined directly in theme.
|
|
21
|
+
*
|
|
22
|
+
* @internal
|
|
23
|
+
*/
|
|
24
|
+
export type ThemeDefinedCssVariable = {
|
|
25
|
+
type: "theme";
|
|
26
|
+
variableName: ThemeCssVariableName;
|
|
27
|
+
themePath: ThemePath;
|
|
28
|
+
/**
|
|
29
|
+
* If default value is null, the variable should not be specified in default theme.
|
|
30
|
+
*/
|
|
31
|
+
defaultValue: string | null;
|
|
32
|
+
/**
|
|
33
|
+
* Some theme variables are specified in theme as boolean (eg dropShadow, textCapitalization).
|
|
34
|
+
* This value will be used for generating the default theme object, while {@link defaultValue} is used for CSS variables.
|
|
35
|
+
* If not specified, the value from {@link defaultValue} will be used even for the default theme object generation.
|
|
36
|
+
*/
|
|
37
|
+
defaultThemeValue?: string | boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Optionally skip validation of the default value.
|
|
40
|
+
* This makes sense only for variables like --gd-button-dropShadow, or --gd-modal-dropShadow,
|
|
41
|
+
* where the inconsistent default value is expected, as it just replaces drop shadow offsets with "none".
|
|
42
|
+
* Do not misuse this flag for anything else.
|
|
43
|
+
*/
|
|
44
|
+
skipDefaultValueValidation?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* If true, the variable is not typed by theme, but is used in scss.
|
|
47
|
+
* For some reason, some theme variables are not included in ITheme object types, but are still used in scss.
|
|
48
|
+
* This is temporary, and we should either - make these variables internal, or add them to ITheme object types.
|
|
49
|
+
*/
|
|
50
|
+
isNotTypedByTheme?: boolean;
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* Variable, that cannot be defined directly in theme, but is derived from theme variables.
|
|
54
|
+
*
|
|
55
|
+
* @internal
|
|
56
|
+
*/
|
|
57
|
+
export type ThemeDerivedCssVariable = {
|
|
58
|
+
type: "derived";
|
|
59
|
+
variableName: ThemeCssVariableName;
|
|
60
|
+
defaultValue: string;
|
|
61
|
+
skipDefaultValueValidation?: boolean;
|
|
62
|
+
};
|
|
63
|
+
/**
|
|
64
|
+
* Variable, that is internal only, thus cannot be defined directly in theme.
|
|
65
|
+
*
|
|
66
|
+
* @internal
|
|
67
|
+
*/
|
|
68
|
+
export type ThemeInternalCssVariable = {
|
|
69
|
+
type: "internal";
|
|
70
|
+
variableName: ThemeCssVariableName;
|
|
71
|
+
defaultValue: string;
|
|
72
|
+
};
|
|
73
|
+
/**
|
|
74
|
+
* Variable, that has inconsistent default values in scss, so it is suffixed with -from-theme
|
|
75
|
+
* and will be set only if relevant theme property is defined.
|
|
76
|
+
* This is temporary solution to keep theming backward compatible, and should be removed,
|
|
77
|
+
* once the theming defaults are unified across the whole codebase.
|
|
78
|
+
*
|
|
79
|
+
* @internal
|
|
80
|
+
*/
|
|
81
|
+
export type ThemeInconsistentCssVariable = {
|
|
82
|
+
type: "inconsistent";
|
|
83
|
+
variableName: ThemeInconsistentCssVariableName;
|
|
84
|
+
inconsistentDefaults: string[];
|
|
85
|
+
};
|
|
86
|
+
/**
|
|
87
|
+
* Variable that can be defined in theme, but is not used and thus redundant.
|
|
88
|
+
* Probably is already deprecated and should be removed in next major version.
|
|
89
|
+
*
|
|
90
|
+
* @internal
|
|
91
|
+
*/
|
|
92
|
+
export type ThemeDeprecatedCssVariable = {
|
|
93
|
+
type: "deprecated";
|
|
94
|
+
variableName: ThemeCssVariableName;
|
|
95
|
+
themePath: ThemePath;
|
|
96
|
+
};
|
|
97
|
+
/**
|
|
98
|
+
* All CSS variable types, that can be used in the codebase.
|
|
99
|
+
*
|
|
100
|
+
* @internal
|
|
101
|
+
*/
|
|
102
|
+
export type ThemeCssVariable = ThemeDefinedCssVariable | ThemeDerivedCssVariable | ThemeInternalCssVariable | ThemeInconsistentCssVariable | ThemeDeprecatedCssVariable;
|
|
103
|
+
export {};
|
|
104
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/variablesSpec/types.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,KAAK,oBAAoB,GAAG,QAAQ,MAAM,EAAE,CAAC;AAE7C;;;;GAIG;AACH,KAAK,gCAAgC,GAAG,GAAG,oBAAoB,aAAa,CAAC;AAE7E;;;;GAIG;AACH,KAAK,SAAS,GAAG,MAAM,EAAE,CAAC;AAE1B;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,oBAAoB,CAAC;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAErC;;;;;OAKG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,oBAAoB,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,YAAY,EAAE,oBAAoB,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;CACxB,CAAC;AACF;;;;;;;GAOG;AAEH,MAAM,MAAM,4BAA4B,GAAG;IACvC,IAAI,EAAE,cAAc,CAAC;IACrB,YAAY,EAAE,gCAAgC,CAAC;IAC/C,oBAAoB,EAAE,MAAM,EAAE,CAAC;CAClC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACrC,IAAI,EAAE,YAAY,CAAC;IACnB,YAAY,EAAE,oBAAoB,CAAC;IACnC,SAAS,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GACtB,uBAAuB,GACvB,uBAAuB,GACvB,wBAAwB,GACxB,4BAA4B,GAC5B,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/variablesSpec/types.ts"],"names":[],"mappings":"AAAA,gCAAgC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @internal
|
|
3
|
+
*/
|
|
4
|
+
export declare function logError(message: string | unknown): void;
|
|
5
|
+
/**
|
|
6
|
+
* @internal
|
|
7
|
+
*/
|
|
8
|
+
export declare function logSuccess(message: string): void;
|
|
9
|
+
/**
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
export declare function logInfo(message: string): void;
|
|
13
|
+
/**
|
|
14
|
+
* @internal
|
|
15
|
+
*/
|
|
16
|
+
export declare function errorParsingFile(filePath: string, error: unknown): void;
|
|
17
|
+
//# sourceMappingURL=log.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"log.d.ts","sourceRoot":"","sources":["../../../src/variablesSpec/validate/log.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,QAEjD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,QAGzC;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,QAGtC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,QAGhE"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import chalk from "chalk";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export function logError(message) {
|
|
7
|
+
console.error(chalk.red(message));
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
export function logSuccess(message) {
|
|
13
|
+
// eslint-disable-next-line no-console
|
|
14
|
+
console.log(chalk.green(message));
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* @internal
|
|
18
|
+
*/
|
|
19
|
+
export function logInfo(message) {
|
|
20
|
+
// eslint-disable-next-line no-console
|
|
21
|
+
console.log(chalk.gray(message));
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* @internal
|
|
25
|
+
*/
|
|
26
|
+
export function errorParsingFile(filePath, error) {
|
|
27
|
+
logError(`Failed to parse file: ${filePath}`);
|
|
28
|
+
logError(error);
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=log.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"log.js","sourceRoot":"","sources":["../../../src/variablesSpec/validate/log.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,OAAyB;IAC9C,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;AACtC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,OAAe;IACtC,sCAAsC;IACtC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACtC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,OAAe;IACnC,sCAAsC;IACtC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,QAAgB,EAAE,KAAc;IAC7D,QAAQ,CAAC,yBAAyB,QAAQ,EAAE,CAAC,CAAC;IAC9C,QAAQ,CAAC,KAAK,CAAC,CAAC;AACpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/variablesSpec/validate/main.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,QAiCtE"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import chalk from "chalk";
|
|
3
|
+
import { logError, logInfo, logSuccess } from "./log.js";
|
|
4
|
+
import { parseCssContentToVariableUsages } from "./parse.js";
|
|
5
|
+
import { validateAllVariableUsages } from "./validate.js";
|
|
6
|
+
/**
|
|
7
|
+
* Validate CSS file content against all variables specification.
|
|
8
|
+
*
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
11
|
+
export function validateCss(cssFilePath, cssFileContent) {
|
|
12
|
+
try {
|
|
13
|
+
logInfo(`Starting to validate CSS variable usages in ${cssFilePath}`);
|
|
14
|
+
// Collect all variable usages with their default values in the CSS file
|
|
15
|
+
const allVariableUsages = parseCssContentToVariableUsages(cssFilePath, cssFileContent);
|
|
16
|
+
// Collect all validation errors
|
|
17
|
+
const { failed } = validateAllVariableUsages(allVariableUsages);
|
|
18
|
+
// Log all validation errors
|
|
19
|
+
for (const failedValidation of failed) {
|
|
20
|
+
logError(failedValidation.error);
|
|
21
|
+
}
|
|
22
|
+
// Throw if there are any validation errors
|
|
23
|
+
if (failed.length > 0) {
|
|
24
|
+
throw new Error(`${failed.length} errors found in ${cssFilePath}`);
|
|
25
|
+
}
|
|
26
|
+
// Log success
|
|
27
|
+
logSuccess(`All ${allVariableUsages.length} CSS variable usages in ${cssFilePath} are valid!`);
|
|
28
|
+
}
|
|
29
|
+
catch (error) {
|
|
30
|
+
// Log error
|
|
31
|
+
if (error instanceof Error) {
|
|
32
|
+
console.error(chalk.red(error.message));
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
console.error(chalk.red(error));
|
|
36
|
+
}
|
|
37
|
+
// Throw if there are any validation errors
|
|
38
|
+
throw error;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=main.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../../src/variablesSpec/validate/main.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,+BAA+B,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAE1D;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,WAAmB,EAAE,cAAsB;IACnE,IAAI,CAAC;QACD,OAAO,CAAC,+CAA+C,WAAW,EAAE,CAAC,CAAC;QAEtE,wEAAwE;QACxE,MAAM,iBAAiB,GAAG,+BAA+B,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QAEvF,gCAAgC;QAChC,MAAM,EAAE,MAAM,EAAE,GAAG,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;QAEhE,4BAA4B;QAC5B,KAAK,MAAM,gBAAgB,IAAI,MAAM,EAAE,CAAC;YACpC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;QAED,2CAA2C;QAC3C,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpB,MAAM,IAAI,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,oBAAoB,WAAW,EAAE,CAAC,CAAC;QACvE,CAAC;QAED,cAAc;QACd,UAAU,CAAC,OAAO,iBAAiB,CAAC,MAAM,2BAA2B,WAAW,aAAa,CAAC,CAAC;IACnG,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACb,YAAY;QACZ,IAAI,KAAK,YAAY,KAAK,EAAE,CAAC;YACzB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QACpC,CAAC;QAED,2CAA2C;QAC3C,MAAM,KAAK,CAAC;IAChB,CAAC;AACL,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CssVariableUsage } from "./types.js";
|
|
2
|
+
/**
|
|
3
|
+
* Parse CSS file content into variable usages with their default values.
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare function parseCssContentToVariableUsages(filePath: string, fileContent: string): CssVariableUsage[];
|
|
7
|
+
//# sourceMappingURL=parse.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parse.d.ts","sourceRoot":"","sources":["../../../src/variablesSpec/validate/parse.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C;;;GAGG;AACH,wBAAgB,+BAA+B,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAUzG"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import postcss from "postcss";
|
|
3
|
+
import valueParser from "postcss-value-parser";
|
|
4
|
+
import { errorParsingFile } from "./log.js";
|
|
5
|
+
/**
|
|
6
|
+
* Parse CSS file content into variable usages with their default values.
|
|
7
|
+
* @internal
|
|
8
|
+
*/
|
|
9
|
+
export function parseCssContentToVariableUsages(filePath, fileContent) {
|
|
10
|
+
const ast = parseCssContent(filePath, fileContent);
|
|
11
|
+
const allVariableUsages = [];
|
|
12
|
+
ast.walkDecls((declaration) => {
|
|
13
|
+
const declarationVariableUsages = parseCssDeclarationValueToVariableUsages(declaration.value);
|
|
14
|
+
allVariableUsages.push(...declarationVariableUsages);
|
|
15
|
+
});
|
|
16
|
+
return allVariableUsages;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Parse CSS file content into postcss abstract syntax tree.
|
|
20
|
+
*/
|
|
21
|
+
function parseCssContent(filePath, fileContent) {
|
|
22
|
+
try {
|
|
23
|
+
return postcss.parse(fileContent);
|
|
24
|
+
}
|
|
25
|
+
catch (error) {
|
|
26
|
+
errorParsingFile(filePath, error);
|
|
27
|
+
throw error;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Parse CSS declaration value into variable usages with their default values.
|
|
32
|
+
*
|
|
33
|
+
* Example:
|
|
34
|
+
* var(--gd-palette-complementary-1, var(--gd-palette-complementary-0, #fff))
|
|
35
|
+
* will be represented as
|
|
36
|
+
* [
|
|
37
|
+
* \{ variableName: "--gd-palette-complementary-1", defaultValue: "var(--gd-palette-complementary-0, #fff)" \},
|
|
38
|
+
* \{ variableName: "--gd-palette-complementary-0", defaultValue: "#fff" \}
|
|
39
|
+
* ]
|
|
40
|
+
*/
|
|
41
|
+
function parseCssDeclarationValueToVariableUsages(value) {
|
|
42
|
+
const variables = [];
|
|
43
|
+
const parsedValue = valueParser(value);
|
|
44
|
+
parsedValue.walk((node) => {
|
|
45
|
+
if (node.type === "function" && node.value === "var") {
|
|
46
|
+
const [firstNode, _comma, ...rest] = node.nodes;
|
|
47
|
+
if (firstNode && firstNode.type === "word") {
|
|
48
|
+
const variableName = firstNode.value.startsWith("--")
|
|
49
|
+
? firstNode.value
|
|
50
|
+
: `--${firstNode.value}`;
|
|
51
|
+
const defaultValue = rest.length > 0 ? valueParser.stringify(rest).trim().replace(/^,/, "").trim() : null;
|
|
52
|
+
variables.push({
|
|
53
|
+
variableName,
|
|
54
|
+
defaultValue,
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
return variables;
|
|
60
|
+
}
|
|
61
|
+
//# sourceMappingURL=parse.js.map
|