@warp-ds/css 2.1.0-next.2 → 2.1.0-next.3

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.
Files changed (3) hide show
  1. package/README.md +25 -31
  2. package/dist/tokens/dataviz.css +1 -1
  3. package/package.json +1 -1
package/README.md CHANGED
@@ -9,11 +9,12 @@ The package includes resets, component classes and tokens.
9
9
  The CSS files should be used directly from Eik. This is because we can alias releases by major versions.
10
10
 
11
11
 
12
- We publish 3 css files.
12
+ We publish 4 css files.
13
13
 
14
- - Resets: `https://assets.finn.no/pkg/@warp-ds/css/v1/resets.css`
15
- - Components css: `https://assets.finn.no/pkg/@warp-ds/css/v1/components.css`
16
- - Brand css with tokens: `https://assets.finn.no/pkg/@warp-ds/css/v1/tokens/[BRANDNAME e.g. tori-fi].css`
14
+ - Resets: `https://assets.finn.no/pkg/@warp-ds/css/v2/resets.css`
15
+ - Components css: `https://assets.finn.no/pkg/@warp-ds/css/v2/components.css`
16
+ - Brand css with tokens: `https://assets.finn.no/pkg/@warp-ds/css/v2/tokens/[BRANDNAME e.g. tori-fi].css`
17
+ - Data Vizualization tokens: `https://assets.finn.no/pkg/@warp-ds/css/v2/tokens/dataviz.css`
17
18
 
18
19
  ## Usage (npm)
19
20
 
@@ -25,26 +26,29 @@ pnpm add @warp-ds/css
25
26
 
26
27
  ### Component classes
27
28
 
28
- The package includes component classes, such as:
29
+ The package includes component classes for components like:
30
+ - alert
29
31
  - attention
30
- - pageIndicator
31
- - ribbon
32
- - slider
33
- - modal
32
+ - badge
34
33
  - box
34
+ - breadcrumbs
35
+ - button
36
+ - card
37
+ - combobox
38
+ - expandable
39
+ - modal
40
+ - page indicator
41
+ - pagination
35
42
  - pill
43
+ - select
44
+ - slider
45
+ - switch
36
46
  - step
37
- - card
38
- - switchToggle
39
- - toaster
40
- - toast
41
47
  - tabs
42
- - tab
43
- - expandable
44
- - suffix
45
- - prefix
48
+ - toast
49
+ - toggle
46
50
 
47
- And shortcuts, such as:
51
+ And shortcuts for covering use-cases from predecessors of Warp DS, such as:
48
52
  - button
49
53
  - button--secondary
50
54
  - button--default
@@ -62,21 +66,11 @@ And shortcuts, such as:
62
66
 
63
67
  ### Tokens
64
68
 
