@cesdk/cesdk-js 1.63.0 → 1.63.1
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/assets/core/{cesdk-v1.63.0-2IP5ZYHR.wasm → cesdk-v1.63.1-XTR2AUW7.wasm} +0 -0
- package/assets/core/{worker-host-v1.63.0.js → worker-host-v1.63.1.js} +1 -1
- package/assets/ui/audio-wave.svg +9 -0
- package/assets/ui/fonts/InterVariable.woff2 +0 -0
- package/assets/ui/spot-color-indicator-l.svg +18 -0
- package/assets/ui/spot-color-indicator-xl.svg +18 -0
- package/assets/ui/stylesheets/cesdk-themes.css +277 -0
- package/assets/ui/stylesheets/cesdk.css +7357 -0
- package/cesdk.umd.js +1 -1
- package/index.js +1 -1
- package/package.json +2 -2
- /package/assets/core/{cesdk-v1.63.0-44YCFRT6.data → cesdk-v1.63.1-44YCFRT6.data} +0 -0
|
@@ -0,0 +1,277 @@
|
|
|
1
|
+
/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/themes/index.scss */
|
|
2
|
+
.ubq-dark {
|
|
3
|
+
--ubq-canvas: hsl(210 22% 7%);
|
|
4
|
+
--ubq-elevation-1: hsl(210 22% 7%);
|
|
5
|
+
--ubq-elevation-2: hsl(210 22% 7%);
|
|
6
|
+
--ubq-elevation-3: hsl(210 22% 7%);
|
|
7
|
+
--ubq-foreground-accent: hsl(208 14% 18%);
|
|
8
|
+
--ubq-foreground-active: hsl(221 100% 80%);
|
|
9
|
+
--ubq-foreground-default: hsl(200 11% 95%);
|
|
10
|
+
--ubq-foreground-info: hsl(200 11% 95% / 0.5);
|
|
11
|
+
--ubq-foreground-light: hsl(200 11% 95% / 0.7);
|
|
12
|
+
--ubq-foreground-danger-default: hsl(208 14% 18%);
|
|
13
|
+
--ubq-foreground-notice-default: hsl(208 14% 18%);
|
|
14
|
+
--ubq-interactive-default: hsl(208 14% 18%);
|
|
15
|
+
--ubq-interactive-hover: hsl(208 13% 23%);
|
|
16
|
+
--ubq-interactive-pressed: hsl(210 15% 15%);
|
|
17
|
+
--ubq-interactive-selected: hsl(208 14% 18%);
|
|
18
|
+
--ubq-interactive-accent-default: hsl(221 100% 80%);
|
|
19
|
+
--ubq-interactive-accent-hover: hsl(219 100% 88%);
|
|
20
|
+
--ubq-interactive-accent-pressed: hsl(223 100% 76%);
|
|
21
|
+
--ubq-interactive-active-default: hsl(221 100% 80%);
|
|
22
|
+
--ubq-interactive-active-hover: hsl(219 100% 88%);
|
|
23
|
+
--ubq-interactive-active-pressed: hsl(223 100% 76%);
|
|
24
|
+
--ubq-interactive-danger-default: hsl(346 98% 81%);
|
|
25
|
+
--ubq-interactive-danger-hover: hsl(347 100% 88%);
|
|
26
|
+
--ubq-interactive-danger-pressed: hsl(344 89% 75%);
|
|
27
|
+
--ubq-interactive-group-default: hsl(0 0% 0% / 0);
|
|
28
|
+
--ubq-interactive-group-hover: hsl(208 14% 18%);
|
|
29
|
+
--ubq-interactive-group-active-default: hsl(208 13% 23%);
|
|
30
|
+
--ubq-interactive-group-active-hover: hsl(208 12% 28%);
|
|
31
|
+
--ubq-interactive-template-default: hsl(273 100% 82%);
|
|
32
|
+
--ubq-interactive-template-hover: hsl(273 100% 89%);
|
|
33
|
+
--ubq-interactive-template-pressed: hsl(273 100% 77%);
|
|
34
|
+
--ubq-input-default: hsl(200 27% 4%);
|
|
35
|
+
--ubq-input-hover: hsl(210 22% 7%);
|
|
36
|
+
--ubq-progress: hsl(207 9% 39%);
|
|
37
|
+
--ubq-border-default: hsl(0 0% 100% / 0.16);
|
|
38
|
+
--ubq-stroke-contrast-1: hsl(200 11% 95% / 0.12);
|
|
39
|
+
--ubq-stroke-contrast-2: hsl(200 11% 95% / 0.25);
|
|
40
|
+
--ubq-stroke-contrast-3: hsl(200 11% 95% / 0.9);
|
|
41
|
+
--ubq-focus-default: hsl(221 100% 80%);
|
|
42
|
+
--ubq-focus-outline: hsl(221 100% 80% / 0.35);
|
|
43
|
+
--ubq-overlay: hsl(207 18% 10% / 0.8);
|
|
44
|
+
--ubq-notice-error: hsl(346 98% 81%);
|
|
45
|
+
--ubq-notice-info: hsl(205 9% 75%);
|
|
46
|
+
--ubq-notice-success: hsl(158 42% 67%);
|
|
47
|
+
--ubq-notice-warning: hsl(37 61% 67%);
|
|
48
|
+
--ubq-effect-shadow: 0px 1px 2px 0px hsla(0, 0%, 0%, 0.24), 0px 0px 0px 0.5px hsla(0, 0%, 0%, 0.12);
|
|
49
|
+
--ubq-effect-focus:
|
|
50
|
+
0px 1px 2px 0px hsla(0, 0%, 0%, 0.24),
|
|
51
|
+
0px 0px 0px 0.5px hsla(0, 0%, 0%, 0.12),
|
|
52
|
+
0px 0px 0px 2px var(--ubq-elevation-2),
|
|
53
|
+
0px 0px 0px 3px var(--ubq-focus-default),
|
|
54
|
+
0px 0px 0px 7px var(--ubq-focus-outline);
|
|
55
|
+
}
|
|
56
|
+
.ubq-light {
|
|
57
|
+
--ubq-canvas: hsl(240 8% 97%);
|
|
58
|
+
--ubq-elevation-1: hsl(240 8% 97%);
|
|
59
|
+
--ubq-elevation-2: hsl(240 8% 97%);
|
|
60
|
+
--ubq-elevation-3: hsl(240 8% 97%);
|
|
61
|
+
--ubq-foreground-accent: hsl(200 11% 95%);
|
|
62
|
+
--ubq-foreground-active: hsl(228 100% 65%);
|
|
63
|
+
--ubq-foreground-default: hsl(208 14% 18%);
|
|
64
|
+
--ubq-foreground-info: hsl(208 14% 18% / 0.5);
|
|
65
|
+
--ubq-foreground-light: hsl(208 14% 18% / 0.7);
|
|
66
|
+
--ubq-foreground-danger-default: hsl(200 11% 95%);
|
|
67
|
+
--ubq-foreground-notice-default: hsl(200 11% 95%);
|
|
68
|
+
--ubq-interactive-default: hsl(0 0% 100%);
|
|
69
|
+
--ubq-interactive-hover: hsl(204 9% 90%);
|
|
70
|
+
--ubq-interactive-pressed: hsl(210 9% 87%);
|
|
71
|
+
--ubq-interactive-selected: hsl(0 0% 100%);
|
|
72
|
+
--ubq-interactive-accent-default: hsl(228 100% 65%);
|
|
73
|
+
--ubq-interactive-accent-hover: hsl(229 88% 60%);
|
|
74
|
+
--ubq-interactive-accent-pressed: hsl(231 76% 54%);
|
|
75
|
+
--ubq-interactive-active-default: hsl(228 100% 65%);
|
|
76
|
+
--ubq-interactive-active-hover: hsl(229 88% 60%);
|
|
77
|
+
--ubq-interactive-active-pressed: hsl(231 76% 54%);
|
|
78
|
+
--ubq-interactive-danger-default: hsl(340 66% 54%);
|
|
79
|
+
--ubq-interactive-danger-hover: hsl(337 69% 46%);
|
|
80
|
+
--ubq-interactive-danger-pressed: hsl(332 100% 36%);
|
|
81
|
+
--ubq-interactive-group-default: hsl(0 0% 100% / 0);
|
|
82
|
+
--ubq-interactive-group-hover: hsl(210 8% 88%);
|
|
83
|
+
--ubq-interactive-group-active-default: hsl(210 8% 85%);
|
|
84
|
+
--ubq-interactive-group-active-hover: hsl(210 8% 82%);
|
|
85
|
+
--ubq-interactive-template-default: hsl(273 91% 61%);
|
|
86
|
+
--ubq-interactive-template-hover: hsl(275 81% 53%);
|
|
87
|
+
--ubq-interactive-template-pressed: hsl(278 100% 42%);
|
|
88
|
+
--ubq-input-default: hsl(204 9% 90%);
|
|
89
|
+
--ubq-input-hover: hsl(210 9% 87%);
|
|
90
|
+
--ubq-progress: hsl(206 8% 62%);
|
|
91
|
+
--ubq-border-default: hsl(0 0% 100% / 0.4);
|
|
92
|
+
--ubq-stroke-contrast-1: hsl(208 14% 18% / 0.12);
|
|
93
|
+
--ubq-stroke-contrast-2: hsl(208 14% 18% / 0.25);
|
|
94
|
+
--ubq-stroke-contrast-3: hsl(208 14% 18% / 0.9);
|
|
95
|
+
--ubq-focus-default: hsl(231 76% 54%);
|
|
96
|
+
--ubq-focus-outline: hsl(231 76% 54% / 0.35);
|
|
97
|
+
--ubq-overlay: hsl(207 18% 10% / 0.8);
|
|
98
|
+
--ubq-notice-error: hsl(340 66% 54%);
|
|
99
|
+
--ubq-notice-info: hsl(207 7% 51%);
|
|
100
|
+
--ubq-notice-success: hsl(165 100% 30%);
|
|
101
|
+
--ubq-notice-warning: hsl(39 100% 34%);
|
|
102
|
+
--ubq-effect-shadow: 0px 1px 2px 0px hsla(207, 18%, 10%, 0.16), 0px 0px 0px 0.5px hsla(207, 18%, 10%, 0.08);
|
|
103
|
+
--ubq-effect-focus:
|
|
104
|
+
0px 1px 2px 0px hsla(207, 18%, 10%, 0.16),
|
|
105
|
+
0px 0px 0px 0.5px hsla(207, 18%, 10%, 0.08),
|
|
106
|
+
0px 0px 0px 2px var(--ubq-elevation-2),
|
|
107
|
+
0px 0px 0px 3px var(--ubq-focus-default),
|
|
108
|
+
0px 0px 0px 7px var(--ubq-focus-outline);
|
|
109
|
+
}
|
|
110
|
+
.ubq-static {
|
|
111
|
+
--ubq-static-selection-frame: hsl(230, 100%, 60%);
|
|
112
|
+
--ubq-static-contrast-white: hsl(0, 0%, 100%);
|
|
113
|
+
--ubq-static-contrast-black: hsl(0, 0%, 0%);
|
|
114
|
+
--ubq-static-snapping: hsl(338, 100%, 50%);
|
|
115
|
+
--ubq-static-bleed: hsl(334, 73%, 43%);
|
|
116
|
+
--ubq-static-text-variable: hsl(274, 97%, 60%);
|
|
117
|
+
--ubq-static-card-label-background:
|
|
118
|
+
linear-gradient(
|
|
119
|
+
|
|
120
|
+
180deg,
|
|
121
|
+
rgba(0, 0, 0, 0) 14.46%,
|
|
122
|
+
rgba(0, 0, 0, 0.6) 100% );
|
|
123
|
+
--ubq-static-card-background:
|
|
124
|
+
linear-gradient(
|
|
125
|
+
|
|
126
|
+
180deg,
|
|
127
|
+
hsla(0, 0%, 100%, 0.08),
|
|
128
|
+
hsla(0, 0%, 0%, 0.08) ),
|
|
129
|
+
hsla(0, 0%, 67%, 0.16);
|
|
130
|
+
}
|
|
131
|
+
.ubq-normal {
|
|
132
|
+
--ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
133
|
+
--ubq-typography-headline-l-size: 16px;
|
|
134
|
+
--ubq-typography-headline-l-weight: 600;
|
|
135
|
+
--ubq-typography-headline-l-letter_spacing: 0.01em;
|
|
136
|
+
--ubq-typography-headline-l-line_height: 20px;
|
|
137
|
+
--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
138
|
+
--ubq-typography-headline-m-size: 12px;
|
|
139
|
+
--ubq-typography-headline-m-weight: 600;
|
|
140
|
+
--ubq-typography-headline-m-letter_spacing: 0.03em;
|
|
141
|
+
--ubq-typography-headline-m-line_height: 16px;
|
|
142
|
+
--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
143
|
+
--ubq-typography-label-m-size: 12px;
|
|
144
|
+
--ubq-typography-label-m-weight: 450;
|
|
145
|
+
--ubq-typography-label-m-letter_spacing: 0.02em;
|
|
146
|
+
--ubq-typography-label-m-line_height: 16px;
|
|
147
|
+
--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
148
|
+
--ubq-typography-label-s-size: 10px;
|
|
149
|
+
--ubq-typography-label-s-weight: 450;
|
|
150
|
+
--ubq-typography-label-s-letter_spacing: 0.02em;
|
|
151
|
+
--ubq-typography-label-s-line_height: 14px;
|
|
152
|
+
--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
153
|
+
--ubq-typography-body-m-size: 12px;
|
|
154
|
+
--ubq-typography-body-m-weight: 450;
|
|
155
|
+
--ubq-typography-body-m-letter_spacing: 0.02em;
|
|
156
|
+
--ubq-typography-body-m-line_height: 18px;
|
|
157
|
+
--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
158
|
+
--ubq-typography-input-m-size: 12px;
|
|
159
|
+
--ubq-typography-input-m-weight: 450;
|
|
160
|
+
--ubq-typography-input-m-letter_spacing: 0.02em;
|
|
161
|
+
--ubq-typography-input-m-line_height: 16px;
|
|
162
|
+
--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
163
|
+
--ubq-typography-button-m-size: 12px;
|
|
164
|
+
--ubq-typography-button-m-weight: 450;
|
|
165
|
+
--ubq-typography-button-m-letter_spacing: 0.02em;
|
|
166
|
+
--ubq-typography-button-m-line_height: 16px;
|
|
167
|
+
--ubq-scale-base: 4px;
|
|
168
|
+
--ubq-margin-base: 4px;
|
|
169
|
+
--ubq-margin-xs: 4px;
|
|
170
|
+
--ubq-margin-s: 8px;
|
|
171
|
+
--ubq-margin-m: 12px;
|
|
172
|
+
--ubq-margin-l: 16px;
|
|
173
|
+
--ubq-margin-xl: 24px;
|
|
174
|
+
--ubq-border_radius-base: 4px;
|
|
175
|
+
--ubq-border_radius-xs: 2px;
|
|
176
|
+
--ubq-border_radius-s: 4px;
|
|
177
|
+
--ubq-border_radius-m: 8px;
|
|
178
|
+
--ubq-border_radius-l: 12px;
|
|
179
|
+
}
|
|
180
|
+
.ubq-large {
|
|
181
|
+
--ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
182
|
+
--ubq-typography-headline-l-size: 20px;
|
|
183
|
+
--ubq-typography-headline-l-weight: 600;
|
|
184
|
+
--ubq-typography-headline-l-letter_spacing: 0.01em;
|
|
185
|
+
--ubq-typography-headline-l-line_height: 25px;
|
|
186
|
+
--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
187
|
+
--ubq-typography-headline-m-size: 15px;
|
|
188
|
+
--ubq-typography-headline-m-weight: 600;
|
|
189
|
+
--ubq-typography-headline-m-letter_spacing: 0.03em;
|
|
190
|
+
--ubq-typography-headline-m-line_height: 20px;
|
|
191
|
+
--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
192
|
+
--ubq-typography-label-m-size: 15px;
|
|
193
|
+
--ubq-typography-label-m-weight: normal;
|
|
194
|
+
--ubq-typography-label-m-letter_spacing: 0.02em;
|
|
195
|
+
--ubq-typography-label-m-line_height: 20px;
|
|
196
|
+
--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
197
|
+
--ubq-typography-label-s-size: 12.5px;
|
|
198
|
+
--ubq-typography-label-s-weight: normal;
|
|
199
|
+
--ubq-typography-label-s-letter_spacing: 0.02em;
|
|
200
|
+
--ubq-typography-label-s-line_height: 17.5px;
|
|
201
|
+
--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
202
|
+
--ubq-typography-body-m-size: 15px;
|
|
203
|
+
--ubq-typography-body-m-weight: normal;
|
|
204
|
+
--ubq-typography-body-m-letter_spacing: 0.02em;
|
|
205
|
+
--ubq-typography-body-m-line_height: 22.5px;
|
|
206
|
+
--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
207
|
+
--ubq-typography-input-m-size: 16px;
|
|
208
|
+
--ubq-typography-input-m-weight: normal;
|
|
209
|
+
--ubq-typography-input-m-letter_spacing: 0.02em;
|
|
210
|
+
--ubq-typography-input-m-line_height: 20px;
|
|
211
|
+
--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
212
|
+
--ubq-typography-button-m-size: 15px;
|
|
213
|
+
--ubq-typography-button-m-weight: normal;
|
|
214
|
+
--ubq-typography-button-m-letter_spacing: 0.02em;
|
|
215
|
+
--ubq-typography-button-m-line_height: 20px;
|
|
216
|
+
--ubq-scale-base: 5px;
|
|
217
|
+
--ubq-margin-base: 5px;
|
|
218
|
+
--ubq-margin-xs: 5px;
|
|
219
|
+
--ubq-margin-s: 10px;
|
|
220
|
+
--ubq-margin-m: 15px;
|
|
221
|
+
--ubq-margin-l: 20px;
|
|
222
|
+
--ubq-margin-xl: 30px;
|
|
223
|
+
--ubq-border_radius-base: 5px;
|
|
224
|
+
--ubq-border_radius-xs: 2.5px;
|
|
225
|
+
--ubq-border_radius-s: 5px;
|
|
226
|
+
--ubq-border_radius-m: 10px;
|
|
227
|
+
--ubq-border_radius-l: 15px;
|
|
228
|
+
}
|
|
229
|
+
.ubq-modern {
|
|
230
|
+
--ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
231
|
+
--ubq-typography-headline-l-size: 16px;
|
|
232
|
+
--ubq-typography-headline-l-weight: 600;
|
|
233
|
+
--ubq-typography-headline-l-letter_spacing: 0.01em;
|
|
234
|
+
--ubq-typography-headline-l-line_height: 20px;
|
|
235
|
+
--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
236
|
+
--ubq-typography-headline-m-size: 12px;
|
|
237
|
+
--ubq-typography-headline-m-weight: 600;
|
|
238
|
+
--ubq-typography-headline-m-letter_spacing: 0.03em;
|
|
239
|
+
--ubq-typography-headline-m-line_height: 16px;
|
|
240
|
+
--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
241
|
+
--ubq-typography-label-m-size: 12px;
|
|
242
|
+
--ubq-typography-label-m-weight: 450;
|
|
243
|
+
--ubq-typography-label-m-letter_spacing: 0.02em;
|
|
244
|
+
--ubq-typography-label-m-line_height: 16px;
|
|
245
|
+
--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
246
|
+
--ubq-typography-label-s-size: 10px;
|
|
247
|
+
--ubq-typography-label-s-weight: 450;
|
|
248
|
+
--ubq-typography-label-s-letter_spacing: 0.02em;
|
|
249
|
+
--ubq-typography-label-s-line_height: 14px;
|
|
250
|
+
--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
251
|
+
--ubq-typography-body-m-size: 12px;
|
|
252
|
+
--ubq-typography-body-m-weight: 450;
|
|
253
|
+
--ubq-typography-body-m-letter_spacing: 0.02em;
|
|
254
|
+
--ubq-typography-body-m-line_height: 18px;
|
|
255
|
+
--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
256
|
+
--ubq-typography-input-m-size: 12px;
|
|
257
|
+
--ubq-typography-input-m-weight: 450;
|
|
258
|
+
--ubq-typography-input-m-letter_spacing: 0.02em;
|
|
259
|
+
--ubq-typography-input-m-line_height: 16px;
|
|
260
|
+
--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
|
|
261
|
+
--ubq-typography-button-m-size: 12px;
|
|
262
|
+
--ubq-typography-button-m-weight: 450;
|
|
263
|
+
--ubq-typography-button-m-letter_spacing: 0.02em;
|
|
264
|
+
--ubq-typography-button-m-line_height: 16px;
|
|
265
|
+
--ubq-scale-base: 4px;
|
|
266
|
+
--ubq-margin-base: 4px;
|
|
267
|
+
--ubq-margin-xs: 4px;
|
|
268
|
+
--ubq-margin-s: 8px;
|
|
269
|
+
--ubq-margin-m: 12px;
|
|
270
|
+
--ubq-margin-l: 16px;
|
|
271
|
+
--ubq-margin-xl: 24px;
|
|
272
|
+
--ubq-border_radius-base: 4px;
|
|
273
|
+
--ubq-border_radius-xs: 2px;
|
|
274
|
+
--ubq-border_radius-s: 4px;
|
|
275
|
+
--ubq-border_radius-m: 8px;
|
|
276
|
+
--ubq-border_radius-l: 12px;
|
|
277
|
+
}
|