@depersgroep/lfvp-design-tokens 0.89.0 → 0.91.0
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/css/streamz/_tokens.scss +15 -5
- package/css/streamz/tokens.css +15 -5
- package/css/vtmgo/_tokens.scss +15 -5
- package/css/vtmgo/tokens.css +15 -5
- package/package.json +1 -1
package/css/streamz/_tokens.scss
CHANGED
|
@@ -307,14 +307,24 @@
|
|
|
307
307
|
}
|
|
308
308
|
}
|
|
309
309
|
:root{
|
|
310
|
-
--
|
|
311
|
-
--
|
|
312
|
-
--
|
|
313
|
-
--
|
|
314
|
-
--button-color-secondary-
|
|
310
|
+
--landingpage-color-overlay4:var(--core-color-full-alpha-80);
|
|
311
|
+
--landingpage-color-overlay3:linear-gradient(0deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-5) 100%);
|
|
312
|
+
--landingpage-color-overlay2:linear-gradient(180deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-5) 100%);
|
|
313
|
+
--landingpage-color-overlay1:linear-gradient(90deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-20) 100%);
|
|
314
|
+
--button-color-secondary-disabled:var(--core-color-soft-alpha-50);
|
|
315
|
+
--button-color-secondary-active:var(--core-color-neutrals-30);
|
|
316
|
+
--button-color-secondary-hover:var(--core-color-neutrals-20);
|
|
317
|
+
--button-color-secondary-normal:var(--core-color-neutrals-15);
|
|
318
|
+
--button-color-primary-disabled:var(--core-color-soft-alpha-50);
|
|
319
|
+
--button-color-transparent-disabled:var(--core-color-soft-alpha-50);
|
|
320
|
+
--button-color-transparent-active:var(--core-color-soft-alpha-30);
|
|
321
|
+
--button-color-transparent-hover:var(--core-color-soft-alpha-40);
|
|
322
|
+
--button-color-transparent-normal:var(--core-color-soft-alpha-50);
|
|
315
323
|
--button-font-size-medium:var(--core-font-size-16);
|
|
316
324
|
--button-font-size-small:var(--core-font-size-14);
|
|
317
325
|
--button-font-family-label:var(--base-primary-font);
|
|
326
|
+
--top10-color-border:var(--base-color-top10-border);
|
|
327
|
+
--top10-color-fill:var(--base-color-top10-fill);
|
|
318
328
|
--button-border-radius:var(--base-border-radius-button);
|
|
319
329
|
--button-font-weight-label:var(--base-font-weight-button);
|
|
320
330
|
}
|
package/css/streamz/tokens.css
CHANGED
|
@@ -307,14 +307,24 @@
|
|
|
307
307
|
}
|
|
308
308
|
}
|
|
309
309
|
:root {
|
|
310
|
-
--
|
|
311
|
-
--
|
|
312
|
-
--
|
|
313
|
-
--
|
|
314
|
-
--button-color-secondary-
|
|
310
|
+
--landingpage-color-overlay4: var(--core-color-full-alpha-80);
|
|
311
|
+
--landingpage-color-overlay3: linear-gradient(0deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-5) 100%);
|
|
312
|
+
--landingpage-color-overlay2: linear-gradient(180deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-5) 100%);
|
|
313
|
+
--landingpage-color-overlay1: linear-gradient(90deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-20) 100%);
|
|
314
|
+
--button-color-secondary-disabled: var(--core-color-soft-alpha-50);
|
|
315
|
+
--button-color-secondary-active: var(--core-color-neutrals-30);
|
|
316
|
+
--button-color-secondary-hover: var(--core-color-neutrals-20);
|
|
317
|
+
--button-color-secondary-normal: var(--core-color-neutrals-15);
|
|
318
|
+
--button-color-primary-disabled: var(--core-color-soft-alpha-50);
|
|
319
|
+
--button-color-transparent-disabled: var(--core-color-soft-alpha-50);
|
|
320
|
+
--button-color-transparent-active: var(--core-color-soft-alpha-30);
|
|
321
|
+
--button-color-transparent-hover: var(--core-color-soft-alpha-40);
|
|
322
|
+
--button-color-transparent-normal: var(--core-color-soft-alpha-50);
|
|
315
323
|
--button-font-size-medium: var(--core-font-size-16);
|
|
316
324
|
--button-font-size-small: var(--core-font-size-14);
|
|
317
325
|
--button-font-family-label: var(--base-primary-font);
|
|
326
|
+
--top10-color-border: var(--base-color-top10-border);
|
|
327
|
+
--top10-color-fill: var(--base-color-top10-fill);
|
|
318
328
|
--button-border-radius: var(--base-border-radius-button);
|
|
319
329
|
--button-font-weight-label: var(--base-font-weight-button);
|
|
320
330
|
}
|
package/css/vtmgo/_tokens.scss
CHANGED
|
@@ -305,14 +305,24 @@
|
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
307
|
:root{
|
|
308
|
-
--
|
|
309
|
-
--
|
|
310
|
-
--
|
|
311
|
-
--
|
|
312
|
-
--button-color-secondary-
|
|
308
|
+
--landingpage-color-overlay4:var(--core-color-full-alpha-80);
|
|
309
|
+
--landingpage-color-overlay3:linear-gradient(0deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-5) 100%);
|
|
310
|
+
--landingpage-color-overlay2:linear-gradient(180deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-5) 100%);
|
|
311
|
+
--landingpage-color-overlay1:linear-gradient(90deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-20) 100%);
|
|
312
|
+
--button-color-secondary-disabled:var(--core-color-soft-alpha-50);
|
|
313
|
+
--button-color-secondary-active:var(--core-color-neutrals-30);
|
|
314
|
+
--button-color-secondary-hover:var(--core-color-neutrals-20);
|
|
315
|
+
--button-color-secondary-normal:var(--core-color-neutrals-15);
|
|
316
|
+
--button-color-primary-disabled:var(--core-color-soft-alpha-50);
|
|
317
|
+
--button-color-transparent-disabled:var(--core-color-soft-alpha-50);
|
|
318
|
+
--button-color-transparent-active:var(--core-color-soft-alpha-30);
|
|
319
|
+
--button-color-transparent-hover:var(--core-color-soft-alpha-40);
|
|
320
|
+
--button-color-transparent-normal:var(--core-color-soft-alpha-50);
|
|
313
321
|
--button-font-size-medium:var(--core-font-size-16);
|
|
314
322
|
--button-font-size-small:var(--core-font-size-14);
|
|
315
323
|
--button-font-family-label:var(--base-primary-font);
|
|
324
|
+
--top10-color-border:var(--base-color-top10-border);
|
|
325
|
+
--top10-color-fill:var(--base-color-top10-fill);
|
|
316
326
|
--button-border-radius:var(--base-border-radius-button);
|
|
317
327
|
--button-font-weight-label:var(--base-font-weight-button);
|
|
318
328
|
}
|
package/css/vtmgo/tokens.css
CHANGED
|
@@ -305,14 +305,24 @@
|
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
307
|
:root {
|
|
308
|
-
--
|
|
309
|
-
--
|
|
310
|
-
--
|
|
311
|
-
--
|
|
312
|
-
--button-color-secondary-
|
|
308
|
+
--landingpage-color-overlay4: var(--core-color-full-alpha-80);
|
|
309
|
+
--landingpage-color-overlay3: linear-gradient(0deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-5) 100%);
|
|
310
|
+
--landingpage-color-overlay2: linear-gradient(180deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-5) 100%);
|
|
311
|
+
--landingpage-color-overlay1: linear-gradient(90deg, var(--core-color-neutrals-0) 0%, var(--core-color-full-alpha-80) 50%, var(--core-color-full-alpha-20) 100%);
|
|
312
|
+
--button-color-secondary-disabled: var(--core-color-soft-alpha-50);
|
|
313
|
+
--button-color-secondary-active: var(--core-color-neutrals-30);
|
|
314
|
+
--button-color-secondary-hover: var(--core-color-neutrals-20);
|
|
315
|
+
--button-color-secondary-normal: var(--core-color-neutrals-15);
|
|
316
|
+
--button-color-primary-disabled: var(--core-color-soft-alpha-50);
|
|
317
|
+
--button-color-transparent-disabled: var(--core-color-soft-alpha-50);
|
|
318
|
+
--button-color-transparent-active: var(--core-color-soft-alpha-30);
|
|
319
|
+
--button-color-transparent-hover: var(--core-color-soft-alpha-40);
|
|
320
|
+
--button-color-transparent-normal: var(--core-color-soft-alpha-50);
|
|
313
321
|
--button-font-size-medium: var(--core-font-size-16);
|
|
314
322
|
--button-font-size-small: var(--core-font-size-14);
|
|
315
323
|
--button-font-family-label: var(--base-primary-font);
|
|
324
|
+
--top10-color-border: var(--base-color-top10-border);
|
|
325
|
+
--top10-color-fill: var(--base-color-top10-fill);
|
|
316
326
|
--button-border-radius: var(--base-border-radius-button);
|
|
317
327
|
--button-font-weight-label: var(--base-font-weight-button);
|
|
318
328
|
}
|