65
- Creates brand-css files from tokens.
66
-
67
- Uses the [Tokenizer](https://github.com/warp-ds/tokenizer) to build css vars. The output
68
- is css files, one for each support brand. These CSS files are what's actually holding the theme.
69
-
70
-
71
- #### Usage of tokens
69
+ Run `pnpm build` to generate brand CSS and dataviz CSS files containing CSS variables which refer to tokens used in Warp.
72
70
 
73
- If you have new components to add tokens to (if you only want to update existing tokens proceed to step 2):
71
+ The majority of Warp tokens generated upon build are imported from Figma and initially processed using a library called Style Dictionary in the [@warp-ds/tokens repository](https://github.com/warp-ds/tokens/). The [output files](https://github.com/warp-ds/tokens/releases/tag/latest) are then made available for download by iOS, Android and web.
74
72
 
75
- 1. Under applicable brand create a new yml file and preferably name it the same as the new component(e.g. button.yml if it is a button component)
76
- 2. Update tokens needed.
77
- 3. Push your changes.
78
- 4. The CSS files for each brand will be built and published to Eik. Please find your release [here](https://github.com/warp-ds/css/actions/workflows/release.yml) and search for the css urls which were published under `Eik login and publish` step.
79
- ! Be aware that it takes some time before we update the aliased version on Eik so if you need to test your changes immediately use the full version and not an alias.
73
+ In the event when tokens are removed from Figma or for some reason are different for each brand, we can add them manually to the [tokens](/tokens) directory in the current repository (in a .yml format). We then use a tool called [Tokenizer](https://github.com/warp-ds/tokenizer) to build CSS variables from those files. The output is added to the final CSS files.
80
74
 
81
75
 
82
76
  ## How to contribute
package/dist/tokens/dataviz.css CHANGED
@@ -1 +1 @@
1
- :root,:host{--w-dv-gray-900:#434445;--w-dv-gray-800:#535659;--w-dv-gray-700:#65686d;--w-dv-gray-650:#73767c;--w-dv-gray-600:#81858c;--w-dv-gray-500:#919499;--w-dv-gray-400:#a1a1a1;--w-dv-gray-300:#b4b4b4;--w-dv-gray-200:#c3c6c9;--w-dv-gray-100:#d6d9db;--w-dv-gray-50:#e9eaea;--w-dv-pink-900:#6e1f5f;--w-dv-pink-800:#92217a;--w-dv-pink-700:#b82096;--w-dv-pink-650:#ce30a7;--w-dv-pink-600:#db42b2;--w-dv-pink-500:#eb5ec7;--w-dv-pink-400:#f071d1;--w-dv-pink-300:#f98edc;--w-dv-pink-200:#faace4;--w-dv-pink-100:#fdcbee;--w-dv-pink-50:#f9e4f3;--w-dv-teal-900:#224950;--w-dv-teal-800:#1e5d69;--w-dv-teal-700:#23707c;--w-dv-teal-650:#19818f;--w-dv-teal-600:#2c8f9c;--w-dv-teal-500:#00a3b4;--w-dv-teal-400:#00b1c1;--w-dv-teal-300:#1dc4d5;--w-dv-teal-200:#3ad7e0;--w-dv-teal-100:#6feaf1;--w-dv-teal-50:#b5f5fd;--w-dv-green-900:#1d4938;--w-dv-green-800:#1a6047;--w-dv-green-700:#0b7554;--w-dv-green-650:#00865f;--w-dv-green-600:#00966a;--w-dv-green-500:#00a881;--w-dv-green-400:#18b592;--w-dv-green-300:#3ac8a5;--w-dv-green-200:#68d7bb;--w-dv-green-100:#92e9d4;--w-dv-green-50:#bef6e7;--w-dv-yellow-900:#5a3a20;--w-dv-yellow-800:#774a13;--w-dv-yellow-700:#905c09;--w-dv-yellow-650:#a26a00;--w-dv-yellow-600:#b97500;--w-dv-yellow-500:#c88800;--w-dv-yellow-400:#d69500;--w-dv-yellow-300:#eba51b;--w-dv-yellow-200:#fab842;--w-dv-yellow-100:#fdd28c;--w-dv-yellow-50:#ffe7c6;--w-dv-orange-900:#6b2d16;--w-dv-orange-800:#9a2c11;--w-dv-orange-700:#c42c00;--w-dv-orange-650:#d63e1a;--w-dv-orange-600:#e84c23;--w-dv-orange-500:#ea6d52;--w-dv-orange-400:#f38167;--w-dv-orange-300:#fa9a84;--w-dv-orange-200:#f9b4a3;--w-dv-orange-100:#fdcec2;--w-dv-orange-50:#ffe4de;--w-dv-red-900:#7a1429;--w-dv-red-800:#9e1a33;--w-dv-red-700:#c81f3e;--w-dv-red-650:#e22344;--w-dv-red-600:#f2334e;--w-dv-red-500:#f46176;--w-dv-red-400:#f27c90;--w-dv-red-300:#f997a5;--w-dv-red-200:#ffb0ba;--w-dv-red-100:#ffcdd6;--w-dv-red-50:#ffe3e9;--w-dv-indigo-900:#43289c;--w-dv-indigo-800:#5834c6;--w-dv-indigo-700:#6e43ef;--w-dv-indigo-650:#795af4;--w-dv-indigo-600:#856ff5;--w-dv-indigo-500:#9687ec;--w-dv-indigo-400:#a396f0;--w-dv-indigo-300:#b4a9fb;--w-dv-indigo-200:#c6bffc;--w-dv-indigo-100:#d9d5ff;--w-dv-indigo-50:#e9e8fb;--w-dv-blue-900:#104568;--w-dv-blue-800:#165887;--w-dv-blue-700:#0e6cac;--w-dv-blue-650:#007ac8;--w-dv-blue-600:#1087de;--w-dv-blue-500:#2b97ef;--w-dv-blue-400:#47a6f8;--w-dv-blue-300:#6eb9fe;--w-dv-blue-200:#93caff;--w-dv-blue-100:#b4defd;--w-dv-blue-50:#d6edff;--w-dv-s-color-icon-neutral-focus:var(--w-dv-gray-700);--w-dv-s-color-icon-neutral:var(--w-dv-gray-650);--w-dv-s-color-icon-negative-focus:var(--w-dv-red-700);--w-dv-s-color-icon-negative:var(--w-dv-red-650);--w-dv-s-color-icon-warning-focus:var(--w-dv-yellow-700);--w-dv-s-color-icon-warning:var(--w-dv-yellow-650);--w-dv-s-color-icon-positive-focus:var(--w-dv-green-700);--w-dv-s-color-icon-positive:var(--w-dv-green-650);--w-dv-s-color-icon-categorical8-focus:var(--w-dv-gray-700);--w-dv-s-color-icon-categorical8:var(--w-dv-gray-650);--w-dv-s-color-icon-categorical7-focus:var(--w-dv-blue-700);--w-dv-s-color-icon-categorical7:var(--w-dv-blue-650);--w-dv-s-color-icon-categorical6-focus:var(--w-dv-teal-700);--w-dv-s-color-icon-categorical6:var(--w-dv-teal-650);--w-dv-s-color-icon-categorical5-focus:var(--w-dv-orange-700);--w-dv-s-color-icon-categorical5:var(--w-dv-orange-650);--w-dv-s-color-icon-categorical4-focus:var(--w-dv-green-700);--w-dv-s-color-icon-categorical4:var(--w-dv-green-650);--w-dv-s-color-icon-categorical3-focus:var(--w-dv-pink-700);--w-dv-s-color-icon-categorical3:var(--w-dv-pink-650);--w-dv-s-color-icon-categorical2-focus:var(--w-dv-yellow-700);--w-dv-s-color-icon-categorical2:var(--w-dv-yellow-650);--w-dv-s-color-icon-categorical1-focus:var(--w-dv-indigo-700);--w-dv-s-color-icon-categorical1:var(--w-dv-indigo-650);--w-dv-s-color-icon-secondary-focus:var(--w-dv-gray-700);--w-dv-s-color-icon-secondary:var(--w-dv-gray-650);--w-dv-s-color-icon-primary-focus:var(--w-dv-blue-700);--w-dv-s-color-icon-primary:var(--w-dv-blue-650);--w-dv-s-color-text-neutral-focus:var(--w-dv-gray-800);--w-dv-s-color-text-neutral:var(--w-dv-gray-650);--w-dv-s-color-text-negative-focus:var(--w-dv-red-800);--w-dv-s-color-text-negative:var(--w-dv-red-650);--w-dv-s-color-text-warning-focus:var(--w-dv-yellow-800);--w-dv-s-color-text-warning:var(--w-dv-yellow-650);--w-dv-s-color-text-positive-focus:var(--w-dv-green-800);--w-dv-s-color-text-positive:var(--w-dv-green-650);--w-dv-s-color-text-categorical8-focus:var(--w-dv-gray-800);--w-dv-s-color-text-categorical8:var(--w-dv-gray-650);--w-dv-s-color-text-categorical7-focus:var(--w-dv-blue-800);--w-dv-s-color-text-categorical7:var(--w-dv-blue-650);--w-dv-s-color-text-categorical6-focus:var(--w-dv-teal-800);--w-dv-s-color-text-categorical6:var(--w-dv-teal-650);--w-dv-s-color-text-categorical5-focus:var(--w-dv-orange-800);--w-dv-s-color-text-categorical5:var(--w-dv-orange-650);--w-dv-s-color-text-categorical4-focus:var(--w-dv-green-800);--w-dv-s-color-text-categorical4:var(--w-dv-green-650);--w-dv-s-color-text-categorical3-focus:var(--w-dv-pink-800);--w-dv-s-color-text-categorical3:var(--w-dv-pink-650);--w-dv-s-color-text-categorical2-focus:var(--w-dv-yellow-800);--w-dv-s-color-text-categorical2:var(--w-dv-yellow-650);--w-dv-s-color-text-categorical1-focus:var(--w-dv-indigo-800);--w-dv-s-color-text-categorical1:var(--w-dv-indigo-650);--w-dv-s-color-text-secondary-focus:var(--w-dv-gray-800);--w-dv-s-color-text-secondary:var(--w-dv-gray-650);--w-dv-s-color-text-primary-focus:var(--w-dv-blue-800);--w-dv-s-color-text-primary:var(--w-dv-blue-650);--w-dv-s-color-border-neutral-focus:var(--w-dv-gray-650);--w-dv-s-color-border-neutral:var(--w-dv-gray-600);--w-dv-s-color-border-negative-focus:var(--w-dv-red-650);--w-dv-s-color-border-negative:var(--w-dv-red-600);--w-dv-s-color-border-warning-focus:var(--w-dv-yellow-600);--w-dv-s-color-border-warning:var(--w-dv-yellow-500);--w-dv-s-color-border-positive-focus:var(--w-dv-green-600);--w-dv-s-color-border-positive:var(--w-dv-green-500);--w-dv-s-color-border-category8-focus:var(--w-dv-gray-600);--w-dv-s-color-border-category8:var(--w-dv-gray-500);--w-dv-s-color-border-category7-focus:var(--w-dv-blue-600);--w-dv-s-color-border-category7:var(--w-dv-blue-500);--w-dv-s-color-border-category6-focus:var(--w-dv-teal-700);--w-dv-s-color-border-category6:var(--w-dv-teal-650);--w-dv-s-color-border-category5-focus:var(--w-dv-orange-650);--w-dv-s-color-border-category5:var(--w-dv-orange-600);--w-dv-s-color-border-category4-focus:var(--w-dv-green-600);--w-dv-s-color-border-category4:var(--w-dv-green-500);--w-dv-s-color-border-category3-focus:var(--w-dv-pink-600);--w-dv-s-color-border-category3:var(--w-dv-pink-500);--w-dv-s-color-border-category2-focus:var(--w-dv-yellow-600);--w-dv-s-color-border-category2:var(--w-dv-yellow-500);--w-dv-s-color-border-category1-focus:var(--w-dv-indigo-700);--w-dv-s-color-border-category1:var(--w-dv-indigo-650);--w-dv-s-color-border-secondary-focus:var(--w-dv-gray-600);--w-dv-s-color-border-secondary:var(--w-dv-gray-500);--w-dv-s-color-border-primary-focus:var(--w-dv-blue-650);--w-dv-s-color-border-primary:var(--w-dv-blue-600);--w-dv-s-color-line-neutral-focus:var(--w-dv-gray-700);--w-dv-s-color-line-neutral:var(--w-dv-gray-600);--w-dv-s-color-line-negative-focus:var(--w-dv-red-700);--w-dv-s-color-line-negative:var(--w-dv-red-600);--w-dv-s-color-line-warning-focus:var(--w-dv-yellow-650);--w-dv-s-color-line-warning:var(--w-dv-yellow-500);--w-dv-s-color-line-positive-focus:var(--w-dv-green-650);--w-dv-s-color-line-positive:var(--w-dv-green-500);--w-dv-s-color-line-category8-focus:var(--w-dv-gray-700);--w-dv-s-color-line-category8:var(--w-dv-gray-900);--w-dv-s-color-line-category7-focus:var(--w-dv-blue-650);--w-dv-s-color-line-category7:var(--w-dv-blue-500);--w-dv-s-color-line-category6-focus:var(--w-dv-teal-900);--w-dv-s-color-line-category6:var(--w-dv-teal-700);--w-dv-s-color-line-category5-focus:var(--w-dv-orange-800);--w-dv-s-color-line-category5:var(--w-dv-orange-650);--w-dv-s-color-line-category4-focus:var(--w-dv-green-650);--w-dv-s-color-line-category4:var(--w-dv-green-500);--w-dv-s-color-line-category3-focus:var(--w-dv-pink-650);--w-dv-s-color-line-category3:var(--w-dv-pink-500);--w-dv-s-color-line-category2-focus:var(--w-dv-yellow-650);--w-dv-s-color-line-category2:var(--w-dv-yellow-500);--w-dv-s-color-line-category1-focus:var(--w-dv-indigo-800);--w-dv-s-color-line-category1:var(--w-dv-indigo-650);--w-dv-s-color-line-secondary-focus:var(--w-dv-gray-650);--w-dv-s-color-line-secondary:var(--w-dv-gray-500);--w-dv-s-color-line-primary-focus:var(--w-dv-blue-700);--w-dv-s-color-line-primary:var(--w-dv-blue-600);--w-dv-s-color-fill-neutral-subtle-focus:var(--w-dv-gray-300);--w-dv-s-color-fill-neutral-subtle:var(--w-dv-gray-200);--w-dv-s-color-fill-negative-subtle-focus:var(--w-dv-red-300);--w-dv-s-color-fill-negative-subtle:var(--w-dv-red-200);--w-dv-s-color-fill-warning-subtle-focus:var(--w-dv-yellow-200);--w-dv-s-color-fill-warning-subtle:var(--w-dv-yellow-100);--w-dv-s-color-fill-positive-subtle-focus:var(--w-dv-green-200);--w-dv-s-color-fill-positive-subtle:var(--w-dv-green-100);--w-dv-s-color-fill-category8-subtle-focus:var(--w-dv-gray-300);--w-dv-s-color-fill-category8-subtle:var(--w-dv-gray-200);--w-dv-s-color-fill-category7-subtle-focus:var(--w-dv-blue-200);--w-dv-s-color-fill-category7-subtle:var(--w-dv-blue-100);--w-dv-s-color-fill-category6-subtle-focus:var(--w-dv-teal-300);--w-dv-s-color-fill-category6-subtle:var(--w-dv-teal-200);--w-dv-s-color-fill-category5-subtle-focus:var(--w-dv-orange-300);--w-dv-s-color-fill-category5-subtle:var(--w-dv-orange-200);--w-dv-s-color-fill-category4-subtle-focus:var(--w-dv-green-200);--w-dv-s-color-fill-category4-subtle:var(--w-dv-green-100);--w-dv-s-color-fill-category3-subtle-focus:var(--w-dv-pink-200);--w-dv-s-color-fill-category3-subtle:var(--w-dv-pink-100);--w-dv-s-color-fill-category2-subtle-focus:var(--w-dv-yellow-200);--w-dv-s-color-fill-category2-subtle:var(--w-dv-yellow-100);--w-dv-s-color-fill-category1-subtle-focus:var(--w-dv-indigo-300);--w-dv-s-color-fill-category1-subtle:var(--w-dv-indigo-200);--w-dv-s-color-fill-secondary-subtle-focus:var(--w-dv-gray-200);--w-dv-s-color-fill-secondary-subtle:var(--w-dv-gray-100);--w-dv-s-color-fill-primary-subtle-focus:var(--w-dv-blue-200);--w-dv-s-color-fill-primary-subtle:var(--w-dv-blue-100);--w-dv-s-color-fill-neutral-focus:var(--w-dv-gray-650);--w-dv-s-color-fill-neutral:var(--w-dv-gray-600);--w-dv-s-color-fill-negative-focus:var(--w-dv-red-650);--w-dv-s-color-fill-negative:var(--w-dv-red-600);--w-dv-s-color-fill-warning-focus:var(--w-dv-yellow-600);--w-dv-s-color-fill-warning:var(--w-dv-yellow-500);--w-dv-s-color-fill-positive-focus:var(--w-dv-green-600);--w-dv-s-color-fill-positive:var(--w-dv-green-500);--w-dv-s-color-fill-category8-focus:var(--w-dv-gray-600);--w-dv-s-color-fill-category8:var(--w-dv-gray-500);--w-dv-s-color-fill-category7-focus:var(--w-dv-blue-600);--w-dv-s-color-fill-category7:var(--w-dv-blue-500);--w-dv-s-color-fill-category6-focus:var(--w-dv-teal-700);--w-dv-s-color-fill-category6:var(--w-dv-teal-650);--w-dv-s-color-fill-category5-focus:var(--w-dv-orange-650);--w-dv-s-color-fill-category5:var(--w-dv-orange-600);--w-dv-s-color-fill-category4-focus:var(--w-dv-green-600);--w-dv-s-color-fill-category4:var(--w-dv-green-500);--w-dv-s-color-fill-category3-focus:var(--w-dv-pink-600);--w-dv-s-color-fill-category3:var(--w-dv-pink-500);--w-dv-s-color-fill-category2-focus:var(--w-dv-yellow-600);--w-dv-s-color-fill-category2:var(--w-dv-yellow-500);--w-dv-s-color-fill-category1-focus:var(--w-dv-indigo-700);--w-dv-s-color-fill-category1:var(--w-dv-indigo-650);--w-dv-s-color-fill-secondary-focus:var(--w-dv-gray-600);--w-dv-s-color-fill-secondary:var(--w-dv-gray-500);--w-dv-s-color-fill-primary-focus:var(--w-dv-blue-650);--w-dv-s-color-fill-primary:var(--w-dv-blue-600);--w-dv-rgb-gray-900:67,68,69;--w-dv-rgb-gray-800:83,86,89;--w-dv-rgb-gray-700:101,104,109;--w-dv-rgb-gray-650:115,118,124;--w-dv-rgb-gray-600:129,133,140;--w-dv-rgb-gray-500:145,148,153;--w-dv-rgb-gray-400:161,161,161;--w-dv-rgb-gray-300:180,180,180;--w-dv-rgb-gray-200:195,198,201;--w-dv-rgb-gray-100:214,217,219;--w-dv-rgb-gray-50:233,234,234;--w-dv-rgb-pink-900:110,31,95;--w-dv-rgb-pink-800:146,33,122;--w-dv-rgb-pink-700:184,32,150;--w-dv-rgb-pink-650:206,48,167;--w-dv-rgb-pink-600:219,66,178;--w-dv-rgb-pink-500:235,94,199;--w-dv-rgb-pink-400:240,113,209;--w-dv-rgb-pink-300:249,142,220;--w-dv-rgb-pink-200:250,172,228;--w-dv-rgb-pink-100:253,203,238;--w-dv-rgb-pink-50:249,228,243;--w-dv-rgb-teal-900:34,73,80;--w-dv-rgb-teal-800:30,93,105;--w-dv-rgb-teal-700:35,112,124;--w-dv-rgb-teal-650:25,129,143;--w-dv-rgb-teal-600:44,143,156;--w-dv-rgb-teal-500:0,163,180;--w-dv-rgb-teal-400:0,177,193;--w-dv-rgb-teal-300:29,196,213;--w-dv-rgb-teal-200:58,215,224;--w-dv-rgb-teal-100:111,234,241;--w-dv-rgb-teal-50:181,245,253;--w-dv-rgb-green-900:29,73,56;--w-dv-rgb-green-800:26,96,71;--w-dv-rgb-green-700:11,117,84;--w-dv-rgb-green-650:0,134,95;--w-dv-rgb-green-600:0,150,106;--w-dv-rgb-green-500:0,168,129;--w-dv-rgb-green-400:24,181,146;--w-dv-rgb-green-300:58,200,165;--w-dv-rgb-green-200:104,215,187;--w-dv-rgb-green-100:146,233,212;--w-dv-rgb-green-50:190,246,231;--w-dv-rgb-yellow-900:90,58,32;--w-dv-rgb-yellow-800:119,74,19;--w-dv-rgb-yellow-700:144,92,9;--w-dv-rgb-yellow-650:162,106,0;--w-dv-rgb-yellow-600:185,117,0;--w-dv-rgb-yellow-500:200,136,0;--w-dv-rgb-yellow-400:214,149,0;--w-dv-rgb-yellow-300:235,165,27;--w-dv-rgb-yellow-200:250,184,66;--w-dv-rgb-yellow-100:253,210,140;--w-dv-rgb-yellow-50:255,231,198;--w-dv-rgb-orange-900:107,45,22;--w-dv-rgb-orange-800:154,44,17;--w-dv-rgb-orange-700:196,44,0;--w-dv-rgb-orange-650:214,62,26;--w-dv-rgb-orange-600:232,76,35;--w-dv-rgb-orange-500:234,109,82;--w-dv-rgb-orange-400:243,129,103;--w-dv-rgb-orange-300:250,154,132;--w-dv-rgb-orange-200:249,180,163;--w-dv-rgb-orange-100:253,206,194;--w-dv-rgb-orange-50:255,228,222;--w-dv-rgb-red-900:122,20,41;--w-dv-rgb-red-800:158,26,51;--w-dv-rgb-red-700:200,31,62;--w-dv-rgb-red-650:226,35,68;--w-dv-rgb-red-600:242,51,78;--w-dv-rgb-red-500:244,97,118;--w-dv-rgb-red-400:242,124,144;--w-dv-rgb-red-300:249,151,165;--w-dv-rgb-red-200:255,176,186;--w-dv-rgb-red-100:255,205,214;--w-dv-rgb-red-50:255,227,233;--w-dv-rgb-indigo-900:67,40,156;--w-dv-rgb-indigo-800:88,52,198;--w-dv-rgb-indigo-700:110,67,239;--w-dv-rgb-indigo-650:121,90,244;--w-dv-rgb-indigo-600:133,111,245;--w-dv-rgb-indigo-500:150,135,236;--w-dv-rgb-indigo-400:163,150,240;--w-dv-rgb-indigo-300:180,169,251;--w-dv-rgb-indigo-200:198,191,252;--w-dv-rgb-indigo-100:217,213,255;--w-dv-rgb-indigo-50:233,232,251;--w-dv-rgb-blue-900:16,69,104;--w-dv-rgb-blue-800:22,88,135;--w-dv-rgb-blue-700:14,108,172;--w-dv-rgb-blue-650:0,122,200;--w-dv-rgb-blue-600:16,135,222;--w-dv-rgb-blue-500:43,151,239;--w-dv-rgb-blue-400:71,166,248;--w-dv-rgb-blue-300:110,185,254;--w-dv-rgb-blue-200:147,202,255;--w-dv-rgb-blue-100:180,222,253;--w-dv-rgb-blue-50:214,237,255;--w-dv-s-rgb-icon-neutral-focus:var(--w-dv-rgb-gray-700);--w-dv-s-rgb-icon-neutral:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-icon-negative-focus:var(--w-dv-rgb-red-700);--w-dv-s-rgb-icon-negative:var(--w-dv-rgb-red-650);--w-dv-s-rgb-icon-warning-focus:var(--w-dv-rgb-yellow-700);--w-dv-s-rgb-icon-warning:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-icon-positive-focus:var(--w-dv-rgb-green-700);--w-dv-s-rgb-icon-positive:var(--w-dv-rgb-green-650);--w-dv-s-rgb-icon-categorical8-focus:var(--w-dv-rgb-gray-700);--w-dv-s-rgb-icon-categorical8:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-icon-categorical7-focus:var(--w-dv-rgb-blue-700);--w-dv-s-rgb-icon-categorical7:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-icon-categorical6-focus:var(--w-dv-rgb-teal-700);--w-dv-s-rgb-icon-categorical6:var(--w-dv-rgb-teal-650);--w-dv-s-rgb-icon-categorical5-focus:var(--w-dv-rgb-orange-700);--w-dv-s-rgb-icon-categorical5:var(--w-dv-rgb-orange-650);--w-dv-s-rgb-icon-categorical4-focus:var(--w-dv-rgb-green-700);--w-dv-s-rgb-icon-categorical4:var(--w-dv-rgb-green-650);--w-dv-s-rgb-icon-categorical3-focus:var(--w-dv-rgb-pink-700);--w-dv-s-rgb-icon-categorical3:var(--w-dv-rgb-pink-650);--w-dv-s-rgb-icon-categorical2-focus:var(--w-dv-rgb-yellow-700);--w-dv-s-rgb-icon-categorical2:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-icon-categorical1-focus:var(--w-dv-rgb-indigo-700);--w-dv-s-rgb-icon-categorical1:var(--w-dv-rgb-indigo-650);--w-dv-s-rgb-icon-secondary-focus:var(--w-dv-rgb-gray-700);--w-dv-s-rgb-icon-secondary:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-icon-primary-focus:var(--w-dv-rgb-blue-700);--w-dv-s-rgb-icon-primary:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-text-neutral-focus:var(--w-dv-rgb-gray-800);--w-dv-s-rgb-text-neutral:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-text-negative-focus:var(--w-dv-rgb-red-800);--w-dv-s-rgb-text-negative:var(--w-dv-rgb-red-650);--w-dv-s-rgb-text-warning-focus:var(--w-dv-rgb-yellow-800);--w-dv-s-rgb-text-warning:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-text-positive-focus:var(--w-dv-rgb-green-800);--w-dv-s-rgb-text-positive:var(--w-dv-rgb-green-650);--w-dv-s-rgb-text-categorical8-focus:var(--w-dv-rgb-gray-800);--w-dv-s-rgb-text-categorical8:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-text-categorical7-focus:var(--w-dv-rgb-blue-800);--w-dv-s-rgb-text-categorical7:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-text-categorical6-focus:var(--w-dv-rgb-teal-800);--w-dv-s-rgb-text-categorical6:var(--w-dv-rgb-teal-650);--w-dv-s-rgb-text-categorical5-focus:var(--w-dv-rgb-orange-800);--w-dv-s-rgb-text-categorical5:var(--w-dv-rgb-orange-650);--w-dv-s-rgb-text-categorical4-focus:var(--w-dv-rgb-green-800);--w-dv-s-rgb-text-categorical4:var(--w-dv-rgb-green-650);--w-dv-s-rgb-text-categorical3-focus:var(--w-dv-rgb-pink-800);--w-dv-s-rgb-text-categorical3:var(--w-dv-rgb-pink-650);--w-dv-s-rgb-text-categorical2-focus:var(--w-dv-rgb-yellow-800);--w-dv-s-rgb-text-categorical2:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-text-categorical1-focus:var(--w-dv-rgb-indigo-800);--w-dv-s-rgb-text-categorical1:var(--w-dv-rgb-indigo-650);--w-dv-s-rgb-text-secondary-focus:var(--w-dv-rgb-gray-800);--w-dv-s-rgb-text-secondary:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-text-primary-focus:var(--w-dv-rgb-blue-800);--w-dv-s-rgb-text-primary:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-border-neutral-focus:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-border-neutral:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-border-negative-focus:var(--w-dv-rgb-red-650);--w-dv-s-rgb-border-negative:var(--w-dv-rgb-red-600);--w-dv-s-rgb-border-warning-focus:var(--w-dv-rgb-yellow-600);--w-dv-s-rgb-border-warning:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-border-positive-focus:var(--w-dv-rgb-green-600);--w-dv-s-rgb-border-positive:var(--w-dv-rgb-green-500);--w-dv-s-rgb-border-category8-focus:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-border-category8:var(--w-dv-rgb-gray-500);--w-dv-s-rgb-border-category7-focus:var(--w-dv-rgb-blue-600);--w-dv-s-rgb-border-category7:var(--w-dv-rgb-blue-500);--w-dv-s-rgb-border-category6-focus:var(--w-dv-rgb-teal-700);--w-dv-s-rgb-border-category6:var(--w-dv-rgb-teal-650);--w-dv-s-rgb-border-category5-focus:var(--w-dv-rgb-orange-650);--w-dv-s-rgb-border-category5:var(--w-dv-rgb-orange-600);--w-dv-s-rgb-border-category4-focus:var(--w-dv-rgb-green-600);--w-dv-s-rgb-border-category4:var(--w-dv-rgb-green-500);--w-dv-s-rgb-border-category3-focus:var(--w-dv-rgb-pink-600);--w-dv-s-rgb-border-category3:var(--w-dv-rgb-pink-500);--w-dv-s-rgb-border-category2-focus:var(--w-dv-rgb-yellow-600);--w-dv-s-rgb-border-category2:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-border-category1-focus:var(--w-dv-rgb-indigo-700);--w-dv-s-rgb-border-category1:var(--w-dv-rgb-indigo-650);--w-dv-s-rgb-border-secondary-focus:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-border-secondary:var(--w-dv-rgb-gray-500);--w-dv-s-rgb-border-primary-focus:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-border-primary:var(--w-dv-rgb-blue-600);--w-dv-s-rgb-line-neutral-focus:var(--w-dv-rgb-gray-700);--w-dv-s-rgb-line-neutral:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-line-negative-focus:var(--w-dv-rgb-red-700);--w-dv-s-rgb-line-negative:var(--w-dv-rgb-red-600);--w-dv-s-rgb-line-warning-focus:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-line-warning:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-line-positive-focus:var(--w-dv-rgb-green-650);--w-dv-s-rgb-line-positive:var(--w-dv-rgb-green-500);--w-dv-s-rgb-line-category8-focus:var(--w-dv-rgb-gray-700);--w-dv-s-rgb-line-category8:var(--w-dv-rgb-gray-900);--w-dv-s-rgb-line-category7-focus:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-line-category7:var(--w-dv-rgb-blue-500);--w-dv-s-rgb-line-category6-focus:var(--w-dv-rgb-teal-900);--w-dv-s-rgb-line-category6:var(--w-dv-rgb-teal-700);--w-dv-s-rgb-line-category5-focus:var(--w-dv-rgb-orange-800);--w-dv-s-rgb-line-category5:var(--w-dv-rgb-orange-650);--w-dv-s-rgb-line-category4-focus:var(--w-dv-rgb-green-650);--w-dv-s-rgb-line-category4:var(--w-dv-rgb-green-500);--w-dv-s-rgb-line-category3-focus:var(--w-dv-rgb-pink-650);--w-dv-s-rgb-line-category3:var(--w-dv-rgb-pink-500);--w-dv-s-rgb-line-category2-focus:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-line-category2:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-line-category1-focus:var(--w-dv-rgb-indigo-800);--w-dv-s-rgb-line-category1:var(--w-dv-rgb-indigo-650);--w-dv-s-rgb-line-secondary-focus:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-line-secondary:var(--w-dv-rgb-gray-500);--w-dv-s-rgb-line-primary-focus:var(--w-dv-rgb-blue-700);--w-dv-s-rgb-line-primary:var(--w-dv-rgb-blue-600);--w-dv-s-rgb-fill-neutral-subtle-focus:var(--w-dv-rgb-gray-300);--w-dv-s-rgb-fill-neutral-subtle:var(--w-dv-rgb-gray-200);--w-dv-s-rgb-fill-negative-subtle-focus:var(--w-dv-rgb-red-300);--w-dv-s-rgb-fill-negative-subtle:var(--w-dv-rgb-red-200);--w-dv-s-rgb-fill-warning-subtle-focus:var(--w-dv-rgb-yellow-200);--w-dv-s-rgb-fill-warning-subtle:var(--w-dv-rgb-yellow-100);--w-dv-s-rgb-fill-positive-subtle-focus:var(--w-dv-rgb-green-200);--w-dv-s-rgb-fill-positive-subtle:var(--w-dv-rgb-green-100);--w-dv-s-rgb-fill-category8-subtle-focus:var(--w-dv-rgb-gray-300);--w-dv-s-rgb-fill-category8-subtle:var(--w-dv-rgb-gray-200);--w-dv-s-rgb-fill-category7-subtle-focus:var(--w-dv-rgb-blue-200);--w-dv-s-rgb-fill-category7-subtle:var(--w-dv-rgb-blue-100);--w-dv-s-rgb-fill-category6-subtle-focus:var(--w-dv-rgb-teal-300);--w-dv-s-rgb-fill-category6-subtle:var(--w-dv-rgb-teal-200);--w-dv-s-rgb-fill-category5-subtle-focus:var(--w-dv-rgb-orange-300);--w-dv-s-rgb-fill-category5-subtle:var(--w-dv-rgb-orange-200);--w-dv-s-rgb-fill-category4-subtle-focus:var(--w-dv-rgb-green-200);--w-dv-s-rgb-fill-category4-subtle:var(--w-dv-rgb-green-100);--w-dv-s-rgb-fill-category3-subtle-focus:var(--w-dv-rgb-pink-200);--w-dv-s-rgb-fill-category3-subtle:var(--w-dv-rgb-pink-100);--w-dv-s-rgb-fill-category2-subtle-focus:var(--w-dv-rgb-yellow-200);--w-dv-s-rgb-fill-category2-subtle:var(--w-dv-rgb-yellow-100);--w-dv-s-rgb-fill-category1-subtle-focus:var(--w-dv-rgb-indigo-300);--w-dv-s-rgb-fill-category1-subtle:var(--w-dv-rgb-indigo-200);--w-dv-s-rgb-fill-secondary-subtle-focus:var(--w-dv-rgb-gray-200);--w-dv-s-rgb-fill-secondary-subtle:var(--w-dv-rgb-gray-100);--w-dv-s-rgb-fill-primary-subtle-focus:var(--w-dv-rgb-blue-200);--w-dv-s-rgb-fill-primary-subtle:var(--w-dv-rgb-blue-100);--w-dv-s-rgb-fill-neutral-focus:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-fill-neutral:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-fill-negative-focus:var(--w-dv-rgb-red-650);--w-dv-s-rgb-fill-negative:var(--w-dv-rgb-red-600);--w-dv-s-rgb-fill-warning-focus:var(--w-dv-rgb-yellow-600);--w-dv-s-rgb-fill-warning:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-fill-positive-focus:var(--w-dv-rgb-green-600);--w-dv-s-rgb-fill-positive:var(--w-dv-rgb-green-500);--w-dv-s-rgb-fill-category8-focus:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-fill-category8:var(--w-dv-rgb-gray-500);--w-dv-s-rgb-fill-category7-focus:var(--w-dv-rgb-blue-600);--w-dv-s-rgb-fill-category7:var(--w-dv-rgb-blue-500);--w-dv-s-rgb-fill-category6-focus:var(--w-dv-rgb-teal-700);--w-dv-s-rgb-fill-category6:var(--w-dv-rgb-teal-650);--w-dv-s-rgb-fill-category5-focus:var(--w-dv-rgb-orange-650);--w-dv-s-rgb-fill-category5:var(--w-dv-rgb-orange-600);--w-dv-s-rgb-fill-category4-focus:var(--w-dv-rgb-green-600);--w-dv-s-rgb-fill-category4:var(--w-dv-rgb-green-500);--w-dv-s-rgb-fill-category3-focus:var(--w-dv-rgb-pink-600);--w-dv-s-rgb-fill-category3:var(--w-dv-rgb-pink-500);--w-dv-s-rgb-fill-category2-focus:var(--w-dv-rgb-yellow-600);--w-dv-s-rgb-fill-category2:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-fill-category1-focus:var(--w-dv-rgb-indigo-700);--w-dv-s-rgb-fill-category1:var(--w-dv-rgb-indigo-650);--w-dv-s-rgb-fill-secondary-focus:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-fill-secondary:var(--w-dv-rgb-gray-500);--w-dv-s-rgb-fill-primary-focus:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-fill-primary:var(--w-dv-rgb-blue-600)}
1
+ :root,:host{--w-dv-gray-900:#434445;--w-dv-gray-800:#535659;--w-dv-gray-700:#65686d;--w-dv-gray-650:#73767c;--w-dv-gray-600:#81858c;--w-dv-gray-500:#919499;--w-dv-gray-400:#a1a1a1;--w-dv-gray-300:#b4b4b4;--w-dv-gray-200:#c3c6c9;--w-dv-gray-100:#d6d9db;--w-dv-gray-50:#e9eaea;--w-dv-pink-900:#6e1f5f;--w-dv-pink-800:#92217a;--w-dv-pink-700:#b82096;--w-dv-pink-650:#ce30a7;--w-dv-pink-600:#db42b2;--w-dv-pink-500:#eb5ec7;--w-dv-pink-400:#f071d1;--w-dv-pink-300:#f98edc;--w-dv-pink-200:#faace4;--w-dv-pink-100:#fdcbee;--w-dv-pink-50:#f9e4f3;--w-dv-teal-900:#224950;--w-dv-teal-800:#1e5d69;--w-dv-teal-700:#23707c;--w-dv-teal-650:#19818f;--w-dv-teal-600:#2c8f9c;--w-dv-teal-500:#00a3b4;--w-dv-teal-400:#00b1c1;--w-dv-teal-300:#1dc4d5;--w-dv-teal-200:#3ad7e0;--w-dv-teal-100:#6feaf1;--w-dv-teal-50:#b5f5fd;--w-dv-green-900:#1d4938;--w-dv-green-800:#1a6047;--w-dv-green-700:#0b7554;--w-dv-green-650:#00865f;--w-dv-green-600:#00966a;--w-dv-green-500:#00a881;--w-dv-green-400:#18b592;--w-dv-green-300:#3ac8a5;--w-dv-green-200:#68d7bb;--w-dv-green-100:#92e9d4;--w-dv-green-50:#bef6e7;--w-dv-yellow-900:#5a3a20;--w-dv-yellow-800:#774a13;--w-dv-yellow-700:#905c09;--w-dv-yellow-650:#a26a00;--w-dv-yellow-600:#b97500;--w-dv-yellow-500:#c88800;--w-dv-yellow-400:#d69500;--w-dv-yellow-300:#eba51b;--w-dv-yellow-200:#fab842;--w-dv-yellow-100:#fdd28c;--w-dv-yellow-50:#ffe7c6;--w-dv-orange-900:#6b2d16;--w-dv-orange-800:#9a2c11;--w-dv-orange-700:#c42c00;--w-dv-orange-650:#d63e1a;--w-dv-orange-600:#e84c23;--w-dv-orange-500:#ea6d52;--w-dv-orange-400:#f38167;--w-dv-orange-300:#fa9a84;--w-dv-orange-200:#f9b4a3;--w-dv-orange-100:#fdcec2;--w-dv-orange-50:#ffe4de;--w-dv-red-900:#7a1429;--w-dv-red-800:#9e1a33;--w-dv-red-700:#c81f3e;--w-dv-red-650:#e22344;--w-dv-red-600:#f2334e;--w-dv-red-500:#f46176;--w-dv-red-400:#f27c90;--w-dv-red-300:#f997a5;--w-dv-red-200:#ffb0ba;--w-dv-red-100:#ffcdd6;--w-dv-red-50:#ffe3e9;--w-dv-indigo-900:#43289c;--w-dv-indigo-800:#5834c6;--w-dv-indigo-700:#6e43ef;--w-dv-indigo-650:#795af4;--w-dv-indigo-600:#856ff5;--w-dv-indigo-500:#9687ec;--w-dv-indigo-400:#a396f0;--w-dv-indigo-300:#b4a9fb;--w-dv-indigo-200:#c6bffc;--w-dv-indigo-100:#d9d5ff;--w-dv-indigo-50:#e9e8fb;--w-dv-blue-900:#104568;--w-dv-blue-800:#165887;--w-dv-blue-700:#0e6cac;--w-dv-blue-650:#007ac8;--w-dv-blue-600:#1087de;--w-dv-blue-500:#2b97ef;--w-dv-blue-400:#47a6f8;--w-dv-blue-300:#6eb9fe;--w-dv-blue-200:#93caff;--w-dv-blue-100:#b4defd;--w-dv-blue-50:#d6edff;--w-dv-s-color-icon-neutral-focus:var(--w-dv-gray-700);--w-dv-s-color-icon-neutral:var(--w-dv-gray-650);--w-dv-s-color-icon-negative-focus:var(--w-dv-red-700);--w-dv-s-color-icon-negative:var(--w-dv-red-650);--w-dv-s-color-icon-warning-focus:var(--w-dv-yellow-700);--w-dv-s-color-icon-warning:var(--w-dv-yellow-650);--w-dv-s-color-icon-positive-focus:var(--w-dv-green-700);--w-dv-s-color-icon-positive:var(--w-dv-green-650);--w-dv-s-color-icon-category8-focus:var(--w-dv-gray-700);--w-dv-s-color-icon-category8:var(--w-dv-gray-650);--w-dv-s-color-icon-category7-focus:var(--w-dv-blue-700);--w-dv-s-color-icon-category7:var(--w-dv-blue-650);--w-dv-s-color-icon-category6-focus:var(--w-dv-teal-700);--w-dv-s-color-icon-category6:var(--w-dv-teal-650);--w-dv-s-color-icon-category5-focus:var(--w-dv-orange-700);--w-dv-s-color-icon-category5:var(--w-dv-orange-650);--w-dv-s-color-icon-category4-focus:var(--w-dv-green-700);--w-dv-s-color-icon-category4:var(--w-dv-green-650);--w-dv-s-color-icon-category3-focus:var(--w-dv-pink-700);--w-dv-s-color-icon-category3:var(--w-dv-pink-650);--w-dv-s-color-icon-category2-focus:var(--w-dv-yellow-700);--w-dv-s-color-icon-category2:var(--w-dv-yellow-650);--w-dv-s-color-icon-category1-focus:var(--w-dv-indigo-700);--w-dv-s-color-icon-category1:var(--w-dv-indigo-650);--w-dv-s-color-icon-secondary-focus:var(--w-dv-gray-700);--w-dv-s-color-icon-secondary:var(--w-dv-gray-650);--w-dv-s-color-icon-primary-focus:var(--w-dv-blue-700);--w-dv-s-color-icon-primary:var(--w-dv-blue-650);--w-dv-s-color-text-neutral-focus:var(--w-dv-gray-800);--w-dv-s-color-text-neutral:var(--w-dv-gray-650);--w-dv-s-color-text-negative-focus:var(--w-dv-red-800);--w-dv-s-color-text-negative:var(--w-dv-red-650);--w-dv-s-color-text-warning-focus:var(--w-dv-yellow-800);--w-dv-s-color-text-warning:var(--w-dv-yellow-650);--w-dv-s-color-text-positive-focus:var(--w-dv-green-800);--w-dv-s-color-text-positive:var(--w-dv-green-650);--w-dv-s-color-text-category8-focus:var(--w-dv-gray-800);--w-dv-s-color-text-category8:var(--w-dv-gray-650);--w-dv-s-color-text-category7-focus:var(--w-dv-blue-800);--w-dv-s-color-text-category7:var(--w-dv-blue-650);--w-dv-s-color-text-category6-focus:var(--w-dv-teal-800);--w-dv-s-color-text-category6:var(--w-dv-teal-650);--w-dv-s-color-text-category5-focus:var(--w-dv-orange-800);--w-dv-s-color-text-category5:var(--w-dv-orange-650);--w-dv-s-color-text-category4-focus:var(--w-dv-green-800);--w-dv-s-color-text-category4:var(--w-dv-green-650);--w-dv-s-color-text-category3-focus:var(--w-dv-pink-800);--w-dv-s-color-text-category3:var(--w-dv-pink-650);--w-dv-s-color-text-category2-focus:var(--w-dv-yellow-800);--w-dv-s-color-text-category2:var(--w-dv-yellow-650);--w-dv-s-color-text-category1-focus:var(--w-dv-indigo-800);--w-dv-s-color-text-category1:var(--w-dv-indigo-650);--w-dv-s-color-text-secondary-focus:var(--w-dv-gray-800);--w-dv-s-color-text-secondary:var(--w-dv-gray-650);--w-dv-s-color-text-primary-focus:var(--w-dv-blue-800);--w-dv-s-color-text-primary:var(--w-dv-blue-650);--w-dv-s-color-border-neutral-focus:var(--w-dv-gray-650);--w-dv-s-color-border-neutral:var(--w-dv-gray-600);--w-dv-s-color-border-negative-focus:var(--w-dv-red-650);--w-dv-s-color-border-negative:var(--w-dv-red-600);--w-dv-s-color-border-warning-focus:var(--w-dv-yellow-600);--w-dv-s-color-border-warning:var(--w-dv-yellow-500);--w-dv-s-color-border-positive-focus:var(--w-dv-green-600);--w-dv-s-color-border-positive:var(--w-dv-green-500);--w-dv-s-color-border-category8-focus:var(--w-dv-gray-600);--w-dv-s-color-border-category8:var(--w-dv-gray-500);--w-dv-s-color-border-category7-focus:var(--w-dv-blue-600);--w-dv-s-color-border-category7:var(--w-dv-blue-500);--w-dv-s-color-border-category6-focus:var(--w-dv-teal-700);--w-dv-s-color-border-category6:var(--w-dv-teal-650);--w-dv-s-color-border-category5-focus:var(--w-dv-orange-650);--w-dv-s-color-border-category5:var(--w-dv-orange-600);--w-dv-s-color-border-category4-focus:var(--w-dv-green-600);--w-dv-s-color-border-category4:var(--w-dv-green-500);--w-dv-s-color-border-category3-focus:var(--w-dv-pink-600);--w-dv-s-color-border-category3:var(--w-dv-pink-500);--w-dv-s-color-border-category2-focus:var(--w-dv-yellow-600);--w-dv-s-color-border-category2:var(--w-dv-yellow-500);--w-dv-s-color-border-category1-focus:var(--w-dv-indigo-700);--w-dv-s-color-border-category1:var(--w-dv-indigo-650);--w-dv-s-color-border-secondary-focus:var(--w-dv-gray-600);--w-dv-s-color-border-secondary:var(--w-dv-gray-500);--w-dv-s-color-border-primary-focus:var(--w-dv-blue-650);--w-dv-s-color-border-primary:var(--w-dv-blue-600);--w-dv-s-color-line-neutral-focus:var(--w-dv-gray-700);--w-dv-s-color-line-neutral:var(--w-dv-gray-600);--w-dv-s-color-line-negative-focus:var(--w-dv-red-700);--w-dv-s-color-line-negative:var(--w-dv-red-600);--w-dv-s-color-line-warning-focus:var(--w-dv-yellow-650);--w-dv-s-color-line-warning:var(--w-dv-yellow-500);--w-dv-s-color-line-positive-focus:var(--w-dv-green-650);--w-dv-s-color-line-positive:var(--w-dv-green-500);--w-dv-s-color-line-category8-focus:var(--w-dv-gray-700);--w-dv-s-color-line-category8:var(--w-dv-gray-900);--w-dv-s-color-line-category7-focus:var(--w-dv-blue-650);--w-dv-s-color-line-category7:var(--w-dv-blue-500);--w-dv-s-color-line-category6-focus:var(--w-dv-teal-900);--w-dv-s-color-line-category6:var(--w-dv-teal-700);--w-dv-s-color-line-category5-focus:var(--w-dv-orange-800);--w-dv-s-color-line-category5:var(--w-dv-orange-650);--w-dv-s-color-line-category4-focus:var(--w-dv-green-650);--w-dv-s-color-line-category4:var(--w-dv-green-500);--w-dv-s-color-line-category3-focus:var(--w-dv-pink-650);--w-dv-s-color-line-category3:var(--w-dv-pink-500);--w-dv-s-color-line-category2-focus:var(--w-dv-yellow-650);--w-dv-s-color-line-category2:var(--w-dv-yellow-500);--w-dv-s-color-line-category1-focus:var(--w-dv-indigo-800);--w-dv-s-color-line-category1:var(--w-dv-indigo-650);--w-dv-s-color-line-secondary-focus:var(--w-dv-gray-650);--w-dv-s-color-line-secondary:var(--w-dv-gray-500);--w-dv-s-color-line-primary-focus:var(--w-dv-blue-700);--w-dv-s-color-line-primary:var(--w-dv-blue-600);--w-dv-s-color-fill-neutral-subtle-focus:var(--w-dv-gray-300);--w-dv-s-color-fill-neutral-subtle:var(--w-dv-gray-200);--w-dv-s-color-fill-negative-subtle-focus:var(--w-dv-red-300);--w-dv-s-color-fill-negative-subtle:var(--w-dv-red-200);--w-dv-s-color-fill-warning-subtle-focus:var(--w-dv-yellow-200);--w-dv-s-color-fill-warning-subtle:var(--w-dv-yellow-100);--w-dv-s-color-fill-positive-subtle-focus:var(--w-dv-green-200);--w-dv-s-color-fill-positive-subtle:var(--w-dv-green-100);--w-dv-s-color-fill-category8-subtle-focus:var(--w-dv-gray-300);--w-dv-s-color-fill-category8-subtle:var(--w-dv-gray-200);--w-dv-s-color-fill-category7-subtle-focus:var(--w-dv-blue-200);--w-dv-s-color-fill-category7-subtle:var(--w-dv-blue-100);--w-dv-s-color-fill-category6-subtle-focus:var(--w-dv-teal-300);--w-dv-s-color-fill-category6-subtle:var(--w-dv-teal-200);--w-dv-s-color-fill-category5-subtle-focus:var(--w-dv-orange-300);--w-dv-s-color-fill-category5-subtle:var(--w-dv-orange-200);--w-dv-s-color-fill-category4-subtle-focus:var(--w-dv-green-200);--w-dv-s-color-fill-category4-subtle:var(--w-dv-green-100);--w-dv-s-color-fill-category3-subtle-focus:var(--w-dv-pink-200);--w-dv-s-color-fill-category3-subtle:var(--w-dv-pink-100);--w-dv-s-color-fill-category2-subtle-focus:var(--w-dv-yellow-200);--w-dv-s-color-fill-category2-subtle:var(--w-dv-yellow-100);--w-dv-s-color-fill-category1-subtle-focus:var(--w-dv-indigo-300);--w-dv-s-color-fill-category1-subtle:var(--w-dv-indigo-200);--w-dv-s-color-fill-secondary-subtle-focus:var(--w-dv-gray-200);--w-dv-s-color-fill-secondary-subtle:var(--w-dv-gray-100);--w-dv-s-color-fill-primary-subtle-focus:var(--w-dv-blue-200);--w-dv-s-color-fill-primary-subtle:var(--w-dv-blue-100);--w-dv-s-color-fill-neutral-focus:var(--w-dv-gray-650);--w-dv-s-color-fill-neutral:var(--w-dv-gray-600);--w-dv-s-color-fill-negative-focus:var(--w-dv-red-650);--w-dv-s-color-fill-negative:var(--w-dv-red-600);--w-dv-s-color-fill-warning-focus:var(--w-dv-yellow-600);--w-dv-s-color-fill-warning:var(--w-dv-yellow-500);--w-dv-s-color-fill-positive-focus:var(--w-dv-green-600);--w-dv-s-color-fill-positive:var(--w-dv-green-500);--w-dv-s-color-fill-category8-focus:var(--w-dv-gray-600);--w-dv-s-color-fill-category8:var(--w-dv-gray-500);--w-dv-s-color-fill-category7-focus:var(--w-dv-blue-600);--w-dv-s-color-fill-category7:var(--w-dv-blue-500);--w-dv-s-color-fill-category6-focus:var(--w-dv-teal-700);--w-dv-s-color-fill-category6:var(--w-dv-teal-650);--w-dv-s-color-fill-category5-focus:var(--w-dv-orange-650);--w-dv-s-color-fill-category5:var(--w-dv-orange-600);--w-dv-s-color-fill-category4-focus:var(--w-dv-green-600);--w-dv-s-color-fill-category4:var(--w-dv-green-500);--w-dv-s-color-fill-category3-focus:var(--w-dv-pink-600);--w-dv-s-color-fill-category3:var(--w-dv-pink-500);--w-dv-s-color-fill-category2-focus:var(--w-dv-yellow-600);--w-dv-s-color-fill-category2:var(--w-dv-yellow-500);--w-dv-s-color-fill-category1-focus:var(--w-dv-indigo-700);--w-dv-s-color-fill-category1:var(--w-dv-indigo-650);--w-dv-s-color-fill-secondary-focus:var(--w-dv-gray-600);--w-dv-s-color-fill-secondary:var(--w-dv-gray-500);--w-dv-s-color-fill-primary-focus:var(--w-dv-blue-650);--w-dv-s-color-fill-primary:var(--w-dv-blue-600);--w-dv-rgb-gray-900:67,68,69;--w-dv-rgb-gray-800:83,86,89;--w-dv-rgb-gray-700:101,104,109;--w-dv-rgb-gray-650:115,118,124;--w-dv-rgb-gray-600:129,133,140;--w-dv-rgb-gray-500:145,148,153;--w-dv-rgb-gray-400:161,161,161;--w-dv-rgb-gray-300:180,180,180;--w-dv-rgb-gray-200:195,198,201;--w-dv-rgb-gray-100:214,217,219;--w-dv-rgb-gray-50:233,234,234;--w-dv-rgb-pink-900:110,31,95;--w-dv-rgb-pink-800:146,33,122;--w-dv-rgb-pink-700:184,32,150;--w-dv-rgb-pink-650:206,48,167;--w-dv-rgb-pink-600:219,66,178;--w-dv-rgb-pink-500:235,94,199;--w-dv-rgb-pink-400:240,113,209;--w-dv-rgb-pink-300:249,142,220;--w-dv-rgb-pink-200:250,172,228;--w-dv-rgb-pink-100:253,203,238;--w-dv-rgb-pink-50:249,228,243;--w-dv-rgb-teal-900:34,73,80;--w-dv-rgb-teal-800:30,93,105;--w-dv-rgb-teal-700:35,112,124;--w-dv-rgb-teal-650:25,129,143;--w-dv-rgb-teal-600:44,143,156;--w-dv-rgb-teal-500:0,163,180;--w-dv-rgb-teal-400:0,177,193;--w-dv-rgb-teal-300:29,196,213;--w-dv-rgb-teal-200:58,215,224;--w-dv-rgb-teal-100:111,234,241;--w-dv-rgb-teal-50:181,245,253;--w-dv-rgb-green-900:29,73,56;--w-dv-rgb-green-800:26,96,71;--w-dv-rgb-green-700:11,117,84;--w-dv-rgb-green-650:0,134,95;--w-dv-rgb-green-600:0,150,106;--w-dv-rgb-green-500:0,168,129;--w-dv-rgb-green-400:24,181,146;--w-dv-rgb-green-300:58,200,165;--w-dv-rgb-green-200:104,215,187;--w-dv-rgb-green-100:146,233,212;--w-dv-rgb-green-50:190,246,231;--w-dv-rgb-yellow-900:90,58,32;--w-dv-rgb-yellow-800:119,74,19;--w-dv-rgb-yellow-700:144,92,9;--w-dv-rgb-yellow-650:162,106,0;--w-dv-rgb-yellow-600:185,117,0;--w-dv-rgb-yellow-500:200,136,0;--w-dv-rgb-yellow-400:214,149,0;--w-dv-rgb-yellow-300:235,165,27;--w-dv-rgb-yellow-200:250,184,66;--w-dv-rgb-yellow-100:253,210,140;--w-dv-rgb-yellow-50:255,231,198;--w-dv-rgb-orange-900:107,45,22;--w-dv-rgb-orange-800:154,44,17;--w-dv-rgb-orange-700:196,44,0;--w-dv-rgb-orange-650:214,62,26;--w-dv-rgb-orange-600:232,76,35;--w-dv-rgb-orange-500:234,109,82;--w-dv-rgb-orange-400:243,129,103;--w-dv-rgb-orange-300:250,154,132;--w-dv-rgb-orange-200:249,180,163;--w-dv-rgb-orange-100:253,206,194;--w-dv-rgb-orange-50:255,228,222;--w-dv-rgb-red-900:122,20,41;--w-dv-rgb-red-800:158,26,51;--w-dv-rgb-red-700:200,31,62;--w-dv-rgb-red-650:226,35,68;--w-dv-rgb-red-600:242,51,78;--w-dv-rgb-red-500:244,97,118;--w-dv-rgb-red-400:242,124,144;--w-dv-rgb-red-300:249,151,165;--w-dv-rgb-red-200:255,176,186;--w-dv-rgb-red-100:255,205,214;--w-dv-rgb-red-50:255,227,233;--w-dv-rgb-indigo-900:67,40,156;--w-dv-rgb-indigo-800:88,52,198;--w-dv-rgb-indigo-700:110,67,239;--w-dv-rgb-indigo-650:121,90,244;--w-dv-rgb-indigo-600:133,111,245;--w-dv-rgb-indigo-500:150,135,236;--w-dv-rgb-indigo-400:163,150,240;--w-dv-rgb-indigo-300:180,169,251;--w-dv-rgb-indigo-200:198,191,252;--w-dv-rgb-indigo-100:217,213,255;--w-dv-rgb-indigo-50:233,232,251;--w-dv-rgb-blue-900:16,69,104;--w-dv-rgb-blue-800:22,88,135;--w-dv-rgb-blue-700:14,108,172;--w-dv-rgb-blue-650:0,122,200;--w-dv-rgb-blue-600:16,135,222;--w-dv-rgb-blue-500:43,151,239;--w-dv-rgb-blue-400:71,166,248;--w-dv-rgb-blue-300:110,185,254;--w-dv-rgb-blue-200:147,202,255;--w-dv-rgb-blue-100:180,222,253;--w-dv-rgb-blue-50:214,237,255;--w-dv-s-rgb-icon-neutral-focus:var(--w-dv-rgb-gray-700);--w-dv-s-rgb-icon-neutral:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-icon-negative-focus:var(--w-dv-rgb-red-700);--w-dv-s-rgb-icon-negative:var(--w-dv-rgb-red-650);--w-dv-s-rgb-icon-warning-focus:var(--w-dv-rgb-yellow-700);--w-dv-s-rgb-icon-warning:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-icon-positive-focus:var(--w-dv-rgb-green-700);--w-dv-s-rgb-icon-positive:var(--w-dv-rgb-green-650);--w-dv-s-rgb-icon-category8-focus:var(--w-dv-rgb-gray-700);--w-dv-s-rgb-icon-category8:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-icon-category7-focus:var(--w-dv-rgb-blue-700);--w-dv-s-rgb-icon-category7:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-icon-category6-focus:var(--w-dv-rgb-teal-700);--w-dv-s-rgb-icon-category6:var(--w-dv-rgb-teal-650);--w-dv-s-rgb-icon-category5-focus:var(--w-dv-rgb-orange-700);--w-dv-s-rgb-icon-category5:var(--w-dv-rgb-orange-650);--w-dv-s-rgb-icon-category4-focus:var(--w-dv-rgb-green-700);--w-dv-s-rgb-icon-category4:var(--w-dv-rgb-green-650);--w-dv-s-rgb-icon-category3-focus:var(--w-dv-rgb-pink-700);--w-dv-s-rgb-icon-category3:var(--w-dv-rgb-pink-650);--w-dv-s-rgb-icon-category2-focus:var(--w-dv-rgb-yellow-700);--w-dv-s-rgb-icon-category2:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-icon-category1-focus:var(--w-dv-rgb-indigo-700);--w-dv-s-rgb-icon-category1:var(--w-dv-rgb-indigo-650);--w-dv-s-rgb-icon-secondary-focus:var(--w-dv-rgb-gray-700);--w-dv-s-rgb-icon-secondary:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-icon-primary-focus:var(--w-dv-rgb-blue-700);--w-dv-s-rgb-icon-primary:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-text-neutral-focus:var(--w-dv-rgb-gray-800);--w-dv-s-rgb-text-neutral:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-text-negative-focus:var(--w-dv-rgb-red-800);--w-dv-s-rgb-text-negative:var(--w-dv-rgb-red-650);--w-dv-s-rgb-text-warning-focus:var(--w-dv-rgb-yellow-800);--w-dv-s-rgb-text-warning:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-text-positive-focus:var(--w-dv-rgb-green-800);--w-dv-s-rgb-text-positive:var(--w-dv-rgb-green-650);--w-dv-s-rgb-text-category8-focus:var(--w-dv-rgb-gray-800);--w-dv-s-rgb-text-category8:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-text-category7-focus:var(--w-dv-rgb-blue-800);--w-dv-s-rgb-text-category7:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-text-category6-focus:var(--w-dv-rgb-teal-800);--w-dv-s-rgb-text-category6:var(--w-dv-rgb-teal-650);--w-dv-s-rgb-text-category5-focus:var(--w-dv-rgb-orange-800);--w-dv-s-rgb-text-category5:var(--w-dv-rgb-orange-650);--w-dv-s-rgb-text-category4-focus:var(--w-dv-rgb-green-800);--w-dv-s-rgb-text-category4:var(--w-dv-rgb-green-650);--w-dv-s-rgb-text-category3-focus:var(--w-dv-rgb-pink-800);--w-dv-s-rgb-text-category3:var(--w-dv-rgb-pink-650);--w-dv-s-rgb-text-category2-focus:var(--w-dv-rgb-yellow-800);--w-dv-s-rgb-text-category2:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-text-category1-focus:var(--w-dv-rgb-indigo-800);--w-dv-s-rgb-text-category1:var(--w-dv-rgb-indigo-650);--w-dv-s-rgb-text-secondary-focus:var(--w-dv-rgb-gray-800);--w-dv-s-rgb-text-secondary:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-text-primary-focus:var(--w-dv-rgb-blue-800);--w-dv-s-rgb-text-primary:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-border-neutral-focus:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-border-neutral:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-border-negative-focus:var(--w-dv-rgb-red-650);--w-dv-s-rgb-border-negative:var(--w-dv-rgb-red-600);--w-dv-s-rgb-border-warning-focus:var(--w-dv-rgb-yellow-600);--w-dv-s-rgb-border-warning:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-border-positive-focus:var(--w-dv-rgb-green-600);--w-dv-s-rgb-border-positive:var(--w-dv-rgb-green-500);--w-dv-s-rgb-border-category8-focus:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-border-category8:var(--w-dv-rgb-gray-500);--w-dv-s-rgb-border-category7-focus:var(--w-dv-rgb-blue-600);--w-dv-s-rgb-border-category7:var(--w-dv-rgb-blue-500);--w-dv-s-rgb-border-category6-focus:var(--w-dv-rgb-teal-700);--w-dv-s-rgb-border-category6:var(--w-dv-rgb-teal-650);--w-dv-s-rgb-border-category5-focus:var(--w-dv-rgb-orange-650);--w-dv-s-rgb-border-category5:var(--w-dv-rgb-orange-600);--w-dv-s-rgb-border-category4-focus:var(--w-dv-rgb-green-600);--w-dv-s-rgb-border-category4:var(--w-dv-rgb-green-500);--w-dv-s-rgb-border-category3-focus:var(--w-dv-rgb-pink-600);--w-dv-s-rgb-border-category3:var(--w-dv-rgb-pink-500);--w-dv-s-rgb-border-category2-focus:var(--w-dv-rgb-yellow-600);--w-dv-s-rgb-border-category2:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-border-category1-focus:var(--w-dv-rgb-indigo-700);--w-dv-s-rgb-border-category1:var(--w-dv-rgb-indigo-650);--w-dv-s-rgb-border-secondary-focus:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-border-secondary:var(--w-dv-rgb-gray-500);--w-dv-s-rgb-border-primary-focus:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-border-primary:var(--w-dv-rgb-blue-600);--w-dv-s-rgb-line-neutral-focus:var(--w-dv-rgb-gray-700);--w-dv-s-rgb-line-neutral:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-line-negative-focus:var(--w-dv-rgb-red-700);--w-dv-s-rgb-line-negative:var(--w-dv-rgb-red-600);--w-dv-s-rgb-line-warning-focus:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-line-warning:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-line-positive-focus:var(--w-dv-rgb-green-650);--w-dv-s-rgb-line-positive:var(--w-dv-rgb-green-500);--w-dv-s-rgb-line-category8-focus:var(--w-dv-rgb-gray-700);--w-dv-s-rgb-line-category8:var(--w-dv-rgb-gray-900);--w-dv-s-rgb-line-category7-focus:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-line-category7:var(--w-dv-rgb-blue-500);--w-dv-s-rgb-line-category6-focus:var(--w-dv-rgb-teal-900);--w-dv-s-rgb-line-category6:var(--w-dv-rgb-teal-700);--w-dv-s-rgb-line-category5-focus:var(--w-dv-rgb-orange-800);--w-dv-s-rgb-line-category5:var(--w-dv-rgb-orange-650);--w-dv-s-rgb-line-category4-focus:var(--w-dv-rgb-green-650);--w-dv-s-rgb-line-category4:var(--w-dv-rgb-green-500);--w-dv-s-rgb-line-category3-focus:var(--w-dv-rgb-pink-650);--w-dv-s-rgb-line-category3:var(--w-dv-rgb-pink-500);--w-dv-s-rgb-line-category2-focus:var(--w-dv-rgb-yellow-650);--w-dv-s-rgb-line-category2:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-line-category1-focus:var(--w-dv-rgb-indigo-800);--w-dv-s-rgb-line-category1:var(--w-dv-rgb-indigo-650);--w-dv-s-rgb-line-secondary-focus:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-line-secondary:var(--w-dv-rgb-gray-500);--w-dv-s-rgb-line-primary-focus:var(--w-dv-rgb-blue-700);--w-dv-s-rgb-line-primary:var(--w-dv-rgb-blue-600);--w-dv-s-rgb-fill-neutral-subtle-focus:var(--w-dv-rgb-gray-300);--w-dv-s-rgb-fill-neutral-subtle:var(--w-dv-rgb-gray-200);--w-dv-s-rgb-fill-negative-subtle-focus:var(--w-dv-rgb-red-300);--w-dv-s-rgb-fill-negative-subtle:var(--w-dv-rgb-red-200);--w-dv-s-rgb-fill-warning-subtle-focus:var(--w-dv-rgb-yellow-200);--w-dv-s-rgb-fill-warning-subtle:var(--w-dv-rgb-yellow-100);--w-dv-s-rgb-fill-positive-subtle-focus:var(--w-dv-rgb-green-200);--w-dv-s-rgb-fill-positive-subtle:var(--w-dv-rgb-green-100);--w-dv-s-rgb-fill-category8-subtle-focus:var(--w-dv-rgb-gray-300);--w-dv-s-rgb-fill-category8-subtle:var(--w-dv-rgb-gray-200);--w-dv-s-rgb-fill-category7-subtle-focus:var(--w-dv-rgb-blue-200);--w-dv-s-rgb-fill-category7-subtle:var(--w-dv-rgb-blue-100);--w-dv-s-rgb-fill-category6-subtle-focus:var(--w-dv-rgb-teal-300);--w-dv-s-rgb-fill-category6-subtle:var(--w-dv-rgb-teal-200);--w-dv-s-rgb-fill-category5-subtle-focus:var(--w-dv-rgb-orange-300);--w-dv-s-rgb-fill-category5-subtle:var(--w-dv-rgb-orange-200);--w-dv-s-rgb-fill-category4-subtle-focus:var(--w-dv-rgb-green-200);--w-dv-s-rgb-fill-category4-subtle:var(--w-dv-rgb-green-100);--w-dv-s-rgb-fill-category3-subtle-focus:var(--w-dv-rgb-pink-200);--w-dv-s-rgb-fill-category3-subtle:var(--w-dv-rgb-pink-100);--w-dv-s-rgb-fill-category2-subtle-focus:var(--w-dv-rgb-yellow-200);--w-dv-s-rgb-fill-category2-subtle:var(--w-dv-rgb-yellow-100);--w-dv-s-rgb-fill-category1-subtle-focus:var(--w-dv-rgb-indigo-300);--w-dv-s-rgb-fill-category1-subtle:var(--w-dv-rgb-indigo-200);--w-dv-s-rgb-fill-secondary-subtle-focus:var(--w-dv-rgb-gray-200);--w-dv-s-rgb-fill-secondary-subtle:var(--w-dv-rgb-gray-100);--w-dv-s-rgb-fill-primary-subtle-focus:var(--w-dv-rgb-blue-200);--w-dv-s-rgb-fill-primary-subtle:var(--w-dv-rgb-blue-100);--w-dv-s-rgb-fill-neutral-focus:var(--w-dv-rgb-gray-650);--w-dv-s-rgb-fill-neutral:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-fill-negative-focus:var(--w-dv-rgb-red-650);--w-dv-s-rgb-fill-negative:var(--w-dv-rgb-red-600);--w-dv-s-rgb-fill-warning-focus:var(--w-dv-rgb-yellow-600);--w-dv-s-rgb-fill-warning:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-fill-positive-focus:var(--w-dv-rgb-green-600);--w-dv-s-rgb-fill-positive:var(--w-dv-rgb-green-500);--w-dv-s-rgb-fill-category8-focus:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-fill-category8:var(--w-dv-rgb-gray-500);--w-dv-s-rgb-fill-category7-focus:var(--w-dv-rgb-blue-600);--w-dv-s-rgb-fill-category7:var(--w-dv-rgb-blue-500);--w-dv-s-rgb-fill-category6-focus:var(--w-dv-rgb-teal-700);--w-dv-s-rgb-fill-category6:var(--w-dv-rgb-teal-650);--w-dv-s-rgb-fill-category5-focus:var(--w-dv-rgb-orange-650);--w-dv-s-rgb-fill-category5:var(--w-dv-rgb-orange-600);--w-dv-s-rgb-fill-category4-focus:var(--w-dv-rgb-green-600);--w-dv-s-rgb-fill-category4:var(--w-dv-rgb-green-500);--w-dv-s-rgb-fill-category3-focus:var(--w-dv-rgb-pink-600);--w-dv-s-rgb-fill-category3:var(--w-dv-rgb-pink-500);--w-dv-s-rgb-fill-category2-focus:var(--w-dv-rgb-yellow-600);--w-dv-s-rgb-fill-category2:var(--w-dv-rgb-yellow-500);--w-dv-s-rgb-fill-category1-focus:var(--w-dv-rgb-indigo-700);--w-dv-s-rgb-fill-category1:var(--w-dv-rgb-indigo-650);--w-dv-s-rgb-fill-secondary-focus:var(--w-dv-rgb-gray-600);--w-dv-s-rgb-fill-secondary:var(--w-dv-rgb-gray-500);--w-dv-s-rgb-fill-primary-focus:var(--w-dv-rgb-blue-650);--w-dv-s-rgb-fill-primary:var(--w-dv-rgb-blue-600)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@warp-ds/css",
3
3
  "repository": "git@github.com:warp-ds/css.git",
4
- "version": "2.1.0-next.2",
4
+ "version": "2.1.0-next.3",
5
5
  "peerDependencies": {
6
6
  "@warp-ds/uno": "2.x"
7
7
  },