@tmorrow/cre8-wc 1.1.3 → 1.1.6
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/lib/components/card/card.styles.d.ts.map +1 -1
- package/lib/components/card/card.styles.js +338 -1
- package/lib/components/card/card.styles.js.map +1 -1
- package/lib/components/field/field.styles.d.ts.map +1 -1
- package/lib/components/field/field.styles.js +359 -1
- package/lib/components/field/field.styles.js.map +1 -1
- package/lib/components/inline-alert/inline-alert.styles.d.ts.map +1 -1
- package/lib/components/inline-alert/inline-alert.styles.js +392 -1
- package/lib/components/inline-alert/inline-alert.styles.js.map +1 -1
- package/lib/design-tokens/brands/blue/css/fonts.css +31 -0
- package/lib/design-tokens/{brands copy/blue/css/tokens_blue.module.js → brands/blue/css/tokens_blue.css} +2 -7
- package/lib/design-tokens/brands/blue/css/tokens_brand.css +492 -0
- package/lib/design-tokens/brands/cre8/css/fonts.css +35 -0
- package/lib/design-tokens/brands/cre8/css/tokens_brand.css +494 -0
- package/lib/design-tokens/brands/cre8/css/tokens_cre8.css +767 -0
- package/lib/design-tokens/brands/cre8-a2ui/css/fonts.css +35 -0
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_brand.css +496 -0
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.css +248 -0
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.d.ts +1 -1
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.d.ts.map +1 -1
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.js +7 -3
- package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.js.map +1 -1
- package/lib/design-tokens/brands/cre8-legacy/css/fonts.css +47 -0
- package/lib/design-tokens/brands/cre8-legacy/css/tokens_brand.css +464 -0
- package/lib/design-tokens/brands/cre8-legacy/css/tokens_cre8-legacy.css +0 -0
- package/lib/design-tokens/brands/femmecubator/css/fonts.css +35 -0
- package/lib/design-tokens/brands/legacy/css/fonts.css +26 -0
- package/lib/design-tokens/brands/legacy/css/tokens_brand.css +491 -0
- package/lib/design-tokens/brands/legacy/css/tokens_legacy.css +250 -0
- package/lib/design-tokens/brands/marketing/css/fonts.css +31 -0
- package/lib/design-tokens/brands/marketing/css/tokens_brand.css +502 -0
- package/lib/design-tokens/brands/minimalist/css/fonts.css +26 -0
- package/lib/design-tokens/brands/minimalist/css/tokens_brand.css +492 -0
- package/lib/design-tokens/brands/minimalist/css/tokens_minimalist.css +736 -0
- package/lib/design-tokens/brands/prisma/figma-tokens.css +339 -0
- package/lib/design-tokens/brands/starbucks/fonts.css +26 -0
- package/lib/design-tokens/brands/tmorrow/css/tokens_brand.css +104 -0
- package/lib/design-tokens/brands/tmorrow/css/tokens_tmorrow-frost.css +222 -0
- package/lib/design-tokens/brands/tmorrow/css/tokens_tmorrow-neon.css +218 -0
- package/lib/design-tokens/capitalone/fonts.css +26 -0
- package/lib/design-tokens/capitalone/overrides.css +33 -0
- package/lib/design-tokens/capitalone/tokens.module.css +532 -0
- package/lib/design-tokens/core/scss/abstracts/functions.css +0 -0
- package/lib/design-tokens/core/scss/theming/animation.css +1 -0
- package/lib/design-tokens/core/scss/theming/body.css +1 -0
- package/lib/design-tokens/core/scss/theming/breakpoints.css +0 -0
- package/lib/design-tokens/core/scss/theming/component.css +1 -0
- package/lib/design-tokens/core/scss/theming/component.scss +1 -1
- package/lib/design-tokens/core/scss/theming/display.css +1 -0
- package/lib/design-tokens/core/scss/theming/head.css +1 -0
- package/lib/design-tokens/core/scss/theming/spacing.css +1 -0
- package/lib/design-tokens/core/scss/theming/typography-usage.css +0 -0
- package/lib/design-tokens/core/scss/theming/variables.css +39 -0
- package/lib/design-tokens/core/scss/theming/variables.scss +3 -1
- package/lib/design-tokens/core/scss/theming/visibility.css +1 -0
- package/lib/design-tokens/core/scss/utilities/animation.css +1 -0
- package/lib/design-tokens/core/scss/utilities/colors.css +1 -0
- package/lib/design-tokens/core/scss/utilities/display.css +1 -0
- package/lib/design-tokens/femmecubator/equity.css +142 -0
- package/lib/design-tokens/femmecubator/fonts.css +35 -0
- package/lib/design-tokens/femmecubator/tokens_brand.css +146 -0
- package/lib/design-tokens/femmecubator/tokens_femmecubator.module.css +247 -0
- package/lib/design-tokens/figma-tokens.css +0 -0
- package/lib/design-tokens/mcdonalds/tokens.module.css +58 -0
- package/lib/design-tokens/target/fonts.css +26 -0
- package/lib/design-tokens/target/tokens.module.css +738 -0
- package/lib/scripts/generate-mcp-manifest.d.ts +8 -0
- package/lib/scripts/generate-mcp-manifest.d.ts.map +1 -0
- package/lib/scripts/generate-mcp-manifest.js +350 -0
- package/lib/scripts/generate-mcp-manifest.js.map +1 -0
- package/lib/vite.config.js +1 -1
- package/lib/vite.config.js.map +1 -1
- package/mcp-manifest.json +3844 -0
- package/package.json +7 -3
- package/lib/design-tokens/brands copy/blue/_base.scss +0 -142
- package/lib/design-tokens/brands copy/blue/badge.scss +0 -5
- package/lib/design-tokens/brands copy/blue/bg.scss +0 -35
- package/lib/design-tokens/brands copy/blue/border-style.scss +0 -5
- package/lib/design-tokens/brands copy/blue/border.scss +0 -21
- package/lib/design-tokens/brands copy/blue/borderRadius.scss +0 -15
- package/lib/design-tokens/brands copy/blue/borderWidth.scss +0 -11
- package/lib/design-tokens/brands copy/blue/breakpoint.scss +0 -9
- package/lib/design-tokens/brands copy/blue/button.scss +0 -225
- package/lib/design-tokens/brands copy/blue/content.scss +0 -29
- package/lib/design-tokens/brands copy/blue/css/tokens_blue.module.d.ts +0 -3
- package/lib/design-tokens/brands copy/blue/css/tokens_blue.module.d.ts.map +0 -1
- package/lib/design-tokens/brands copy/blue/css/tokens_blue.module.js.map +0 -1
- package/lib/design-tokens/brands copy/blue/desktop-menu.scss +0 -5
- package/lib/design-tokens/brands copy/blue/fontFamilies.scss +0 -5
- package/lib/design-tokens/brands copy/blue/fontSize.scss +0 -17
- package/lib/design-tokens/brands copy/blue/fontWeights.scss +0 -7
- package/lib/design-tokens/brands copy/blue/footer.scss +0 -9
- package/lib/design-tokens/brands copy/blue/header.scss +0 -81
- package/lib/design-tokens/brands copy/blue/icon-size.scss +0 -6
- package/lib/design-tokens/brands copy/blue/letterSpacing.scss +0 -9
- package/lib/design-tokens/brands copy/blue/lineHeights.scss +0 -15
- package/lib/design-tokens/brands copy/blue/link.scss +0 -4
- package/lib/design-tokens/brands copy/blue/paragraphIndent.scss +0 -4
- package/lib/design-tokens/brands copy/blue/paragraphSpacing.scss +0 -4
- package/lib/design-tokens/brands copy/blue/progress-meter.scss +0 -4
- package/lib/design-tokens/brands copy/blue/shadow.scss +0 -8
- package/lib/design-tokens/brands copy/blue/spacing.scss +0 -21
- package/lib/design-tokens/brands copy/blue/textCase.scss +0 -5
- package/lib/design-tokens/brands copy/blue/textDecoration.scss +0 -5
- package/lib/design-tokens/brands copy/blue/tokens-all-blue.scss +0 -628
- package/lib/design-tokens/brands copy/blue/tokens-brand.scss +0 -31
- package/lib/design-tokens/brands copy/blue-v1/_base.scss +0 -76
- package/lib/design-tokens/brands copy/blue-v1/badge.scss +0 -5
- package/lib/design-tokens/brands copy/blue-v1/bg.scss +0 -34
- package/lib/design-tokens/brands copy/blue-v1/border-style.scss +0 -5
- package/lib/design-tokens/brands copy/blue-v1/border.scss +0 -21
- package/lib/design-tokens/brands copy/blue-v1/borderRadius.scss +0 -15
- package/lib/design-tokens/brands copy/blue-v1/borderWidth.scss +0 -11
- package/lib/design-tokens/brands copy/blue-v1/breakpoint.scss +0 -9
- package/lib/design-tokens/brands copy/blue-v1/button.scss +0 -199
- package/lib/design-tokens/brands copy/blue-v1/content.scss +0 -29
- package/lib/design-tokens/brands copy/blue-v1/desktop-menu.scss +0 -5
- package/lib/design-tokens/brands copy/blue-v1/fontFamilies.scss +0 -5
- package/lib/design-tokens/brands copy/blue-v1/fontSize.scss +0 -17
- package/lib/design-tokens/brands copy/blue-v1/fontWeights.scss +0 -9
- package/lib/design-tokens/brands copy/blue-v1/footer.scss +0 -9
- package/lib/design-tokens/brands copy/blue-v1/header.scss +0 -79
- package/lib/design-tokens/brands copy/blue-v1/icon-size.scss +0 -6
- package/lib/design-tokens/brands copy/blue-v1/letterSpacing.scss +0 -9
- package/lib/design-tokens/brands copy/blue-v1/lineHeights.scss +0 -15
- package/lib/design-tokens/brands copy/blue-v1/link.scss +0 -4
- package/lib/design-tokens/brands copy/blue-v1/paragraphIndent.scss +0 -4
- package/lib/design-tokens/brands copy/blue-v1/paragraphSpacing.scss +0 -4
- package/lib/design-tokens/brands copy/blue-v1/shadow.scss +0 -8
- package/lib/design-tokens/brands copy/blue-v1/spacing.scss +0 -21
- package/lib/design-tokens/brands copy/blue-v1/textCase.scss +0 -5
- package/lib/design-tokens/brands copy/blue-v1/textDecoration.scss +0 -5
- package/lib/design-tokens/brands copy/blue-v1/tokens-all-blue-v1.scss +0 -534
- package/lib/design-tokens/brands copy/blue-v1/tokens-brand.scss +0 -30
- package/lib/design-tokens/brands copy/cre8/_base.scss +0 -157
- package/lib/design-tokens/brands copy/cre8/badge.scss +0 -5
- package/lib/design-tokens/brands copy/cre8/bg.scss +0 -34
- package/lib/design-tokens/brands copy/cre8/border-style.scss +0 -5
- package/lib/design-tokens/brands copy/cre8/border.scss +0 -18
- package/lib/design-tokens/brands copy/cre8/borderRadius.scss +0 -15
- package/lib/design-tokens/brands copy/cre8/borderWidth.scss +0 -11
- package/lib/design-tokens/brands copy/cre8/breakpoint.scss +0 -9
- package/lib/design-tokens/brands copy/cre8/button.scss +0 -211
- package/lib/design-tokens/brands copy/cre8/content.scss +0 -29
- package/lib/design-tokens/brands copy/cre8/desktop-menu.scss +0 -5
- package/lib/design-tokens/brands copy/cre8/fontFamilies.scss +0 -4
- package/lib/design-tokens/brands copy/cre8/fontSize.scss +0 -17
- package/lib/design-tokens/brands copy/cre8/fontWeights.scss +0 -7
- package/lib/design-tokens/brands copy/cre8/footer.scss +0 -8
- package/lib/design-tokens/brands copy/cre8/header.scss +0 -81
- package/lib/design-tokens/brands copy/cre8/icon-size.scss +0 -6
- package/lib/design-tokens/brands copy/cre8/letterSpacing.scss +0 -10
- package/lib/design-tokens/brands copy/cre8/lineHeights.scss +0 -22
- package/lib/design-tokens/brands copy/cre8/link.scss +0 -4
- package/lib/design-tokens/brands copy/cre8/paragraphIndent.scss +0 -4
- package/lib/design-tokens/brands copy/cre8/paragraphSpacing.scss +0 -4
- package/lib/design-tokens/brands copy/cre8/progress-meter.scss +0 -4
- package/lib/design-tokens/brands copy/cre8/shadow.scss +0 -8
- package/lib/design-tokens/brands copy/cre8/spacing.scss +0 -21
- package/lib/design-tokens/brands copy/cre8/textCase.scss +0 -5
- package/lib/design-tokens/brands copy/cre8/textDecoration.scss +0 -5
- package/lib/design-tokens/brands copy/cre8/tokens-all-cre8.scss +0 -631
- package/lib/design-tokens/brands copy/cre8/tokens-brand.scss +0 -31
- package/lib/design-tokens/brands copy/femmecubator/base.scss +0 -64
- package/lib/design-tokens/brands copy/femmecubator/border.scss +0 -15
- package/lib/design-tokens/brands copy/femmecubator/color.scss +0 -56
- package/lib/design-tokens/brands copy/femmecubator/spacing.scss +0 -13
- package/lib/design-tokens/brands copy/femmecubator/tokens-all-femmecubator.scss +0 -139
- package/lib/design-tokens/brands copy/femmecubator/tokens-brand.scss +0 -8
- package/lib/design-tokens/brands copy/legacy/_base.scss +0 -103
- package/lib/design-tokens/brands copy/legacy/badge.scss +0 -5
- package/lib/design-tokens/brands copy/legacy/bg.scss +0 -34
- package/lib/design-tokens/brands copy/legacy/border-style.scss +0 -5
- package/lib/design-tokens/brands copy/legacy/border.scss +0 -17
- package/lib/design-tokens/brands copy/legacy/borderRadius.scss +0 -15
- package/lib/design-tokens/brands copy/legacy/borderWidth.scss +0 -11
- package/lib/design-tokens/brands copy/legacy/breakpoint.scss +0 -9
- package/lib/design-tokens/brands copy/legacy/button.scss +0 -225
- package/lib/design-tokens/brands copy/legacy/content.scss +0 -29
- package/lib/design-tokens/brands copy/legacy/desktop-menu.scss +0 -5
- package/lib/design-tokens/brands copy/legacy/fontFamilies.scss +0 -4
- package/lib/design-tokens/brands copy/legacy/fontSize.scss +0 -17
- package/lib/design-tokens/brands copy/legacy/fontWeights.scss +0 -10
- package/lib/design-tokens/brands copy/legacy/footer.scss +0 -9
- package/lib/design-tokens/brands copy/legacy/header.scss +0 -81
- package/lib/design-tokens/brands copy/legacy/icon-size.scss +0 -6
- package/lib/design-tokens/brands copy/legacy/letterSpacing.scss +0 -9
- package/lib/design-tokens/brands copy/legacy/lineHeights.scss +0 -19
- package/lib/design-tokens/brands copy/legacy/paragraphIndent.scss +0 -4
- package/lib/design-tokens/brands copy/legacy/paragraphSpacing.scss +0 -4
- package/lib/design-tokens/brands copy/legacy/progress-meter.scss +0 -4
- package/lib/design-tokens/brands copy/legacy/shadow.scss +0 -8
- package/lib/design-tokens/brands copy/legacy/spacing.scss +0 -20
- package/lib/design-tokens/brands copy/legacy/textCase.scss +0 -5
- package/lib/design-tokens/brands copy/legacy/textDecoration.scss +0 -5
- package/lib/design-tokens/brands copy/legacy/tokens-all-legacy.scss +0 -588
- package/lib/design-tokens/brands copy/legacy/tokens-brand.scss +0 -30
- package/lib/design-tokens/brands copy/marketing/_base.scss +0 -137
- package/lib/design-tokens/brands copy/marketing/asset.scss +0 -7
- package/lib/design-tokens/brands copy/marketing/badge.scss +0 -5
- package/lib/design-tokens/brands copy/marketing/bg.scss +0 -35
- package/lib/design-tokens/brands copy/marketing/border-style.scss +0 -5
- package/lib/design-tokens/brands copy/marketing/border.scss +0 -21
- package/lib/design-tokens/brands copy/marketing/borderRadius.scss +0 -15
- package/lib/design-tokens/brands copy/marketing/borderWidth.scss +0 -11
- package/lib/design-tokens/brands copy/marketing/breakpoint.scss +0 -9
- package/lib/design-tokens/brands copy/marketing/button.scss +0 -225
- package/lib/design-tokens/brands copy/marketing/content.scss +0 -29
- package/lib/design-tokens/brands copy/marketing/desktop-menu.scss +0 -5
- package/lib/design-tokens/brands copy/marketing/fontFamilies.scss +0 -4
- package/lib/design-tokens/brands copy/marketing/fontSize.scss +0 -17
- package/lib/design-tokens/brands copy/marketing/fontWeights.scss +0 -7
- package/lib/design-tokens/brands copy/marketing/footer.scss +0 -9
- package/lib/design-tokens/brands copy/marketing/header.scss +0 -81
- package/lib/design-tokens/brands copy/marketing/icon-size.scss +0 -6
- package/lib/design-tokens/brands copy/marketing/letterSpacing.scss +0 -9
- package/lib/design-tokens/brands copy/marketing/lineHeights.scss +0 -22
- package/lib/design-tokens/brands copy/marketing/link.scss +0 -4
- package/lib/design-tokens/brands copy/marketing/paragraphIndent.scss +0 -4
- package/lib/design-tokens/brands copy/marketing/paragraphSpacing.scss +0 -4
- package/lib/design-tokens/brands copy/marketing/progress-meter.scss +0 -4
- package/lib/design-tokens/brands copy/marketing/shadow.scss +0 -8
- package/lib/design-tokens/brands copy/marketing/spacing.scss +0 -21
- package/lib/design-tokens/brands copy/marketing/textCase.scss +0 -5
- package/lib/design-tokens/brands copy/marketing/textDecoration.scss +0 -5
- package/lib/design-tokens/brands copy/marketing/tokens-all-marketing.scss +0 -633
- package/lib/design-tokens/brands copy/marketing/tokens-brand.scss +0 -32
- package/lib/design-tokens/brands copy/minimalist/_base.scss +0 -81
- package/lib/design-tokens/brands copy/minimalist/asset.scss +0 -6
- package/lib/design-tokens/brands copy/minimalist/badge.scss +0 -5
- package/lib/design-tokens/brands copy/minimalist/bg.scss +0 -34
- package/lib/design-tokens/brands copy/minimalist/border-style.scss +0 -5
- package/lib/design-tokens/brands copy/minimalist/border.scss +0 -17
- package/lib/design-tokens/brands copy/minimalist/borderRadius.scss +0 -15
- package/lib/design-tokens/brands copy/minimalist/borderWidth.scss +0 -11
- package/lib/design-tokens/brands copy/minimalist/breakpoint.scss +0 -9
- package/lib/design-tokens/brands copy/minimalist/button.scss +0 -225
- package/lib/design-tokens/brands copy/minimalist/content.scss +0 -29
- package/lib/design-tokens/brands copy/minimalist/desktop-menu.scss +0 -5
- package/lib/design-tokens/brands copy/minimalist/fontFamilies.scss +0 -4
- package/lib/design-tokens/brands copy/minimalist/fontFamily.scss +0 -4
- package/lib/design-tokens/brands copy/minimalist/fontSize.scss +0 -17
- package/lib/design-tokens/brands copy/minimalist/fontWeights.scss +0 -6
- package/lib/design-tokens/brands copy/minimalist/footer.scss +0 -9
- package/lib/design-tokens/brands copy/minimalist/header.scss +0 -81
- package/lib/design-tokens/brands copy/minimalist/icon-size.scss +0 -6
- package/lib/design-tokens/brands copy/minimalist/letterSpacing.scss +0 -9
- package/lib/design-tokens/brands copy/minimalist/lineHeights.scss +0 -20
- package/lib/design-tokens/brands copy/minimalist/paragraphIndent.scss +0 -4
- package/lib/design-tokens/brands copy/minimalist/paragraphSpacing.scss +0 -4
- package/lib/design-tokens/brands copy/minimalist/progress-meter.scss +0 -4
- package/lib/design-tokens/brands copy/minimalist/shadow.scss +0 -8
- package/lib/design-tokens/brands copy/minimalist/spacing.scss +0 -20
- package/lib/design-tokens/brands copy/minimalist/textCase.scss +0 -5
- package/lib/design-tokens/brands copy/minimalist/textDecoration.scss +0 -5
- package/lib/design-tokens/brands copy/minimalist/tokens-all-minimalist.scss +0 -567
- package/lib/design-tokens/brands copy/minimalist/tokens-brand.scss +0 -32
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// SCSS tokens for femmecubator: base
|
|
3
|
-
|
|
4
|
-
$cre8-base-border-width-6: 6px;
|
|
5
|
-
$cre8-base-border-width-4: 4px;
|
|
6
|
-
$cre8-base-border-width-2: 2rem;
|
|
7
|
-
$cre8-base-border-width-1: 1px;
|
|
8
|
-
$cre8-base-border-width-0: 0px;
|
|
9
|
-
$cre8-base-border-radius-900: 900px;
|
|
10
|
-
$cre8-base-border-radius-60: 60px;
|
|
11
|
-
$cre8-base-border-radius-16: 16px;
|
|
12
|
-
$cre8-base-border-radius-4: 4px;
|
|
13
|
-
$cre8-base-border-radius-0: 0rem;
|
|
14
|
-
$cre8-base-spacing-64: 64px;
|
|
15
|
-
$cre8-base-spacing-56: 56px;
|
|
16
|
-
$cre8-base-spacing-48: 48px;
|
|
17
|
-
$cre8-base-spacing-32: 36px;
|
|
18
|
-
$cre8-base-spacing-24: 28px;
|
|
19
|
-
$cre8-base-spacing-20: 20px;
|
|
20
|
-
$cre8-base-spacing-16: 16px;
|
|
21
|
-
$cre8-base-spacing-12: 12px;
|
|
22
|
-
$cre8-base-spacing-8: 8px;
|
|
23
|
-
$cre8-base-spacing-4: 4px;
|
|
24
|
-
$cre8-color-base-color-wesparkle-red: #e43c4a;
|
|
25
|
-
$cre8-color-base-color-transparent: #ffffff00;
|
|
26
|
-
$cre8-color-base-color-gray-90: #333333;
|
|
27
|
-
$cre8-color-base-color-gray-80: #4f4f4f;
|
|
28
|
-
$cre8-color-base-color-gray-70: #828282;
|
|
29
|
-
$cre8-color-base-color-gray-60: #9c9c9c;
|
|
30
|
-
$cre8-color-base-color-gray-50: #bdbdbd;
|
|
31
|
-
$cre8-color-base-color-gray-40: #cfcfcf;
|
|
32
|
-
$cre8-color-base-color-gray-30: #e0e0e0;
|
|
33
|
-
$cre8-color-base-color-gray-20: #efefef;
|
|
34
|
-
$cre8-color-base-color-gray-10: #fafafa;
|
|
35
|
-
$cre8-color-base-color-white: #ffffff;
|
|
36
|
-
$cre8-color-base-color-sky-90: #174e6e;
|
|
37
|
-
$cre8-color-base-color-sky-70: #247daf;
|
|
38
|
-
$cre8-color-base-color-sky-50: #2d9cdb;
|
|
39
|
-
$cre8-color-base-color-sky-30: #81c4e9;
|
|
40
|
-
$cre8-color-base-color-sky-15: #c0e1f4;
|
|
41
|
-
$cre8-color-base-color-yellow-95: #30280f;
|
|
42
|
-
$cre8-color-base-color-yellow-70: #dab544;
|
|
43
|
-
$cre8-color-base-color-yellow-50: #f2c94c;
|
|
44
|
-
$cre8-color-base-color-yellow-30: #f7df94;
|
|
45
|
-
$cre8-color-base-color-yellow-20: #fae9b7;
|
|
46
|
-
$cre8-color-base-color-red-90: #8d3434;
|
|
47
|
-
$cre8-color-base-color-red-70: #bc4646;
|
|
48
|
-
$cre8-color-base-color-red-50: #eb5757;
|
|
49
|
-
$cre8-color-base-color-red-30: #f5abab;
|
|
50
|
-
$cre8-color-base-color-red-15: #fbdddd;
|
|
51
|
-
$cre8-color-base-color-green-90: #17683a;
|
|
52
|
-
$cre8-color-base-color-green-70: #1f8b4d;
|
|
53
|
-
$cre8-color-base-color-green-50: #00875a;
|
|
54
|
-
$cre8-color-base-color-green-30: #7dcea0;
|
|
55
|
-
$cre8-color-base-color-green-15: #d4efdf;
|
|
56
|
-
$cre8-color-base-color-blue-05: #e6f1fc;
|
|
57
|
-
$cre8-color-base-color-blue-90: #012144;
|
|
58
|
-
$cre8-color-base-color-blue-80: #013872;
|
|
59
|
-
$cre8-color-base-color-blue-70: #014ea0;
|
|
60
|
-
$cre8-color-base-color-blue-60: #0259b6;
|
|
61
|
-
$cre8-color-base-color-blue-50: #026fe4;
|
|
62
|
-
$cre8-color-base-color-blue-35: #4e9aec;
|
|
63
|
-
$cre8-color-base-color-blue-25: #81b7f2;
|
|
64
|
-
$cre8-color-base-color-blue-15: #b3d4f7;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// SCSS tokens for femmecubator: border
|
|
3
|
-
|
|
4
|
-
$cre8-border-width-focus: $$cre8-base-border-width-2;
|
|
5
|
-
$cre8-border-width-thick: $$cre8-base-border-width-6;
|
|
6
|
-
$cre8-border-width-medium: $$cre8-base-border-width-4;
|
|
7
|
-
$cre8-border-width-default: $$cre8-base-border-width-2;
|
|
8
|
-
$cre8-border-width-thin: $$cre8-base-border-width-1;
|
|
9
|
-
$cre8-border-width-none: $$cre8-base-border-width-0;
|
|
10
|
-
$cre8-border-radius-round: $$cre8-base-border-radius-900;
|
|
11
|
-
$cre8-border-radius-container: $$cre8-base-border-radius-60;
|
|
12
|
-
$cre8-border-radius-large: $$cre8-base-border-radius-60;
|
|
13
|
-
$cre8-border-radius-default: $$cre8-base-border-radius-16;
|
|
14
|
-
$cre8-border-radius-small: $$cre8-base-border-radius-4;
|
|
15
|
-
$cre8-border-radius-none: $$cre8-base-border-radius-0;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// SCSS tokens for femmecubator: color
|
|
3
|
-
|
|
4
|
-
$cre8-color-color-border-divider: $$cre8-color-base-color-gray-80;
|
|
5
|
-
$cre8-color-color-border-brand-subtle: $$cre8-color-base-color-blue-05;
|
|
6
|
-
$cre8-color-color-border-brand-strong: $$cre8-color-base-color-blue-70;
|
|
7
|
-
$cre8-color-color-border-brand-hover: $$cre8-color-base-color-blue-25;
|
|
8
|
-
$cre8-color-color-border-brand-default: $$cre8-color-base-color-blue-50;
|
|
9
|
-
$cre8-color-color-border-active: $$cre8-color-base-color-gray-90;
|
|
10
|
-
$cre8-color-color-border-transparent: $$cre8-color-base-color-transparent;
|
|
11
|
-
$cre8-color-color-border-info: $$cre8-color-base-color-sky-50;
|
|
12
|
-
$cre8-color-color-border-warning: $$cre8-color-base-color-yellow-50;
|
|
13
|
-
$cre8-color-color-border-error: $$cre8-color-base-color-red-50;
|
|
14
|
-
$cre8-color-color-border-success: $$cre8-color-base-color-green-50;
|
|
15
|
-
$cre8-color-color-border-knockout: $$cre8-color-base-color-white;
|
|
16
|
-
$cre8-color-color-border-disabled: $$cre8-color-base-color-gray-60;
|
|
17
|
-
$cre8-color-color-border-strong: $$cre8-color-base-color-gray-80;
|
|
18
|
-
$cre8-color-color-border-default: $$cre8-color-base-color-gray-60;
|
|
19
|
-
$cre8-color-color-content-link-hover: $$cre8-color-base-color-blue-70;
|
|
20
|
-
$cre8-color-color-content-link-subtle: $$cre8-color-base-color-gray-80;
|
|
21
|
-
$cre8-color-color-content-link-strong: $$cre8-color-base-color-blue-90;
|
|
22
|
-
$cre8-color-color-content-link-default: $$cre8-color-base-color-blue-50;
|
|
23
|
-
$cre8-color-color-content-info-icon: $$cre8-color-base-color-sky-50;
|
|
24
|
-
$cre8-color-color-content-info-default: $$cre8-color-base-color-sky-90;
|
|
25
|
-
$cre8-color-color-content-warning-icon: $$cre8-color-base-color-yellow-50;
|
|
26
|
-
$cre8-color-color-content-warning-default: $$cre8-color-base-color-yellow-95;
|
|
27
|
-
$cre8-color-color-content-error-icon: $$cre8-color-base-color-red-50;
|
|
28
|
-
$cre8-color-color-content-error-default: $$cre8-color-base-color-red-90;
|
|
29
|
-
$cre8-color-color-content-success-icon: $$cre8-color-base-color-green-50;
|
|
30
|
-
$cre8-color-color-content-success-default: $$cre8-color-base-color-green-90;
|
|
31
|
-
$cre8-color-color-content-brand-strong: $$cre8-color-base-color-blue-25;
|
|
32
|
-
$cre8-color-color-content-brand-subtle: $$cre8-color-base-color-blue-05;
|
|
33
|
-
$cre8-color-color-content-brand-default: $$cre8-color-base-color-blue-50;
|
|
34
|
-
$cre8-color-color-content-knockout: $$cre8-color-base-color-white;
|
|
35
|
-
$cre8-color-color-content-disabled: $$cre8-color-base-color-gray-60;
|
|
36
|
-
$cre8-color-color-content-subtle: $$cre8-color-base-color-gray-80;
|
|
37
|
-
$cre8-color-color-content-default: $$cre8-color-base-color-white;
|
|
38
|
-
$cre8-color-color-bg-logo: $$cre8-color-base-color-wesparkle-red;
|
|
39
|
-
$cre8-color-color-bg-active: $$cre8-color-base-color-gray-90;
|
|
40
|
-
$cre8-color-color-bg-transparent: $$cre8-color-base-color-transparent;
|
|
41
|
-
$cre8-color-color-bg-info-strong: $$cre8-color-base-color-sky-50;
|
|
42
|
-
$cre8-color-color-bg-info-default: $$cre8-color-base-color-sky-15;
|
|
43
|
-
$cre8-color-color-bg-warning-strong: $$cre8-color-base-color-yellow-50;
|
|
44
|
-
$cre8-color-color-bg-warning-default: $$cre8-color-base-color-yellow-20;
|
|
45
|
-
$cre8-color-color-bg-error-strong: $$cre8-color-base-color-red-50;
|
|
46
|
-
$cre8-color-color-bg-error-default: $$cre8-color-base-color-red-15;
|
|
47
|
-
$cre8-color-color-bg-success-strong: $$cre8-color-base-color-green-50;
|
|
48
|
-
$cre8-color-color-bg-success-default: $$cre8-color-base-color-green-15;
|
|
49
|
-
$cre8-color-color-bg-brand-strong: $$cre8-color-base-color-blue-90;
|
|
50
|
-
$cre8-color-color-bg-brand-hover: $$cre8-color-base-color-blue-25;
|
|
51
|
-
$cre8-color-color-bg-brand-subtle: $$cre8-color-base-color-blue-05;
|
|
52
|
-
$cre8-color-color-bg-brand-default: $$cre8-color-base-color-blue-50;
|
|
53
|
-
$cre8-color-color-bg-disabled: $$cre8-color-base-color-gray-30;
|
|
54
|
-
$cre8-color-color-bg-default: $$cre8-color-base-color-gray-80;
|
|
55
|
-
$cre8-color-color-bg-subtle: $$cre8-color-base-color-gray-90;
|
|
56
|
-
$cre8-color-color-bg-strong: $$cre8-color-base-color-gray-70;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// SCSS tokens for femmecubator: spacing
|
|
3
|
-
|
|
4
|
-
$cre8-spacing-4xl: $$cre8-base-spacing-64;
|
|
5
|
-
$cre8-spacing-3xl: $$cre8-base-spacing-56;
|
|
6
|
-
$cre8-spacing-2xl: $$cre8-base-spacing-48;
|
|
7
|
-
$cre8-spacing-xl: $$cre8-base-spacing-32;
|
|
8
|
-
$cre8-spacing-l: $$cre8-base-spacing-24;
|
|
9
|
-
$cre8-spacing-m: $$cre8-base-spacing-20;
|
|
10
|
-
$cre8-spacing-s: $$cre8-base-spacing-16;
|
|
11
|
-
$cre8-spacing-xs: $$cre8-base-spacing-12;
|
|
12
|
-
$cre8-spacing-2xs: $$cre8-base-spacing-8;
|
|
13
|
-
$cre8-spacing-3xs: $$cre8-base-spacing-4;
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// femmecubator: all tokens
|
|
3
|
-
|
|
4
|
-
$cre8-color-base-color-blue-15: #b3d4f7;
|
|
5
|
-
$cre8-color-base-color-blue-25: #81b7f2;
|
|
6
|
-
$cre8-color-base-color-blue-35: #4e9aec;
|
|
7
|
-
$cre8-color-base-color-blue-50: #026fe4;
|
|
8
|
-
$cre8-color-base-color-blue-60: #0259b6;
|
|
9
|
-
$cre8-color-base-color-blue-70: #014ea0;
|
|
10
|
-
$cre8-color-base-color-blue-80: #013872;
|
|
11
|
-
$cre8-color-base-color-blue-90: #012144;
|
|
12
|
-
$cre8-color-base-color-blue-05: #e6f1fc;
|
|
13
|
-
$cre8-color-base-color-green-15: #d4efdf;
|
|
14
|
-
$cre8-color-base-color-green-30: #7dcea0;
|
|
15
|
-
$cre8-color-base-color-green-50: #00875a;
|
|
16
|
-
$cre8-color-base-color-green-70: #1f8b4d;
|
|
17
|
-
$cre8-color-base-color-green-90: #17683a;
|
|
18
|
-
$cre8-color-base-color-red-15: #fbdddd;
|
|
19
|
-
$cre8-color-base-color-red-30: #f5abab;
|
|
20
|
-
$cre8-color-base-color-red-50: #eb5757;
|
|
21
|
-
$cre8-color-base-color-red-70: #bc4646;
|
|
22
|
-
$cre8-color-base-color-red-90: #8d3434;
|
|
23
|
-
$cre8-color-base-color-yellow-20: #fae9b7;
|
|
24
|
-
$cre8-color-base-color-yellow-30: #f7df94;
|
|
25
|
-
$cre8-color-base-color-yellow-50: #f2c94c;
|
|
26
|
-
$cre8-color-base-color-yellow-70: #dab544;
|
|
27
|
-
$cre8-color-base-color-yellow-95: #30280f;
|
|
28
|
-
$cre8-color-base-color-sky-15: #c0e1f4;
|
|
29
|
-
$cre8-color-base-color-sky-30: #81c4e9;
|
|
30
|
-
$cre8-color-base-color-sky-50: #2d9cdb;
|
|
31
|
-
$cre8-color-base-color-sky-70: #247daf;
|
|
32
|
-
$cre8-color-base-color-sky-90: #174e6e;
|
|
33
|
-
$cre8-color-base-color-white: #ffffff;
|
|
34
|
-
$cre8-color-base-color-gray-10: #fafafa;
|
|
35
|
-
$cre8-color-base-color-gray-20: #efefef;
|
|
36
|
-
$cre8-color-base-color-gray-30: #e0e0e0;
|
|
37
|
-
$cre8-color-base-color-gray-40: #cfcfcf;
|
|
38
|
-
$cre8-color-base-color-gray-50: #bdbdbd;
|
|
39
|
-
$cre8-color-base-color-gray-60: #9c9c9c;
|
|
40
|
-
$cre8-color-base-color-gray-70: #828282;
|
|
41
|
-
$cre8-color-base-color-gray-80: #4f4f4f;
|
|
42
|
-
$cre8-color-base-color-gray-90: #333333;
|
|
43
|
-
$cre8-color-base-color-transparent: #ffffff00;
|
|
44
|
-
$cre8-color-base-color-wesparkle-red: #e43c4a;
|
|
45
|
-
$cre8-base-spacing-4: 4px;
|
|
46
|
-
$cre8-base-spacing-8: 8px;
|
|
47
|
-
$cre8-base-spacing-12: 12px;
|
|
48
|
-
$cre8-base-spacing-16: 16px;
|
|
49
|
-
$cre8-base-spacing-20: 20px;
|
|
50
|
-
$cre8-base-spacing-24: 28px;
|
|
51
|
-
$cre8-base-spacing-32: 36px;
|
|
52
|
-
$cre8-base-spacing-48: 48px;
|
|
53
|
-
$cre8-base-spacing-56: 56px;
|
|
54
|
-
$cre8-base-spacing-64: 64px;
|
|
55
|
-
$cre8-base-border-radius-0: 0rem;
|
|
56
|
-
$cre8-base-border-radius-4: 4px;
|
|
57
|
-
$cre8-base-border-radius-16: 16px;
|
|
58
|
-
$cre8-base-border-radius-60: 60px;
|
|
59
|
-
$cre8-base-border-radius-900: 900px;
|
|
60
|
-
$cre8-base-border-width-0: 0px;
|
|
61
|
-
$cre8-base-border-width-1: 1px;
|
|
62
|
-
$cre8-base-border-width-2: 2rem;
|
|
63
|
-
$cre8-base-border-width-4: 4px;
|
|
64
|
-
$cre8-base-border-width-6: 6px;
|
|
65
|
-
$cre8-color-color-bg-strong: $#828282;
|
|
66
|
-
$cre8-color-color-bg-subtle: $#333333;
|
|
67
|
-
$cre8-color-color-bg-default: $#4f4f4f;
|
|
68
|
-
$cre8-color-color-bg-disabled: $#e0e0e0;
|
|
69
|
-
$cre8-color-color-bg-brand-default: $#026fe4;
|
|
70
|
-
$cre8-color-color-bg-brand-subtle: $#e6f1fc;
|
|
71
|
-
$cre8-color-color-bg-brand-hover: $#81b7f2;
|
|
72
|
-
$cre8-color-color-bg-brand-strong: $#012144;
|
|
73
|
-
$cre8-color-color-bg-success-default: $#d4efdf;
|
|
74
|
-
$cre8-color-color-bg-success-strong: $#00875a;
|
|
75
|
-
$cre8-color-color-bg-error-default: $#fbdddd;
|
|
76
|
-
$cre8-color-color-bg-error-strong: $#eb5757;
|
|
77
|
-
$cre8-color-color-bg-warning-default: $#fae9b7;
|
|
78
|
-
$cre8-color-color-bg-warning-strong: $#f2c94c;
|
|
79
|
-
$cre8-color-color-bg-info-default: $#c0e1f4;
|
|
80
|
-
$cre8-color-color-bg-info-strong: $#2d9cdb;
|
|
81
|
-
$cre8-color-color-bg-transparent: $#ffffff00;
|
|
82
|
-
$cre8-color-color-bg-active: $#333333;
|
|
83
|
-
$cre8-color-color-bg-logo: $#e43c4a;
|
|
84
|
-
$cre8-color-color-content-default: $#ffffff;
|
|
85
|
-
$cre8-color-color-content-subtle: $#4f4f4f;
|
|
86
|
-
$cre8-color-color-content-disabled: $#9c9c9c;
|
|
87
|
-
$cre8-color-color-content-knockout: $#ffffff;
|
|
88
|
-
$cre8-color-color-content-brand-default: $#026fe4;
|
|
89
|
-
$cre8-color-color-content-brand-subtle: $#e6f1fc;
|
|
90
|
-
$cre8-color-color-content-brand-strong: $#81b7f2;
|
|
91
|
-
$cre8-color-color-content-success-default: $#17683a;
|
|
92
|
-
$cre8-color-color-content-success-icon: $#00875a;
|
|
93
|
-
$cre8-color-color-content-error-default: $#8d3434;
|
|
94
|
-
$cre8-color-color-content-error-icon: $#eb5757;
|
|
95
|
-
$cre8-color-color-content-warning-default: $#30280f;
|
|
96
|
-
$cre8-color-color-content-warning-icon: $#f2c94c;
|
|
97
|
-
$cre8-color-color-content-info-default: $#174e6e;
|
|
98
|
-
$cre8-color-color-content-info-icon: $#2d9cdb;
|
|
99
|
-
$cre8-color-color-content-link-default: $#026fe4;
|
|
100
|
-
$cre8-color-color-content-link-strong: $#012144;
|
|
101
|
-
$cre8-color-color-content-link-subtle: $#4f4f4f;
|
|
102
|
-
$cre8-color-color-content-link-hover: $#014ea0;
|
|
103
|
-
$cre8-color-color-border-default: $#9c9c9c;
|
|
104
|
-
$cre8-color-color-border-strong: $#4f4f4f;
|
|
105
|
-
$cre8-color-color-border-disabled: $#9c9c9c;
|
|
106
|
-
$cre8-color-color-border-knockout: $#ffffff;
|
|
107
|
-
$cre8-color-color-border-success: $#00875a;
|
|
108
|
-
$cre8-color-color-border-error: $#eb5757;
|
|
109
|
-
$cre8-color-color-border-warning: $#f2c94c;
|
|
110
|
-
$cre8-color-color-border-info: $#2d9cdb;
|
|
111
|
-
$cre8-color-color-border-transparent: $#ffffff00;
|
|
112
|
-
$cre8-color-color-border-active: $#333333;
|
|
113
|
-
$cre8-color-color-border-brand-default: $#026fe4;
|
|
114
|
-
$cre8-color-color-border-brand-hover: $#81b7f2;
|
|
115
|
-
$cre8-color-color-border-brand-strong: $#014ea0;
|
|
116
|
-
$cre8-color-color-border-brand-subtle: $#e6f1fc;
|
|
117
|
-
$cre8-color-color-border-divider: $#4f4f4f;
|
|
118
|
-
$cre8-border-radius-none: $0rem;
|
|
119
|
-
$cre8-border-radius-small: $4px;
|
|
120
|
-
$cre8-border-radius-default: $16px;
|
|
121
|
-
$cre8-border-radius-large: $60px;
|
|
122
|
-
$cre8-border-radius-container: $60px;
|
|
123
|
-
$cre8-border-radius-round: $900px;
|
|
124
|
-
$cre8-border-width-none: $0px;
|
|
125
|
-
$cre8-border-width-thin: $1px;
|
|
126
|
-
$cre8-border-width-default: $2rem;
|
|
127
|
-
$cre8-border-width-medium: $4px;
|
|
128
|
-
$cre8-border-width-thick: $6px;
|
|
129
|
-
$cre8-border-width-focus: $2rem;
|
|
130
|
-
$cre8-spacing-3xs: $4px;
|
|
131
|
-
$cre8-spacing-2xs: $8px;
|
|
132
|
-
$cre8-spacing-xs: $12px;
|
|
133
|
-
$cre8-spacing-s: $16px;
|
|
134
|
-
$cre8-spacing-m: $20px;
|
|
135
|
-
$cre8-spacing-l: $28px;
|
|
136
|
-
$cre8-spacing-xl: $36px;
|
|
137
|
-
$cre8-spacing-2xl: $48px;
|
|
138
|
-
$cre8-spacing-3xl: $56px;
|
|
139
|
-
$cre8-spacing-4xl: $64px;
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// SCSS tokens for legacy: _base
|
|
3
|
-
|
|
4
|
-
$cre8-base-border-width-8: 0.5rem;
|
|
5
|
-
$cre8-base-border-width-4: 0.25rem;
|
|
6
|
-
$cre8-base-border-width-2: 0.125rem;
|
|
7
|
-
$cre8-base-border-width-1: 0.0625rem;
|
|
8
|
-
$cre8-base-border-width-0: 0rem;
|
|
9
|
-
$cre8-base-color-accent-purple: #973894;
|
|
10
|
-
$cre8-base-color-accent-pink: #db5899;
|
|
11
|
-
$cre8-base-color-accent-yellow: #ffcd34;
|
|
12
|
-
$cre8-base-color-accent-green: #99ca3c;
|
|
13
|
-
$cre8-base-color-accent-teal: #15a4a7;
|
|
14
|
-
$cre8-base-spacing-160: 10rem;
|
|
15
|
-
$cre8-base-spacing-120: 7.5rem;
|
|
16
|
-
$cre8-base-spacing-96: 6rem;
|
|
17
|
-
$cre8-base-spacing-80: 5rem;
|
|
18
|
-
$cre8-base-spacing-64: 4rem;
|
|
19
|
-
$cre8-base-spacing-48: 3rem;
|
|
20
|
-
$cre8-base-spacing-40: 2.5rem;
|
|
21
|
-
$cre8-base-spacing-32: 2rem;
|
|
22
|
-
$cre8-base-spacing-24: 1.5rem;
|
|
23
|
-
$cre8-base-spacing-18: 1.125rem;
|
|
24
|
-
$cre8-base-spacing-16: 1rem;
|
|
25
|
-
$cre8-base-spacing-14: 0.875rem;
|
|
26
|
-
$cre8-base-spacing-12: 0.75rem;
|
|
27
|
-
$cre8-base-spacing-8: 0.5rem;
|
|
28
|
-
$cre8-base-spacing-6: 0.375rem;
|
|
29
|
-
$cre8-base-spacing-4: 0.25rem;
|
|
30
|
-
$cre8-base-spacing-2: 0.125rem;
|
|
31
|
-
$cre8-base-spacing-0: 0rem;
|
|
32
|
-
$cre8-base-border-radius-900: 900px;
|
|
33
|
-
$cre8-base-border-radius-24: 24px;
|
|
34
|
-
$cre8-base-border-radius-16: 16px;
|
|
35
|
-
$cre8-base-border-radius-8: 8px;
|
|
36
|
-
$cre8-base-border-radius-4: 4px;
|
|
37
|
-
$cre8-base-border-radius-0: 0px;
|
|
38
|
-
$cre8-base-border-style-dashed: dashed;
|
|
39
|
-
$cre8-base-border-style-solid: solid;
|
|
40
|
-
$cre8-base-paragraph-indent-0: 0px;
|
|
41
|
-
$cre8-base-text-decoration-none: none;
|
|
42
|
-
$cre8-base-text-case-uppercase: uppercase;
|
|
43
|
-
$cre8-base-text-case-none: none;
|
|
44
|
-
$cre8-base-paragraph-spacing-0: 0;
|
|
45
|
-
$cre8-base-color-red-60: #df2d2a;
|
|
46
|
-
$cre8-base-color-red-40: #e4292f;
|
|
47
|
-
$cre8-base-color-red-20: #fdf0f0;
|
|
48
|
-
$cre8-base-color-yellow-60: #bd5700;
|
|
49
|
-
$cre8-base-color-yellow-40: #fdb81e;
|
|
50
|
-
$cre8-base-color-yellow-20: #fffaef;
|
|
51
|
-
$cre8-base-color-light-blue-150: #91cbe9;
|
|
52
|
-
$cre8-base-color-light-blue-100: #addbf0;
|
|
53
|
-
$cre8-base-color-light-blue-80: #bde2f3;
|
|
54
|
-
$cre8-base-color-light-blue-60: #ccebf9;
|
|
55
|
-
$cre8-base-color-light-blue-40: #def1f9;
|
|
56
|
-
$cre8-base-color-light-blue-20: #eff8fc;
|
|
57
|
-
$cre8-base-color-light-blue-10: #edf8fd;
|
|
58
|
-
$cre8-base-color-purple-100: #982393;
|
|
59
|
-
$cre8-base-color-purple-10: #fff6ff;
|
|
60
|
-
$cre8-base-color-orange-90: #f86c06;
|
|
61
|
-
$cre8-base-color-orange-80: #f98938;
|
|
62
|
-
$cre8-base-color-orange-60: #fba76a;
|
|
63
|
-
$cre8-base-color-orange-40: #fcc49b;
|
|
64
|
-
$cre8-base-color-orange-20: #fee2cd;
|
|
65
|
-
$cre8-base-color-dark-blue-150: #073b64;
|
|
66
|
-
$cre8-base-color-dark-blue-100: #14568d;
|
|
67
|
-
$cre8-base-color-dark-blue-80: #4378a4;
|
|
68
|
-
$cre8-base-color-dark-blue-60: #729abb;
|
|
69
|
-
$cre8-base-color-dark-blue-40: #a1bbd1;
|
|
70
|
-
$cre8-base-color-dark-blue-20: #d0dde8;
|
|
71
|
-
$cre8-base-color-green-60: #256700;
|
|
72
|
-
$cre8-base-color-green-40: #3c8700;
|
|
73
|
-
$cre8-base-color-green-10: #f1f6ed;
|
|
74
|
-
$cre8-base-color-neutral-black: #000000;
|
|
75
|
-
$cre8-base-color-neutral-white: #ffffff;
|
|
76
|
-
$cre8-base-color-neutral-90: #1f232a;
|
|
77
|
-
$cre8-base-color-neutral-80: #2f343d;
|
|
78
|
-
$cre8-base-color-neutral-70: #515761;
|
|
79
|
-
$cre8-base-color-neutral-60: #747981;
|
|
80
|
-
$cre8-base-color-neutral-50: #979aa0;
|
|
81
|
-
$cre8-base-color-neutral-40: #b9bcc0;
|
|
82
|
-
$cre8-base-color-neutral-30: #dcdddf;
|
|
83
|
-
$cre8-base-color-neutral-20: #edeeef;
|
|
84
|
-
$cre8-base-color-neutral-10: #f8f8f9;
|
|
85
|
-
$cre8-base-color-blue-190: #005e9c;
|
|
86
|
-
$cre8-base-color-blue-170: #207BBF;
|
|
87
|
-
$cre8-base-color-blue-150: #0088d7;
|
|
88
|
-
$cre8-base-color-blue-100: #009bdf;
|
|
89
|
-
$cre8-base-color-blue-90: #33afe5;
|
|
90
|
-
$cre8-base-color-blue-80: #66c3ec;
|
|
91
|
-
$cre8-base-color-blue-70: #91cbe9;
|
|
92
|
-
$cre8-base-color-blue-60: #99d7f2;
|
|
93
|
-
$cre8-base-color-blue-50: #addbf0;
|
|
94
|
-
$cre8-base-color-blue-40: #bde2f3;
|
|
95
|
-
$cre8-base-color-blue-30: #ccebf9;
|
|
96
|
-
$cre8-base-color-blue-20: #def1f9;
|
|
97
|
-
$cre8-base-color-blue-10: #eff8fc;
|
|
98
|
-
$cre8-base-color-opacity-black-08: rgba($cre8-base-color-neutral-black,0.08);
|
|
99
|
-
$cre8-base-color-opacity-white-40: rgba($cre8-base-color-neutral-white,0.40);
|
|
100
|
-
$cre8-base-color-opacity-black-65: rgba($cre8-base-color-neutral-black,0.65);
|
|
101
|
-
$cre8-base-color-opacity-black-50: rgba($cre8-base-color-neutral-black,0.50);
|
|
102
|
-
$cre8-base-color-opacity-black-25: rgba($cre8-base-color-neutral-black,0.25);
|
|
103
|
-
$cre8-base-color-opacity-transparent: rgba($cre8-base-color-neutral-black,0.0);
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// SCSS tokens for legacy: bg
|
|
3
|
-
|
|
4
|
-
$cre8-color-bg-inverse-active: $cre8-base-color-neutral-white;
|
|
5
|
-
$cre8-color-bg-active: $cre8-base-color-dark-blue-150;
|
|
6
|
-
$cre8-color-bg-brand-xstrong-active: $cre8-base-color-dark-blue-150;
|
|
7
|
-
$cre8-color-bg-brand-xstrong-hover: $cre8-base-color-dark-blue-150;
|
|
8
|
-
$cre8-color-bg-brand-xstrong: $cre8-base-color-dark-blue-100;
|
|
9
|
-
$cre8-color-bg-attention-strong: $cre8-base-color-purple-100;
|
|
10
|
-
$cre8-color-bg-info-strong: $cre8-base-color-dark-blue-150;
|
|
11
|
-
$cre8-color-bg-warning-strong: $cre8-base-color-yellow-40;
|
|
12
|
-
$cre8-color-bg-error-strong: $cre8-base-color-red-60;
|
|
13
|
-
$cre8-color-bg-success-strong: $cre8-base-color-green-40;
|
|
14
|
-
$cre8-color-bg-attention: $cre8-base-color-purple-10;
|
|
15
|
-
$cre8-color-bg-info: $cre8-base-color-light-blue-10;
|
|
16
|
-
$cre8-color-bg-warning: $cre8-base-color-yellow-20;
|
|
17
|
-
$cre8-color-bg-error: $cre8-base-color-red-20;
|
|
18
|
-
$cre8-color-bg-success: $cre8-base-color-green-10;
|
|
19
|
-
$cre8-color-bg-brand-strong-active: $cre8-base-color-dark-blue-150;
|
|
20
|
-
$cre8-color-bg-brand-strong-hover: $cre8-base-color-dark-blue-150;
|
|
21
|
-
$cre8-color-bg-brand-active: $cre8-base-color-blue-70;
|
|
22
|
-
$cre8-color-bg-brand-hover: $cre8-base-color-blue-40;
|
|
23
|
-
$cre8-color-bg-brand-strong: $cre8-base-color-blue-170;
|
|
24
|
-
$cre8-color-bg-brand: $cre8-base-color-blue-10;
|
|
25
|
-
$cre8-color-bg-disabled: $cre8-base-color-neutral-30;
|
|
26
|
-
$cre8-color-bg-strong: $cre8-base-color-neutral-70;
|
|
27
|
-
$cre8-color-bg-inverse-moderate: $cre8-base-color-neutral-40;
|
|
28
|
-
$cre8-color-bg-moderate: $cre8-base-color-neutral-60;
|
|
29
|
-
$cre8-color-bg-subtle: $cre8-base-color-neutral-10;
|
|
30
|
-
$cre8-color-bg-default-active: $cre8-base-color-blue-40;
|
|
31
|
-
$cre8-color-bg-default-hover: $cre8-base-color-blue-20;
|
|
32
|
-
$cre8-color-bg-default: $cre8-base-color-neutral-white;
|
|
33
|
-
$cre8-color-bg-opacity-default: $cre8-base-color-opacity-black-65;
|
|
34
|
-
$cre8-color-bg-opacity-transparent: $cre8-base-color-opacity-transparent;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// SCSS tokens for legacy: border
|
|
3
|
-
|
|
4
|
-
$cre8-color-border-transparent: #50505000;
|
|
5
|
-
$cre8-color-border-active-outline: $cre8-base-color-dark-blue-100;
|
|
6
|
-
$cre8-color-border-attention: $cre8-base-color-purple-100;
|
|
7
|
-
$cre8-color-border-info: $cre8-base-color-dark-blue-100;
|
|
8
|
-
$cre8-color-border-warning: $cre8-base-color-neutral-70;
|
|
9
|
-
$cre8-color-border-error: $cre8-base-color-red-60;
|
|
10
|
-
$cre8-color-border-success: $cre8-base-color-green-60;
|
|
11
|
-
$cre8-color-border-brand-strong: $cre8-base-color-dark-blue-100;
|
|
12
|
-
$cre8-color-border-brand-subtle: $cre8-base-color-blue-60;
|
|
13
|
-
$cre8-color-border-brand: $cre8-base-color-blue-100;
|
|
14
|
-
$cre8-color-border-disabled: $cre8-base-color-neutral-40;
|
|
15
|
-
$cre8-color-border-knockout: $cre8-base-color-neutral-white;
|
|
16
|
-
$cre8-color-border-strong: $cre8-base-color-neutral-70;
|
|
17
|
-
$cre8-color-border-default: $cre8-base-color-neutral-40;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// SCSS tokens for legacy: borderRadius
|
|
3
|
-
|
|
4
|
-
$cre8-border-radius-none: $cre8-base-border-radius-0;
|
|
5
|
-
$cre8-border-radius-brand: $cre8-base-border-radius-4;
|
|
6
|
-
$cre8-border-radius-field-brand: $cre8-base-border-radius-4;
|
|
7
|
-
$cre8-border-radius-field: $cre8-base-border-radius-4;
|
|
8
|
-
$cre8-border-radius-container: $cre8-base-border-radius-0;
|
|
9
|
-
$cre8-border-radius-badge: $cre8-base-border-radius-16;
|
|
10
|
-
$cre8-border-radius-tabs: $cre8-base-border-radius-4;
|
|
11
|
-
$cre8-border-radius-button: $cre8-base-border-radius-4;
|
|
12
|
-
$cre8-border-radius-round: $cre8-base-border-radius-900;
|
|
13
|
-
$cre8-border-radius-large: $cre8-base-border-radius-24;
|
|
14
|
-
$cre8-border-radius-default: $cre8-base-border-radius-4;
|
|
15
|
-
$cre8-border-radius-small: $cre8-base-border-radius-4;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// SCSS tokens for legacy: borderWidth
|
|
3
|
-
|
|
4
|
-
$cre8-border-width-large: $cre8-base-border-width-4;
|
|
5
|
-
$cre8-border-width-focus: $cre8-base-border-width-2;
|
|
6
|
-
$cre8-border-width-default: $cre8-base-border-width-1;
|
|
7
|
-
$cre8-border-width-none: $cre8-base-border-width-0;
|
|
8
|
-
$cre8-border-width-tab-default: $cre8-base-border-width-2;
|
|
9
|
-
$cre8-border-width-tab-selected: $cre8-base-border-width-2;
|
|
10
|
-
$cre8-border-width-button-default: $cre8-base-border-width-1;
|
|
11
|
-
$cre8-border-width-button-tertiary-outline-focus: $cre8-base-border-width-1;
|