Skip to content

Commit 916b670

Browse files
committed
fix(tokens): add compiled token assets to git
1 parent f9395a3 commit 916b670

25 files changed

+8690
-0
lines changed

tokens/dist/css/dark-vars.css

Lines changed: 488 additions & 0 deletions
Large diffs are not rendered by default.

tokens/dist/css/darkest-vars.css

Lines changed: 488 additions & 0 deletions
Large diffs are not rendered by default.
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
.spectrum--express.spectrum--dark {
2+
/* Drop Zone background color rgb */
3+
--spectrum-drop-zone-background-color-rgb: var(
4+
--spectrum-indigo-900-rgb
5+
); /* var(--spectrum-accent-color-900);*/
6+
--spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
7+
8+
--spectrum-assetcard-border-color-selected: var(--spectrum-indigo-700);
9+
--spectrum-assetcard-border-color-selected-hover: var(--spectrum-indigo-700);
10+
--spectrum-assetcard-border-color-selected-down: var(--spectrum-indigo-800);
11+
--spectrum-assetcard-selectionindicator-background-color-ordered: var(
12+
--spectrum-indigo-700
13+
);
14+
}
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
.spectrum--express.spectrum--darkest {
2+
/* Drop Zone background color rgb */
3+
--spectrum-drop-zone-background-color-rgb: var(
4+
--spectrum-indigo-900-rgb
5+
); /* var(--spectrum-accent-color-900);*/
6+
--spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
7+
8+
--spectrum-assetcard-border-color-selected: var(--spectrum-indigo-700);
9+
--spectrum-assetcard-border-color-selected-hover: var(--spectrum-indigo-700);
10+
--spectrum-assetcard-border-color-selected-down: var(--spectrum-indigo-800);
11+
--spectrum-assetcard-selectionindicator-background-color-ordered: var(
12+
--spectrum-indigo-700
13+
);
14+
}
Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
.spectrum--express.spectrum--large {
2+
--spectrum-colorwheel-path: "M 118 118 m -118 0 a 118 118 0 1 0 236 0 a 118 118 0 1 0 -236 0.2 M 118 118 m -92 0 a 92 92 0 1 0 184 0 a 92 92 0 1 0 -184 0";
3+
--spectrum-colorwheel-path-borders: "M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
4+
5+
--spectrum-dialog-confirm-border-radius: 8px;
6+
7+
--spectrum-dial-border-radius: 15px;
8+
9+
--spectrum-assetcard-focus-ring-border-radius: 12px;
10+
}
Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
.spectrum--express.spectrum--light,
2+
.spectrum--express.spectrum--lightest {
3+
/* Drop Zone background color rgb */
4+
--spectrum-drop-zone-background-color-rgb: var(
5+
--spectrum-indigo-800-rgb
6+
); /* var(--spectrum-accent-color-800);*/
7+
--spectrum-well-border-color: rgba(var(--spectrum-black-rgb), 0.05);
8+
9+
--spectrum-assetcard-border-color-selected: var(--spectrum-indigo-900);
10+
--spectrum-assetcard-border-color-selected-hover: var(--spectrum-indigo-900);
11+
--spectrum-assetcard-border-color-selected-down: var(--spectrum-indigo-1000);
12+
--spectrum-assetcard-selectionindicator-background-color-ordered: var(
13+
--spectrum-indigo-900
14+
);
15+
}
Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
.spectrum--express.spectrum--medium {
2+
--spectrum-colorwheel-path: "M 94 94 m -94 0 a 94 94 0 1 0 188 0 a 94 94 0 1 0 -188 0.2 M 94 94 m -74 0 a 74 74 0 1 0 148 0 a 74 74 0 1 0 -148 0";
3+
--spectrum-colorwheel-path-borders: "M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
4+
5+
--spectrum-dialog-confirm-border-radius: 6px;
6+
7+
--spectrum-dial-border-radius: 12px;
8+
9+
--spectrum-assetcard-focus-ring-border-radius: 10px;
10+
}
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.spectrum--express {
2+
--system: express;
3+
}
Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
.spectrum--express {
2+
--spectrum-neutral-background-color-selected-default: var(
3+
--spectrum-gray-800
4+
);
5+
--spectrum-neutral-background-color-selected-hover: var(--spectrum-gray-900);
6+
--spectrum-neutral-background-color-selected-down: var(--spectrum-gray-900);
7+
--spectrum-neutral-background-color-selected-key-focus: var(
8+
--spectrum-gray-900
9+
);
10+
--spectrum-slider-track-thickness: 4px;
11+
--spectrum-slider-handle-gap: 0px;
12+
--spectrum-picker-border-width: 0;
13+
--spectrum-in-field-button-fill-stacked-inner-border-rounding: 1px;
14+
--spectrum-in-field-button-edge-to-fill: 4px;
15+
--spectrum-in-field-button-stacked-inner-edge-to-fill: 1px;
16+
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium: 5px;
17+
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large: 7px;
18+
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large: 8px;
19+
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small: 1px;
20+
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium: 1px;
21+
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large: 3px;
22+
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large: 4px;
23+
--spectrum-border-width-100: 2px;
24+
--spectrum-accent-color-100: var(--spectrum-indigo-100);
25+
--spectrum-accent-color-200: var(--spectrum-indigo-200);
26+
--spectrum-accent-color-300: var(--spectrum-indigo-300);
27+
--spectrum-accent-color-400: var(--spectrum-indigo-400);
28+
--spectrum-accent-color-500: var(--spectrum-indigo-500);
29+
--spectrum-accent-color-600: var(--spectrum-indigo-600);
30+
--spectrum-accent-color-700: var(--spectrum-indigo-700);
31+
--spectrum-accent-color-800: var(--spectrum-indigo-800);
32+
--spectrum-accent-color-900: var(--spectrum-indigo-900);
33+
--spectrum-accent-color-1000: var(--spectrum-indigo-1000);
34+
--spectrum-accent-color-1100: var(--spectrum-indigo-1100);
35+
--spectrum-accent-color-1200: var(--spectrum-indigo-1200);
36+
--spectrum-accent-color-1300: var(--spectrum-indigo-1300);
37+
--spectrum-accent-color-1400: var(--spectrum-indigo-1400);
38+
--spectrum-heading-sans-serif-font-weight: var(--spectrum-black-font-weight);
39+
--spectrum-heading-serif-font-weight: var(--spectrum-black-font-weight);
40+
--spectrum-heading-cjk-font-weight: var(--spectrum-black-font-weight);
41+
--spectrum-heading-sans-serif-emphasized-font-weight: var(
42+
--spectrum-black-font-weight
43+
);
44+
--spectrum-heading-serif-emphasized-font-weight: var(
45+
--spectrum-black-font-weight
46+
);
47+
}
Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
.spectrum--express.spectrum--large {
2+
--spectrum-checkbox-control-size-small: 18px;
3+
--spectrum-checkbox-control-size-medium: 20px;
4+
--spectrum-checkbox-control-size-large: 22px;
5+
--spectrum-checkbox-control-size-extra-large: 26px;
6+
--spectrum-checkbox-top-to-control-small: 6px;
7+
--spectrum-checkbox-top-to-control-medium: 10px;
8+
--spectrum-checkbox-top-to-control-large: 14px;
9+
--spectrum-checkbox-top-to-control-extra-large: 17px;
10+
--spectrum-switch-control-width-small: 32px;
11+
--spectrum-switch-control-width-medium: 36px;
12+
--spectrum-switch-control-width-large: 41px;
13+
--spectrum-switch-control-width-extra-large: 46px;
14+
--spectrum-switch-control-height-small: 18px;
15+
--spectrum-switch-control-height-medium: 20px;
16+
--spectrum-switch-control-height-large: 22px;
17+
--spectrum-switch-control-height-extra-large: 26px;
18+
--spectrum-switch-top-to-control-small: 6px;
19+
--spectrum-switch-top-to-control-medium: 10px;
20+
--spectrum-switch-top-to-control-large: 14px;
21+
--spectrum-switch-top-to-control-extra-large: 17px;
22+
--spectrum-radio-button-control-size-small: 18px;
23+
--spectrum-radio-button-control-size-medium: 20px;
24+
--spectrum-radio-button-control-size-large: 22px;
25+
--spectrum-radio-button-control-size-extra-large: 26px;
26+
--spectrum-radio-button-top-to-control-small: 6px;
27+
--spectrum-radio-button-top-to-control-medium: 10px;
28+
--spectrum-radio-button-top-to-control-large: 14px;
29+
--spectrum-radio-button-top-to-control-extra-large: 17px;
30+
--spectrum-slider-control-height-small: 22px;
31+
--spectrum-slider-control-height-medium: 24px;
32+
--spectrum-slider-control-height-large: 28px;
33+
--spectrum-slider-control-height-extra-large: 30px;
34+
--spectrum-slider-handle-size-small: 22px;
35+
--spectrum-slider-handle-size-medium: 24px;
36+
--spectrum-slider-handle-size-large: 28px;
37+
--spectrum-slider-handle-size-extra-large: 30px;
38+
--spectrum-slider-handle-border-width-down-small: var(
39+
--spectrum-border-width-200
40+
);
41+
--spectrum-slider-handle-border-width-down-medium: var(
42+
--spectrum-border-width-200
43+
);
44+
--spectrum-slider-handle-border-width-down-large: var(
45+
--spectrum-border-width-200
46+
);
47+
--spectrum-slider-handle-border-width-down-extra-large: var(
48+
--spectrum-border-width-200
49+
);
50+
--spectrum-slider-bottom-to-handle-small: 4px;
51+
--spectrum-slider-bottom-to-handle-medium: 8px;
52+
--spectrum-slider-bottom-to-handle-large: 12px;
53+
--spectrum-slider-bottom-to-handle-extra-large: 15px;
54+
--spectrum-corner-radius-75: 4px;
55+
--spectrum-corner-radius-100: 8px;
56+
--spectrum-corner-radius-200: 16px;
57+
--spectrum-drop-shadow-x: 0px;
58+
--spectrum-drop-shadow-y: 4px;
59+
--spectrum-drop-shadow-blur: 16px;
60+
}

0 commit comments

Comments
 (0)