@robosophy/tokens 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +12 -0
  2. package/dist/index.d.ts +88 -0
  3. package/dist/index.js +88 -0
  4. package/dist/tailwind-preset.d.ts +7 -0
  5. package/dist/tailwind-preset.js +99 -0
  6. package/dist/tailwind.css +87 -0
  7. package/dist/tokens.css +173 -0
  8. package/dist/tokens.json +427 -0
  9. package/package.json +37 -0
package/README.md ADDED
@@ -0,0 +1,12 @@
1
+ # @robosophy/tokens
2
+
3
+ Tokens de diseño de Robosophy.
4
+
5
+ ```ts
6
+ import "@robosophy/tokens/tokens.css";
7
+ import "@robosophy/tokens/tailwind.css";
8
+ import { tokens } from "@robosophy/tokens";
9
+ import tokensJson from "@robosophy/tokens/tokens.json";
10
+ ```
11
+
12
+ La fuente de verdad está en `src/tokens.ts`. Los archivos de `dist/` son generados.
package/dist/index.d.ts ADDED
@@ -0,0 +1,88 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT MANUALLY.
2
+ export declare const tokens: {
3
+ readonly "color-blue-50": "#F0F9FD";
4
+ readonly "color-blue-100": "#E6F6FB";
5
+ readonly "color-blue-500": "#48A0D4";
6
+ readonly "color-blue-700": "#2A719B";
7
+ readonly "color-green-100": "#EDF7E6";
8
+ readonly "color-green-500": "#4EAE01";
9
+ readonly "color-navygreen-100": "#E5F1EA";
10
+ readonly "color-navygreen-500": "#007C2F";
11
+ readonly "color-yellow-100": "#FFF4E6";
12
+ readonly "color-yellow-500": "#FF9001";
13
+ readonly "color-red-100": "#FFF0F1";
14
+ readonly "color-red-500": "#D80115";
15
+ readonly "color-darkblue-100": "#E5ECF5";
16
+ readonly "color-darkblue-500": "#004A9F";
17
+ readonly "color-navyblue-100": "var(--rs-color-darkblue-100)";
18
+ readonly "color-navyblue-500": "var(--rs-color-darkblue-500)";
19
+ readonly "color-gray-100": "#F6F6F6";
20
+ readonly "color-gray-300": "#EEEEEE";
21
+ readonly "color-gray-500": "#D1D1D1";
22
+ readonly "color-gray-700": "#909090";
23
+ readonly "color-black-500": "#000000";
24
+ readonly "color-white-500": "#FFFFFF";
25
+ readonly "font-family": "'Inter', sans-serif";
26
+ readonly "color-background": "var(--rs-color-gray-100)";
27
+ readonly "color-background-disabled": "var(--rs-color-gray-100)";
28
+ readonly "color-background-caution": "var(--rs-color-yellow-100)";
29
+ readonly "color-background-info": "var(--rs-color-blue-100)";
30
+ readonly "color-surface-primary": "var(--rs-color-white-500)";
31
+ readonly "color-surface-tertiary": "var(--rs-color-black-500)";
32
+ readonly "color-text-primary": "var(--rs-color-black-500)";
33
+ readonly "color-text-secondary": "var(--rs-color-gray-700)";
34
+ readonly "color-text-brand": "var(--rs-color-blue-500)";
35
+ readonly "color-text-brand-blue": "var(--rs-color-blue-500)";
36
+ readonly "color-text-brand-green": "var(--rs-color-green-500)";
37
+ readonly "color-text-brand-yellow": "var(--rs-color-yellow-500)";
38
+ readonly "color-text-brand-red": "var(--rs-color-red-500)";
39
+ readonly "color-text-placeholder": "var(--rs-color-gray-500)";
40
+ readonly "color-text-caution": "var(--rs-color-yellow-500)";
41
+ readonly "color-text-button-primary": "var(--rs-color-white-500)";
42
+ readonly "color-text-button-secondary": "var(--rs-color-black-500)";
43
+ readonly "color-text-button-tertiary": "var(--rs-color-blue-500)";
44
+ readonly "color-text-button-tertiary-hover": "var(--rs-color-blue-700)";
45
+ readonly "color-icon-primary": "var(--rs-color-blue-500)";
46
+ readonly "color-icon-secondary": "var(--rs-color-black-500)";
47
+ readonly "color-icon-button-primary": "var(--rs-color-white-500)";
48
+ readonly "color-icon-button-secondary": "var(--rs-color-black-500)";
49
+ readonly "color-icon-button-tertiary": "var(--rs-color-blue-500)";
50
+ readonly "color-icon-input": "var(--rs-color-black-500)";
51
+ readonly "color-icon-brand-blue": "var(--rs-color-blue-500)";
52
+ readonly "color-icon-brand-green": "var(--rs-color-green-500)";
53
+ readonly "color-icon-brand-yellow": "var(--rs-color-yellow-500)";
54
+ readonly "color-icon-brand-red": "var(--rs-color-red-500)";
55
+ readonly "color-icon-brand-darkblue": "var(--rs-color-darkblue-500)";
56
+ readonly "color-stroke-default": "var(--rs-color-gray-500)";
57
+ readonly "color-stroke-focused": "var(--rs-color-blue-500)";
58
+ readonly "color-stroke-disabled": "var(--rs-color-gray-100)";
59
+ readonly "color-stroke-success": "var(--rs-color-green-500)";
60
+ readonly "color-stroke-caution": "var(--rs-color-yellow-500)";
61
+ readonly "color-stroke-error": "var(--rs-color-red-500)";
62
+ readonly "color-button-primary": "var(--rs-color-blue-500)";
63
+ readonly "color-button-primary-hover": "var(--rs-color-blue-700)";
64
+ readonly "color-button-secondary": "var(--rs-color-gray-500)";
65
+ readonly "color-button-secondary-hover": "var(--rs-color-gray-700)";
66
+ readonly "color-button-blue-surface": "var(--rs-color-blue-100)";
67
+ readonly "color-button-green-surface": "var(--rs-color-green-100)";
68
+ readonly "color-button-yellow-surface": "var(--rs-color-yellow-100)";
69
+ readonly "color-button-red-surface": "var(--rs-color-red-100)";
70
+ readonly "pill-bg-brand-blue": "var(--rs-color-blue-100)";
71
+ readonly "pill-color-brand-blue": "var(--rs-color-blue-500)";
72
+ readonly "pill-bg-brand-navyblue": "var(--rs-color-navyblue-100)";
73
+ readonly "pill-color-brand-navyblue": "var(--rs-color-navyblue-500)";
74
+ readonly "pill-bg-brand-green": "var(--rs-color-green-100)";
75
+ readonly "pill-color-brand-green": "var(--rs-color-green-500)";
76
+ readonly "pill-bg-brand-navygreen": "var(--rs-color-navygreen-100)";
77
+ readonly "pill-color-brand-navygreen": "var(--rs-color-navygreen-500)";
78
+ readonly "pill-bg-brand-red": "var(--rs-color-red-100)";
79
+ readonly "pill-color-brand-red": "var(--rs-color-red-500)";
80
+ readonly "pill-bg-brand-yellow": "var(--rs-color-yellow-100)";
81
+ readonly "pill-color-brand-yellow": "var(--rs-color-yellow-500)";
82
+ readonly "color-sidebar-background": "var(--rs-color-white-500)";
83
+ readonly "color-sidebar-background-active": "var(--rs-color-blue-100)";
84
+ readonly "color-sidebar-background-hover": "var(--rs-color-blue-100)";
85
+ readonly "color-sidebar-stroke": "var(--rs-color-gray-100)";
86
+ readonly "color-sidebar-stroke-active": "var(--rs-color-blue-500)";
87
+ };
88
+ export default tokens;
package/dist/index.js ADDED
@@ -0,0 +1,88 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT MANUALLY.
2
+ export const tokens = {
3
+ "color-blue-50": "#F0F9FD",
4
+ "color-blue-100": "#E6F6FB",
5
+ "color-blue-500": "#48A0D4",
6
+ "color-blue-700": "#2A719B",
7
+ "color-green-100": "#EDF7E6",
8
+ "color-green-500": "#4EAE01",
9
+ "color-navygreen-100": "#E5F1EA",
10
+ "color-navygreen-500": "#007C2F",
11
+ "color-yellow-100": "#FFF4E6",
12
+ "color-yellow-500": "#FF9001",
13
+ "color-red-100": "#FFF0F1",
14
+ "color-red-500": "#D80115",
15
+ "color-darkblue-100": "#E5ECF5",
16
+ "color-darkblue-500": "#004A9F",
17
+ "color-navyblue-100": "var(--rs-color-darkblue-100)",
18
+ "color-navyblue-500": "var(--rs-color-darkblue-500)",
19
+ "color-gray-100": "#F6F6F6",
20
+ "color-gray-300": "#EEEEEE",
21
+ "color-gray-500": "#D1D1D1",
22
+ "color-gray-700": "#909090",
23
+ "color-black-500": "#000000",
24
+ "color-white-500": "#FFFFFF",
25
+ "font-family": "'Inter', sans-serif",
26
+ "color-background": "var(--rs-color-gray-100)",
27
+ "color-background-disabled": "var(--rs-color-gray-100)",
28
+ "color-background-caution": "var(--rs-color-yellow-100)",
29
+ "color-background-info": "var(--rs-color-blue-100)",
30
+ "color-surface-primary": "var(--rs-color-white-500)",
31
+ "color-surface-tertiary": "var(--rs-color-black-500)",
32
+ "color-text-primary": "var(--rs-color-black-500)",
33
+ "color-text-secondary": "var(--rs-color-gray-700)",
34
+ "color-text-brand": "var(--rs-color-blue-500)",
35
+ "color-text-brand-blue": "var(--rs-color-blue-500)",
36
+ "color-text-brand-green": "var(--rs-color-green-500)",
37
+ "color-text-brand-yellow": "var(--rs-color-yellow-500)",
38
+ "color-text-brand-red": "var(--rs-color-red-500)",
39
+ "color-text-placeholder": "var(--rs-color-gray-500)",
40
+ "color-text-caution": "var(--rs-color-yellow-500)",
41
+ "color-text-button-primary": "var(--rs-color-white-500)",
42
+ "color-text-button-secondary": "var(--rs-color-black-500)",
43
+ "color-text-button-tertiary": "var(--rs-color-blue-500)",
44
+ "color-text-button-tertiary-hover": "var(--rs-color-blue-700)",
45
+ "color-icon-primary": "var(--rs-color-blue-500)",
46
+ "color-icon-secondary": "var(--rs-color-black-500)",
47
+ "color-icon-button-primary": "var(--rs-color-white-500)",
48
+ "color-icon-button-secondary": "var(--rs-color-black-500)",
49
+ "color-icon-button-tertiary": "var(--rs-color-blue-500)",
50
+ "color-icon-input": "var(--rs-color-black-500)",
51
+ "color-icon-brand-blue": "var(--rs-color-blue-500)",
52
+ "color-icon-brand-green": "var(--rs-color-green-500)",
53
+ "color-icon-brand-yellow": "var(--rs-color-yellow-500)",
54
+ "color-icon-brand-red": "var(--rs-color-red-500)",
55
+ "color-icon-brand-darkblue": "var(--rs-color-darkblue-500)",
56
+ "color-stroke-default": "var(--rs-color-gray-500)",
57
+ "color-stroke-focused": "var(--rs-color-blue-500)",
58
+ "color-stroke-disabled": "var(--rs-color-gray-100)",
59
+ "color-stroke-success": "var(--rs-color-green-500)",
60
+ "color-stroke-caution": "var(--rs-color-yellow-500)",
61
+ "color-stroke-error": "var(--rs-color-red-500)",
62
+ "color-button-primary": "var(--rs-color-blue-500)",
63
+ "color-button-primary-hover": "var(--rs-color-blue-700)",
64
+ "color-button-secondary": "var(--rs-color-gray-500)",
65
+ "color-button-secondary-hover": "var(--rs-color-gray-700)",
66
+ "color-button-blue-surface": "var(--rs-color-blue-100)",
67
+ "color-button-green-surface": "var(--rs-color-green-100)",
68
+ "color-button-yellow-surface": "var(--rs-color-yellow-100)",
69
+ "color-button-red-surface": "var(--rs-color-red-100)",
70
+ "pill-bg-brand-blue": "var(--rs-color-blue-100)",
71
+ "pill-color-brand-blue": "var(--rs-color-blue-500)",
72
+ "pill-bg-brand-navyblue": "var(--rs-color-navyblue-100)",
73
+ "pill-color-brand-navyblue": "var(--rs-color-navyblue-500)",
74
+ "pill-bg-brand-green": "var(--rs-color-green-100)",
75
+ "pill-color-brand-green": "var(--rs-color-green-500)",
76
+ "pill-bg-brand-navygreen": "var(--rs-color-navygreen-100)",
77
+ "pill-color-brand-navygreen": "var(--rs-color-navygreen-500)",
78
+ "pill-bg-brand-red": "var(--rs-color-red-100)",
79
+ "pill-color-brand-red": "var(--rs-color-red-500)",
80
+ "pill-bg-brand-yellow": "var(--rs-color-yellow-100)",
81
+ "pill-color-brand-yellow": "var(--rs-color-yellow-500)",
82
+ "color-sidebar-background": "var(--rs-color-white-500)",
83
+ "color-sidebar-background-active": "var(--rs-color-blue-100)",
84
+ "color-sidebar-background-hover": "var(--rs-color-blue-100)",
85
+ "color-sidebar-stroke": "var(--rs-color-gray-100)",
86
+ "color-sidebar-stroke-active": "var(--rs-color-blue-500)"
87
+ };
88
+ export default tokens;
package/dist/tailwind-preset.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT MANUALLY.
2
+ declare const preset: {
3
+ theme: {
4
+ extend: Record<string, unknown>;
5
+ };
6
+ };
7
+ export default preset;
package/dist/tailwind-preset.js ADDED
@@ -0,0 +1,99 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT MANUALLY.
2
+ const preset = {
3
+ theme: {
4
+ extend: {
5
+ "colors": {
6
+ "rs": {
7
+ "blue-50": "var(--rs-color-blue-50)",
8
+ "blue-100": "var(--rs-color-blue-100)",
9
+ "blue-500": "var(--rs-color-blue-500)",
10
+ "blue-700": "var(--rs-color-blue-700)",
11
+ "green-100": "var(--rs-color-green-100)",
12
+ "green-500": "var(--rs-color-green-500)",
13
+ "navygreen-100": "var(--rs-color-navygreen-100)",
14
+ "navygreen-500": "var(--rs-color-navygreen-500)",
15
+ "yellow-100": "var(--rs-color-yellow-100)",
16
+ "yellow-500": "var(--rs-color-yellow-500)",
17
+ "red-100": "var(--rs-color-red-100)",
18
+ "red-500": "var(--rs-color-red-500)",
19
+ "darkblue-100": "var(--rs-color-darkblue-100)",
20
+ "darkblue-500": "var(--rs-color-darkblue-500)",
21
+ "navyblue-100": "var(--rs-color-navyblue-100)",
22
+ "navyblue-500": "var(--rs-color-navyblue-500)",
23
+ "gray-100": "var(--rs-color-gray-100)",
24
+ "gray-300": "var(--rs-color-gray-300)",
25
+ "gray-500": "var(--rs-color-gray-500)",
26
+ "gray-700": "var(--rs-color-gray-700)",
27
+ "black-500": "var(--rs-color-black-500)",
28
+ "white-500": "var(--rs-color-white-500)",
29
+ "background": "var(--rs-color-background)",
30
+ "background-disabled": "var(--rs-color-background-disabled)",
31
+ "background-caution": "var(--rs-color-background-caution)",
32
+ "background-info": "var(--rs-color-background-info)",
33
+ "surface-primary": "var(--rs-color-surface-primary)",
34
+ "surface-tertiary": "var(--rs-color-surface-tertiary)",
35
+ "text-primary": "var(--rs-color-text-primary)",
36
+ "text-secondary": "var(--rs-color-text-secondary)",
37
+ "text-brand": "var(--rs-color-text-brand)",
38
+ "text-brand-blue": "var(--rs-color-text-brand-blue)",
39
+ "text-brand-green": "var(--rs-color-text-brand-green)",
40
+ "text-brand-yellow": "var(--rs-color-text-brand-yellow)",
41
+ "text-brand-red": "var(--rs-color-text-brand-red)",
42
+ "text-placeholder": "var(--rs-color-text-placeholder)",
43
+ "text-caution": "var(--rs-color-text-caution)",
44
+ "text-button-primary": "var(--rs-color-text-button-primary)",
45
+ "text-button-secondary": "var(--rs-color-text-button-secondary)",
46
+ "text-button-tertiary": "var(--rs-color-text-button-tertiary)",
47
+ "text-button-tertiary-hover": "var(--rs-color-text-button-tertiary-hover)",
48
+ "icon-primary": "var(--rs-color-icon-primary)",
49
+ "icon-secondary": "var(--rs-color-icon-secondary)",
50
+ "icon-button-primary": "var(--rs-color-icon-button-primary)",
51
+ "icon-button-secondary": "var(--rs-color-icon-button-secondary)",
52
+ "icon-button-tertiary": "var(--rs-color-icon-button-tertiary)",
53
+ "icon-input": "var(--rs-color-icon-input)",
54
+ "icon-brand-blue": "var(--rs-color-icon-brand-blue)",
55
+ "icon-brand-green": "var(--rs-color-icon-brand-green)",
56
+ "icon-brand-yellow": "var(--rs-color-icon-brand-yellow)",
57
+ "icon-brand-red": "var(--rs-color-icon-brand-red)",
58
+ "icon-brand-darkblue": "var(--rs-color-icon-brand-darkblue)",
59
+ "stroke-default": "var(--rs-color-stroke-default)",
60
+ "stroke-focused": "var(--rs-color-stroke-focused)",
61
+ "stroke-disabled": "var(--rs-color-stroke-disabled)",
62
+ "stroke-success": "var(--rs-color-stroke-success)",
63
+ "stroke-caution": "var(--rs-color-stroke-caution)",
64
+ "stroke-error": "var(--rs-color-stroke-error)",
65
+ "button-primary": "var(--rs-color-button-primary)",
66
+ "button-primary-hover": "var(--rs-color-button-primary-hover)",
67
+ "button-secondary": "var(--rs-color-button-secondary)",
68
+ "button-secondary-hover": "var(--rs-color-button-secondary-hover)",
69
+ "button-blue-surface": "var(--rs-color-button-blue-surface)",
70
+ "button-green-surface": "var(--rs-color-button-green-surface)",
71
+ "button-yellow-surface": "var(--rs-color-button-yellow-surface)",
72
+ "button-red-surface": "var(--rs-color-button-red-surface)",
73
+ "pill-bg-brand-blue": "var(--rs-pill-bg-brand-blue)",
74
+ "pill-color-brand-blue": "var(--rs-pill-color-brand-blue)",
75
+ "pill-bg-brand-navyblue": "var(--rs-pill-bg-brand-navyblue)",
76
+ "pill-color-brand-navyblue": "var(--rs-pill-color-brand-navyblue)",
77
+ "pill-bg-brand-green": "var(--rs-pill-bg-brand-green)",
78
+ "pill-color-brand-green": "var(--rs-pill-color-brand-green)",
79
+ "pill-bg-brand-navygreen": "var(--rs-pill-bg-brand-navygreen)",
80
+ "pill-color-brand-navygreen": "var(--rs-pill-color-brand-navygreen)",
81
+ "pill-bg-brand-red": "var(--rs-pill-bg-brand-red)",
82
+ "pill-color-brand-red": "var(--rs-pill-color-brand-red)",
83
+ "pill-bg-brand-yellow": "var(--rs-pill-bg-brand-yellow)",
84
+ "pill-color-brand-yellow": "var(--rs-pill-color-brand-yellow)",
85
+ "sidebar-background": "var(--rs-color-sidebar-background)",
86
+ "sidebar-background-active": "var(--rs-color-sidebar-background-active)",
87
+ "sidebar-background-hover": "var(--rs-color-sidebar-background-hover)",
88
+ "sidebar-stroke": "var(--rs-color-sidebar-stroke)",
89
+ "sidebar-stroke-active": "var(--rs-color-sidebar-stroke-active)"
90
+ }
91
+ },
92
+ "fontFamily": {
93
+ "rs": "var(--rs-font-family)"
94
+ }
95
+ }
96
+ }
97
+ };
98
+
99
+ export default preset;
package/dist/tailwind.css ADDED
@@ -0,0 +1,87 @@
1
+ /* AUTO-GENERATED FILE. DO NOT EDIT MANUALLY. */
2
+ @theme {
3
+ --color-rs-blue-50: var(--rs-color-blue-50);
4
+ --color-rs-blue-100: var(--rs-color-blue-100);
5
+ --color-rs-blue-500: var(--rs-color-blue-500);
6
+ --color-rs-blue-700: var(--rs-color-blue-700);
7
+ --color-rs-green-100: var(--rs-color-green-100);
8
+ --color-rs-green-500: var(--rs-color-green-500);
9
+ --color-rs-navygreen-100: var(--rs-color-navygreen-100);
10
+ --color-rs-navygreen-500: var(--rs-color-navygreen-500);
11
+ --color-rs-yellow-100: var(--rs-color-yellow-100);
12
+ --color-rs-yellow-500: var(--rs-color-yellow-500);
13
+ --color-rs-red-100: var(--rs-color-red-100);
14
+ --color-rs-red-500: var(--rs-color-red-500);
15
+ --color-rs-darkblue-100: var(--rs-color-darkblue-100);
16
+ --color-rs-darkblue-500: var(--rs-color-darkblue-500);
17
+ --color-rs-navyblue-100: var(--rs-color-navyblue-100);
18
+ --color-rs-navyblue-500: var(--rs-color-navyblue-500);
19
+ --color-rs-gray-100: var(--rs-color-gray-100);
20
+ --color-rs-gray-300: var(--rs-color-gray-300);
21
+ --color-rs-gray-500: var(--rs-color-gray-500);
22
+ --color-rs-gray-700: var(--rs-color-gray-700);
23
+ --color-rs-black-500: var(--rs-color-black-500);
24
+ --color-rs-white-500: var(--rs-color-white-500);
25
+ --font-rs-sans: var(--rs-font-family);
26
+ --color-rs-background: var(--rs-color-background);
27
+ --color-rs-background-disabled: var(--rs-color-background-disabled);
28
+ --color-rs-background-caution: var(--rs-color-background-caution);
29
+ --color-rs-background-info: var(--rs-color-background-info);
30
+ --color-rs-surface-primary: var(--rs-color-surface-primary);
31
+ --color-rs-surface-tertiary: var(--rs-color-surface-tertiary);
32
+ --color-rs-text-primary: var(--rs-color-text-primary);
33
+ --color-rs-text-secondary: var(--rs-color-text-secondary);
34
+ --color-rs-text-brand: var(--rs-color-text-brand);
35
+ --color-rs-text-brand-blue: var(--rs-color-text-brand-blue);
36
+ --color-rs-text-brand-green: var(--rs-color-text-brand-green);
37
+ --color-rs-text-brand-yellow: var(--rs-color-text-brand-yellow);
38
+ --color-rs-text-brand-red: var(--rs-color-text-brand-red);
39
+ --color-rs-text-placeholder: var(--rs-color-text-placeholder);
40
+ --color-rs-text-caution: var(--rs-color-text-caution);
41
+ --color-rs-text-button-primary: var(--rs-color-text-button-primary);
42
+ --color-rs-text-button-secondary: var(--rs-color-text-button-secondary);
43
+ --color-rs-text-button-tertiary: var(--rs-color-text-button-tertiary);
44
+ --color-rs-text-button-tertiary-hover: var(--rs-color-text-button-tertiary-hover);
45
+ --color-rs-icon-primary: var(--rs-color-icon-primary);
46
+ --color-rs-icon-secondary: var(--rs-color-icon-secondary);
47
+ --color-rs-icon-button-primary: var(--rs-color-icon-button-primary);
48
+ --color-rs-icon-button-secondary: var(--rs-color-icon-button-secondary);
49
+ --color-rs-icon-button-tertiary: var(--rs-color-icon-button-tertiary);
50
+ --color-rs-icon-input: var(--rs-color-icon-input);
51
+ --color-rs-icon-brand-blue: var(--rs-color-icon-brand-blue);
52
+ --color-rs-icon-brand-green: var(--rs-color-icon-brand-green);
53
+ --color-rs-icon-brand-yellow: var(--rs-color-icon-brand-yellow);
54
+ --color-rs-icon-brand-red: var(--rs-color-icon-brand-red);
55
+ --color-rs-icon-brand-darkblue: var(--rs-color-icon-brand-darkblue);
56
+ --color-rs-stroke-default: var(--rs-color-stroke-default);
57
+ --color-rs-stroke-focused: var(--rs-color-stroke-focused);
58
+ --color-rs-stroke-disabled: var(--rs-color-stroke-disabled);
59
+ --color-rs-stroke-success: var(--rs-color-stroke-success);
60
+ --color-rs-stroke-caution: var(--rs-color-stroke-caution);
61
+ --color-rs-stroke-error: var(--rs-color-stroke-error);
62
+ --color-rs-button-primary: var(--rs-color-button-primary);
63
+ --color-rs-button-primary-hover: var(--rs-color-button-primary-hover);
64
+ --color-rs-button-secondary: var(--rs-color-button-secondary);
65
+ --color-rs-button-secondary-hover: var(--rs-color-button-secondary-hover);
66
+ --color-rs-button-blue-surface: var(--rs-color-button-blue-surface);
67
+ --color-rs-button-green-surface: var(--rs-color-button-green-surface);
68
+ --color-rs-button-yellow-surface: var(--rs-color-button-yellow-surface);
69
+ --color-rs-button-red-surface: var(--rs-color-button-red-surface);
70
+ --pill-bg-brand-blue: var(--rs-pill-bg-brand-blue);
71
+ --pill-color-brand-blue: var(--rs-pill-color-brand-blue);
72
+ --pill-bg-brand-navyblue: var(--rs-pill-bg-brand-navyblue);
73
+ --pill-color-brand-navyblue: var(--rs-pill-color-brand-navyblue);
74
+ --pill-bg-brand-green: var(--rs-pill-bg-brand-green);
75
+ --pill-color-brand-green: var(--rs-pill-color-brand-green);
76
+ --pill-bg-brand-navygreen: var(--rs-pill-bg-brand-navygreen);
77
+ --pill-color-brand-navygreen: var(--rs-pill-color-brand-navygreen);
78
+ --pill-bg-brand-red: var(--rs-pill-bg-brand-red);
79
+ --pill-color-brand-red: var(--rs-pill-color-brand-red);
80
+ --pill-bg-brand-yellow: var(--rs-pill-bg-brand-yellow);
81
+ --pill-color-brand-yellow: var(--rs-pill-color-brand-yellow);
82
+ --color-rs-sidebar-background: var(--rs-color-sidebar-background);
83
+ --color-rs-sidebar-background-active: var(--rs-color-sidebar-background-active);
84
+ --color-rs-sidebar-background-hover: var(--rs-color-sidebar-background-hover);
85
+ --color-rs-sidebar-stroke: var(--rs-color-sidebar-stroke);
86
+ --color-rs-sidebar-stroke-active: var(--rs-color-sidebar-stroke-active);
87
+ }
package/dist/tokens.css ADDED
@@ -0,0 +1,173 @@
1
+ /* AUTO-GENERATED FILE. DO NOT EDIT MANUALLY. */
2
+ :root {
3
+ --rs-color-blue-50: #F0F9FD;
4
+ --rs-color-blue-100: #E6F6FB;
5
+ --rs-color-blue-500: #48A0D4;
6
+ --rs-color-blue-700: #2A719B;
7
+ --rs-color-green-100: #EDF7E6;
8
+ --rs-color-green-500: #4EAE01;
9
+ --rs-color-navygreen-100: #E5F1EA;
10
+ --rs-color-navygreen-500: #007C2F;
11
+ --rs-color-yellow-100: #FFF4E6;
12
+ --rs-color-yellow-500: #FF9001;
13
+ --rs-color-red-100: #FFF0F1;
14
+ --rs-color-red-500: #D80115;
15
+ --rs-color-darkblue-100: #E5ECF5;
16
+ --rs-color-darkblue-500: #004A9F;
17
+ --rs-color-navyblue-100: var(--rs-color-darkblue-100);
18
+ --rs-color-navyblue-500: var(--rs-color-darkblue-500);
19
+ --rs-color-gray-100: #F6F6F6;
20
+ --rs-color-gray-300: #EEEEEE;
21
+ --rs-color-gray-500: #D1D1D1;
22
+ --rs-color-gray-700: #909090;
23
+ --rs-color-black-500: #000000;
24
+ --rs-color-white-500: #FFFFFF;
25
+ --rs-font-family: 'Inter', sans-serif;
26
+ --rs-color-background: var(--rs-color-gray-100);
27
+ --rs-color-background-disabled: var(--rs-color-gray-100);
28
+ --rs-color-background-caution: var(--rs-color-yellow-100);
29
+ --rs-color-background-info: var(--rs-color-blue-100);
30
+ --rs-color-surface-primary: var(--rs-color-white-500);
31
+ --rs-color-surface-tertiary: var(--rs-color-black-500);
32
+ --rs-color-text-primary: var(--rs-color-black-500);
33
+ --rs-color-text-secondary: var(--rs-color-gray-700);
34
+ --rs-color-text-brand: var(--rs-color-blue-500);
35
+ --rs-color-text-brand-blue: var(--rs-color-blue-500);
36
+ --rs-color-text-brand-green: var(--rs-color-green-500);
37
+ --rs-color-text-brand-yellow: var(--rs-color-yellow-500);
38
+ --rs-color-text-brand-red: var(--rs-color-red-500);
39
+ --rs-color-text-placeholder: var(--rs-color-gray-500);
40
+ --rs-color-text-caution: var(--rs-color-yellow-500);
41
+ --rs-color-text-button-primary: var(--rs-color-white-500);
42
+ --rs-color-text-button-secondary: var(--rs-color-black-500);
43
+ --rs-color-text-button-tertiary: var(--rs-color-blue-500);
44
+ --rs-color-text-button-tertiary-hover: var(--rs-color-blue-700);
45
+ --rs-color-icon-primary: var(--rs-color-blue-500);
46
+ --rs-color-icon-secondary: var(--rs-color-black-500);
47
+ --rs-color-icon-button-primary: var(--rs-color-white-500);
48
+ --rs-color-icon-button-secondary: var(--rs-color-black-500);
49
+ --rs-color-icon-button-tertiary: var(--rs-color-blue-500);
50
+ --rs-color-icon-input: var(--rs-color-black-500);
51
+ --rs-color-icon-brand-blue: var(--rs-color-blue-500);
52
+ --rs-color-icon-brand-green: var(--rs-color-green-500);
53
+ --rs-color-icon-brand-yellow: var(--rs-color-yellow-500);
54
+ --rs-color-icon-brand-red: var(--rs-color-red-500);
55
+ --rs-color-icon-brand-darkblue: var(--rs-color-darkblue-500);
56
+ --rs-color-stroke-default: var(--rs-color-gray-500);
57
+ --rs-color-stroke-focused: var(--rs-color-blue-500);
58
+ --rs-color-stroke-disabled: var(--rs-color-gray-100);
59
+ --rs-color-stroke-success: var(--rs-color-green-500);
60
+ --rs-color-stroke-caution: var(--rs-color-yellow-500);
61
+ --rs-color-stroke-error: var(--rs-color-red-500);
62
+ --rs-color-button-primary: var(--rs-color-blue-500);
63
+ --rs-color-button-primary-hover: var(--rs-color-blue-700);
64
+ --rs-color-button-secondary: var(--rs-color-gray-500);
65
+ --rs-color-button-secondary-hover: var(--rs-color-gray-700);
66
+ --rs-color-button-blue-surface: var(--rs-color-blue-100);
67
+ --rs-color-button-green-surface: var(--rs-color-green-100);
68
+ --rs-color-button-yellow-surface: var(--rs-color-yellow-100);
69
+ --rs-color-button-red-surface: var(--rs-color-red-100);
70
+ --rs-pill-bg-brand-blue: var(--rs-color-blue-100);
71
+ --rs-pill-color-brand-blue: var(--rs-color-blue-500);
72
+ --rs-pill-bg-brand-navyblue: var(--rs-color-navyblue-100);
73
+ --rs-pill-color-brand-navyblue: var(--rs-color-navyblue-500);
74
+ --rs-pill-bg-brand-green: var(--rs-color-green-100);
75
+ --rs-pill-color-brand-green: var(--rs-color-green-500);
76
+ --rs-pill-bg-brand-navygreen: var(--rs-color-navygreen-100);
77
+ --rs-pill-color-brand-navygreen: var(--rs-color-navygreen-500);
78
+ --rs-pill-bg-brand-red: var(--rs-color-red-100);
79
+ --rs-pill-color-brand-red: var(--rs-color-red-500);
80
+ --rs-pill-bg-brand-yellow: var(--rs-color-yellow-100);
81
+ --rs-pill-color-brand-yellow: var(--rs-color-yellow-500);
82
+ --rs-color-sidebar-background: var(--rs-color-white-500);
83
+ --rs-color-sidebar-background-active: var(--rs-color-blue-100);
84
+ --rs-color-sidebar-background-hover: var(--rs-color-blue-100);
85
+ --rs-color-sidebar-stroke: var(--rs-color-gray-100);
86
+ --rs-color-sidebar-stroke-active: var(--rs-color-blue-500);
87
+
88
+ /* Deprecated legacy aliases. Use --rs-* tokens instead. */
89
+ --color-blue-50: var(--rs-color-blue-50);
90
+ --color-blue-100: var(--rs-color-blue-100);
91
+ --color-blue-500: var(--rs-color-blue-500);
92
+ --color-blue-700: var(--rs-color-blue-700);
93
+ --color-green-100: var(--rs-color-green-100);
94
+ --color-green-500: var(--rs-color-green-500);
95
+ --color-navygreen-100: var(--rs-color-navygreen-100);
96
+ --color-navygreen-500: var(--rs-color-navygreen-500);
97
+ --color-yellow-100: var(--rs-color-yellow-100);
98
+ --color-yellow-500: var(--rs-color-yellow-500);
99
+ --color-red-100: var(--rs-color-red-100);
100
+ --color-red-500: var(--rs-color-red-500);
101
+ --color-darkblue-100: var(--rs-color-darkblue-100);
102
+ --color-darkblue-500: var(--rs-color-darkblue-500);
103
+ --color-navyblue-100: var(--rs-color-navyblue-100);
104
+ --color-navyblue-500: var(--rs-color-navyblue-500);
105
+ --color-gray-100: var(--rs-color-gray-100);
106
+ --color-gray-300: var(--rs-color-gray-300);
107
+ --color-gray-500: var(--rs-color-gray-500);
108
+ --color-gray-700: var(--rs-color-gray-700);
109
+ --color-black-500: var(--rs-color-black-500);
110
+ --color-white-500: var(--rs-color-white-500);
111
+ --font-family: var(--rs-font-family);
112
+ --color-background: var(--rs-color-background);
113
+ --color-background-disabled: var(--rs-color-background-disabled);
114
+ --color-background-caution: var(--rs-color-background-caution);
115
+ --color-background-info: var(--rs-color-background-info);
116
+ --color-surface-primary: var(--rs-color-surface-primary);
117
+ --color-surface-tertiary: var(--rs-color-surface-tertiary);
118
+ --color-text-primary: var(--rs-color-text-primary);
119
+ --color-text-secondary: var(--rs-color-text-secondary);
120
+ --color-text-brand: var(--rs-color-text-brand);
121
+ --color-text-brand-blue: var(--rs-color-text-brand-blue);
122
+ --color-text-brand-green: var(--rs-color-text-brand-green);
123
+ --color-text-brand-yellow: var(--rs-color-text-brand-yellow);
124
+ --color-text-brand-red: var(--rs-color-text-brand-red);
125
+ --color-text-placeholder: var(--rs-color-text-placeholder);
126
+ --color-text-caution: var(--rs-color-text-caution);
127
+ --color-text-button-primary: var(--rs-color-text-button-primary);
128
+ --color-text-button-secondary: var(--rs-color-text-button-secondary);
129
+ --color-text-button-tertiary: var(--rs-color-text-button-tertiary);
130
+ --color-text-button-tertiary-hover: var(--rs-color-text-button-tertiary-hover);
131
+ --color-icon-primary: var(--rs-color-icon-primary);
132
+ --color-icon-secondary: var(--rs-color-icon-secondary);
133
+ --color-icon-button-primary: var(--rs-color-icon-button-primary);
134
+ --color-icon-button-secondary: var(--rs-color-icon-button-secondary);
135
+ --color-icon-button-tertiary: var(--rs-color-icon-button-tertiary);
136
+ --color-icon-input: var(--rs-color-icon-input);
137
+ --color-icon-brand-blue: var(--rs-color-icon-brand-blue);
138
+ --color-icon-brand-green: var(--rs-color-icon-brand-green);
139
+ --color-icon-brand-yellow: var(--rs-color-icon-brand-yellow);
140
+ --color-icon-brand-red: var(--rs-color-icon-brand-red);
141
+ --color-icon-brand-darkblue: var(--rs-color-icon-brand-darkblue);
142
+ --color-stroke-default: var(--rs-color-stroke-default);
143
+ --color-stroke-focused: var(--rs-color-stroke-focused);
144
+ --color-stroke-disabled: var(--rs-color-stroke-disabled);
145
+ --color-stroke-success: var(--rs-color-stroke-success);
146
+ --color-stroke-caution: var(--rs-color-stroke-caution);
147
+ --color-stroke-error: var(--rs-color-stroke-error);
148
+ --color-button-primary: var(--rs-color-button-primary);
149
+ --color-button-primary-hover: var(--rs-color-button-primary-hover);
150
+ --color-button-secondary: var(--rs-color-button-secondary);
151
+ --color-button-secondary-hover: var(--rs-color-button-secondary-hover);
152
+ --color-button-blue-surface: var(--rs-color-button-blue-surface);
153
+ --color-button-green-surface: var(--rs-color-button-green-surface);
154
+ --color-button-yellow-surface: var(--rs-color-button-yellow-surface);
155
+ --color-button-red-surface: var(--rs-color-button-red-surface);
156
+ --pill-bg-brand-blue: var(--rs-pill-bg-brand-blue);
157
+ --pill-color-brand-blue: var(--rs-pill-color-brand-blue);
158
+ --pill-bg-brand-navyblue: var(--rs-pill-bg-brand-navyblue);
159
+ --pill-color-brand-navyblue: var(--rs-pill-color-brand-navyblue);
160
+ --pill-bg-brand-green: var(--rs-pill-bg-brand-green);
161
+ --pill-color-brand-green: var(--rs-pill-color-brand-green);
162
+ --pill-bg-brand-navygreen: var(--rs-pill-bg-brand-navygreen);
163
+ --pill-color-brand-navygreen: var(--rs-pill-color-brand-navygreen);
164
+ --pill-bg-brand-red: var(--rs-pill-bg-brand-red);
165
+ --pill-color-brand-red: var(--rs-pill-color-brand-red);
166
+ --pill-bg-brand-yellow: var(--rs-pill-bg-brand-yellow);
167
+ --pill-color-brand-yellow: var(--rs-pill-color-brand-yellow);
168
+ --color-sidebar-background: var(--rs-color-sidebar-background);
169
+ --color-sidebar-background-active: var(--rs-color-sidebar-background-active);
170
+ --color-sidebar-background-hover: var(--rs-color-sidebar-background-hover);
171
+ --color-sidebar-stroke: var(--rs-color-sidebar-stroke);
172
+ --color-sidebar-stroke-active: var(--rs-color-sidebar-stroke-active);
173
+ }
package/dist/tokens.json ADDED
@@ -0,0 +1,427 @@
1
+ {
2
+ "_comment": "AUTO-GENERATED FILE. DO NOT EDIT MANUALLY.",
3
+ "color-blue-50": {
4
+ "cssVariable": "--rs-color-blue-50",
5
+ "value": "#F0F9FD",
6
+ "type": "color"
7
+ },
8
+ "color-blue-100": {
9
+ "cssVariable": "--rs-color-blue-100",
10
+ "value": "#E6F6FB",
11
+ "type": "color"
12
+ },
13
+ "color-blue-500": {
14
+ "cssVariable": "--rs-color-blue-500",
15
+ "value": "#48A0D4",
16
+ "type": "color"
17
+ },
18
+ "color-blue-700": {
19
+ "cssVariable": "--rs-color-blue-700",
20
+ "value": "#2A719B",
21
+ "type": "color"
22
+ },
23
+ "color-green-100": {
24
+ "cssVariable": "--rs-color-green-100",
25
+ "value": "#EDF7E6",
26
+ "type": "color"
27
+ },
28
+ "color-green-500": {
29
+ "cssVariable": "--rs-color-green-500",
30
+ "value": "#4EAE01",
31
+ "type": "color"
32
+ },
33
+ "color-navygreen-100": {
34
+ "cssVariable": "--rs-color-navygreen-100",
35
+ "value": "#E5F1EA",
36
+ "type": "color"
37
+ },
38
+ "color-navygreen-500": {
39
+ "cssVariable": "--rs-color-navygreen-500",
40
+ "value": "#007C2F",
41
+ "type": "color"
42
+ },
43
+ "color-yellow-100": {
44
+ "cssVariable": "--rs-color-yellow-100",
45
+ "value": "#FFF4E6",
46
+ "type": "color"
47
+ },
48
+ "color-yellow-500": {
49
+ "cssVariable": "--rs-color-yellow-500",
50
+ "value": "#FF9001",
51
+ "type": "color"
52
+ },
53
+ "color-red-100": {
54
+ "cssVariable": "--rs-color-red-100",
55
+ "value": "#FFF0F1",
56
+ "type": "color"
57
+ },
58
+ "color-red-500": {
59
+ "cssVariable": "--rs-color-red-500",
60
+ "value": "#D80115",
61
+ "type": "color"
62
+ },
63
+ "color-darkblue-100": {
64
+ "cssVariable": "--rs-color-darkblue-100",
65
+ "value": "#E5ECF5",
66
+ "type": "color"
67
+ },
68
+ "color-darkblue-500": {
69
+ "cssVariable": "--rs-color-darkblue-500",
70
+ "value": "#004A9F",
71
+ "type": "color"
72
+ },
73
+ "color-navyblue-100": {
74
+ "cssVariable": "--rs-color-navyblue-100",
75
+ "value": "var(--rs-color-darkblue-100)",
76
+ "type": "color",
77
+ "description": "Backfilled legacy navyblue reference from the darkblue scale."
78
+ },
79
+ "color-navyblue-500": {
80
+ "cssVariable": "--rs-color-navyblue-500",
81
+ "value": "var(--rs-color-darkblue-500)",
82
+ "type": "color",
83
+ "description": "Backfilled legacy navyblue reference from the darkblue scale."
84
+ },
85
+ "color-gray-100": {
86
+ "cssVariable": "--rs-color-gray-100",
87
+ "value": "#F6F6F6",
88
+ "type": "color"
89
+ },
90
+ "color-gray-300": {
91
+ "cssVariable": "--rs-color-gray-300",
92
+ "value": "#EEEEEE",
93
+ "type": "color"
94
+ },
95
+ "color-gray-500": {
96
+ "cssVariable": "--rs-color-gray-500",
97
+ "value": "#D1D1D1",
98
+ "type": "color"
99
+ },
100
+ "color-gray-700": {
101
+ "cssVariable": "--rs-color-gray-700",
102
+ "value": "#909090",
103
+ "type": "color"
104
+ },
105
+ "color-black-500": {
106
+ "cssVariable": "--rs-color-black-500",
107
+ "value": "#000000",
108
+ "type": "color"
109
+ },
110
+ "color-white-500": {
111
+ "cssVariable": "--rs-color-white-500",
112
+ "value": "#FFFFFF",
113
+ "type": "color"
114
+ },
115
+ "font-family": {
116
+ "cssVariable": "--rs-font-family",
117
+ "value": "'Inter', sans-serif",
118
+ "type": "font"
119
+ },
120
+ "color-background": {
121
+ "cssVariable": "--rs-color-background",
122
+ "value": "var(--rs-color-gray-100)",
123
+ "type": "color"
124
+ },
125
+ "color-background-disabled": {
126
+ "cssVariable": "--rs-color-background-disabled",
127
+ "value": "var(--rs-color-gray-100)",
128
+ "type": "color"
129
+ },
130
+ "color-background-caution": {
131
+ "cssVariable": "--rs-color-background-caution",
132
+ "value": "var(--rs-color-yellow-100)",
133
+ "type": "color"
134
+ },
135
+ "color-background-info": {
136
+ "cssVariable": "--rs-color-background-info",
137
+ "value": "var(--rs-color-blue-100)",
138
+ "type": "color"
139
+ },
140
+ "color-surface-primary": {
141
+ "cssVariable": "--rs-color-surface-primary",
142
+ "value": "var(--rs-color-white-500)",
143
+ "type": "color"
144
+ },
145
+ "color-surface-tertiary": {
146
+ "cssVariable": "--rs-color-surface-tertiary",
147
+ "value": "var(--rs-color-black-500)",
148
+ "type": "color"
149
+ },
150
+ "color-text-primary": {
151
+ "cssVariable": "--rs-color-text-primary",
152
+ "value": "var(--rs-color-black-500)",
153
+ "type": "color"
154
+ },
155
+ "color-text-secondary": {
156
+ "cssVariable": "--rs-color-text-secondary",
157
+ "value": "var(--rs-color-gray-700)",
158
+ "type": "color"
159
+ },
160
+ "color-text-brand": {
161
+ "cssVariable": "--rs-color-text-brand",
162
+ "value": "var(--rs-color-blue-500)",
163
+ "type": "color"
164
+ },
165
+ "color-text-brand-blue": {
166
+ "cssVariable": "--rs-color-text-brand-blue",
167
+ "value": "var(--rs-color-blue-500)",
168
+ "type": "color"
169
+ },
170
+ "color-text-brand-green": {
171
+ "cssVariable": "--rs-color-text-brand-green",
172
+ "value": "var(--rs-color-green-500)",
173
+ "type": "color"
174
+ },
175
+ "color-text-brand-yellow": {
176
+ "cssVariable": "--rs-color-text-brand-yellow",
177
+ "value": "var(--rs-color-yellow-500)",
178
+ "type": "color"
179
+ },
180
+ "color-text-brand-red": {
181
+ "cssVariable": "--rs-color-text-brand-red",
182
+ "value": "var(--rs-color-red-500)",
183
+ "type": "color"
184
+ },
185
+ "color-text-placeholder": {
186
+ "cssVariable": "--rs-color-text-placeholder",
187
+ "value": "var(--rs-color-gray-500)",
188
+ "type": "color"
189
+ },
190
+ "color-text-caution": {
191
+ "cssVariable": "--rs-color-text-caution",
192
+ "value": "var(--rs-color-yellow-500)",
193
+ "type": "color"
194
+ },
195
+ "color-text-button-primary": {
196
+ "cssVariable": "--rs-color-text-button-primary",
197
+ "value": "var(--rs-color-white-500)",
198
+ "type": "color"
199
+ },
200
+ "color-text-button-secondary": {
201
+ "cssVariable": "--rs-color-text-button-secondary",
202
+ "value": "var(--rs-color-black-500)",
203
+ "type": "color"
204
+ },
205
+ "color-text-button-tertiary": {
206
+ "cssVariable": "--rs-color-text-button-tertiary",
207
+ "value": "var(--rs-color-blue-500)",
208
+ "type": "color"
209
+ },
210
+ "color-text-button-tertiary-hover": {
211
+ "cssVariable": "--rs-color-text-button-tertiary-hover",
212
+ "value": "var(--rs-color-blue-700)",
213
+ "type": "color"
214
+ },
215
+ "color-icon-primary": {
216
+ "cssVariable": "--rs-color-icon-primary",
217
+ "value": "var(--rs-color-blue-500)",
218
+ "type": "color"
219
+ },
220
+ "color-icon-secondary": {
221
+ "cssVariable": "--rs-color-icon-secondary",
222
+ "value": "var(--rs-color-black-500)",
223
+ "type": "color"
224
+ },
225
+ "color-icon-button-primary": {
226
+ "cssVariable": "--rs-color-icon-button-primary",
227
+ "value": "var(--rs-color-white-500)",
228
+ "type": "color"
229
+ },
230
+ "color-icon-button-secondary": {
231
+ "cssVariable": "--rs-color-icon-button-secondary",
232
+ "value": "var(--rs-color-black-500)",
233
+ "type": "color"
234
+ },
235
+ "color-icon-button-tertiary": {
236
+ "cssVariable": "--rs-color-icon-button-tertiary",
237
+ "value": "var(--rs-color-blue-500)",
238
+ "type": "color"
239
+ },
240
+ "color-icon-input": {
241
+ "cssVariable": "--rs-color-icon-input",
242
+ "value": "var(--rs-color-black-500)",
243
+ "type": "color"
244
+ },
245
+ "color-icon-brand-blue": {
246
+ "cssVariable": "--rs-color-icon-brand-blue",
247
+ "value": "var(--rs-color-blue-500)",
248
+ "type": "color"
249
+ },
250
+ "color-icon-brand-green": {
251
+ "cssVariable": "--rs-color-icon-brand-green",
252
+ "value": "var(--rs-color-green-500)",
253
+ "type": "color"
254
+ },
255
+ "color-icon-brand-yellow": {
256
+ "cssVariable": "--rs-color-icon-brand-yellow",
257
+ "value": "var(--rs-color-yellow-500)",
258
+ "type": "color"
259
+ },
260
+ "color-icon-brand-red": {
261
+ "cssVariable": "--rs-color-icon-brand-red",
262
+ "value": "var(--rs-color-red-500)",
263
+ "type": "color"
264
+ },
265
+ "color-icon-brand-darkblue": {
266
+ "cssVariable": "--rs-color-icon-brand-darkblue",
267
+ "value": "var(--rs-color-darkblue-500)",
268
+ "type": "color"
269
+ },
270
+ "color-stroke-default": {
271
+ "cssVariable": "--rs-color-stroke-default",
272
+ "value": "var(--rs-color-gray-500)",
273
+ "type": "color"
274
+ },
275
+ "color-stroke-focused": {
276
+ "cssVariable": "--rs-color-stroke-focused",
277
+ "value": "var(--rs-color-blue-500)",
278
+ "type": "color"
279
+ },
280
+ "color-stroke-disabled": {
281
+ "cssVariable": "--rs-color-stroke-disabled",
282
+ "value": "var(--rs-color-gray-100)",
283
+ "type": "color"
284
+ },
285
+ "color-stroke-success": {
286
+ "cssVariable": "--rs-color-stroke-success",
287
+ "value": "var(--rs-color-green-500)",
288
+ "type": "color"
289
+ },
290
+ "color-stroke-caution": {
291
+ "cssVariable": "--rs-color-stroke-caution",
292
+ "value": "var(--rs-color-yellow-500)",
293
+ "type": "color"
294
+ },
295
+ "color-stroke-error": {
296
+ "cssVariable": "--rs-color-stroke-error",
297
+ "value": "var(--rs-color-red-500)",
298
+ "type": "color"
299
+ },
300
+ "color-button-primary": {
301
+ "cssVariable": "--rs-color-button-primary",
302
+ "value": "var(--rs-color-blue-500)",
303
+ "type": "color"
304
+ },
305
+ "color-button-primary-hover": {
306
+ "cssVariable": "--rs-color-button-primary-hover",
307
+ "value": "var(--rs-color-blue-700)",
308
+ "type": "color"
309
+ },
310
+ "color-button-secondary": {
311
+ "cssVariable": "--rs-color-button-secondary",
312
+ "value": "var(--rs-color-gray-500)",
313
+ "type": "color"
314
+ },
315
+ "color-button-secondary-hover": {
316
+ "cssVariable": "--rs-color-button-secondary-hover",
317
+ "value": "var(--rs-color-gray-700)",
318
+ "type": "color"
319
+ },
320
+ "color-button-blue-surface": {
321
+ "cssVariable": "--rs-color-button-blue-surface",
322
+ "value": "var(--rs-color-blue-100)",
323
+ "type": "color"
324
+ },
325
+ "color-button-green-surface": {
326
+ "cssVariable": "--rs-color-button-green-surface",
327
+ "value": "var(--rs-color-green-100)",
328
+ "type": "color"
329
+ },
330
+ "color-button-yellow-surface": {
331
+ "cssVariable": "--rs-color-button-yellow-surface",
332
+ "value": "var(--rs-color-yellow-100)",
333
+ "type": "color"
334
+ },
335
+ "color-button-red-surface": {
336
+ "cssVariable": "--rs-color-button-red-surface",
337
+ "value": "var(--rs-color-red-100)",
338
+ "type": "color"
339
+ },
340
+ "pill-bg-brand-blue": {
341
+ "cssVariable": "--rs-pill-bg-brand-blue",
342
+ "value": "var(--rs-color-blue-100)",
343
+ "type": "component"
344
+ },
345
+ "pill-color-brand-blue": {
346
+ "cssVariable": "--rs-pill-color-brand-blue",
347
+ "value": "var(--rs-color-blue-500)",
348
+ "type": "component"
349
+ },
350
+ "pill-bg-brand-navyblue": {
351
+ "cssVariable": "--rs-pill-bg-brand-navyblue",
352
+ "value": "var(--rs-color-navyblue-100)",
353
+ "type": "component",
354
+ "description": "Legacy token referenced an undefined navyblue scale."
355
+ },
356
+ "pill-color-brand-navyblue": {
357
+ "cssVariable": "--rs-pill-color-brand-navyblue",
358
+ "value": "var(--rs-color-navyblue-500)",
359
+ "type": "component",
360
+ "description": "Legacy token referenced an undefined navyblue scale."
361
+ },
362
+ "pill-bg-brand-green": {
363
+ "cssVariable": "--rs-pill-bg-brand-green",
364
+ "value": "var(--rs-color-green-100)",
365
+ "type": "component"
366
+ },
367
+ "pill-color-brand-green": {
368
+ "cssVariable": "--rs-pill-color-brand-green",
369
+ "value": "var(--rs-color-green-500)",
370
+ "type": "component"
371
+ },
372
+ "pill-bg-brand-navygreen": {
373
+ "cssVariable": "--rs-pill-bg-brand-navygreen",
374
+ "value": "var(--rs-color-navygreen-100)",
375
+ "type": "component"
376
+ },
377
+ "pill-color-brand-navygreen": {
378
+ "cssVariable": "--rs-pill-color-brand-navygreen",
379
+ "value": "var(--rs-color-navygreen-500)",
380
+ "type": "component"
381
+ },
382
+ "pill-bg-brand-red": {
383
+ "cssVariable": "--rs-pill-bg-brand-red",
384
+ "value": "var(--rs-color-red-100)",
385
+ "type": "component"
386
+ },
387
+ "pill-color-brand-red": {
388
+ "cssVariable": "--rs-pill-color-brand-red",
389
+ "value": "var(--rs-color-red-500)",
390
+ "type": "component"
391
+ },
392
+ "pill-bg-brand-yellow": {
393
+ "cssVariable": "--rs-pill-bg-brand-yellow",
394
+ "value": "var(--rs-color-yellow-100)",
395
+ "type": "component"
396
+ },
397
+ "pill-color-brand-yellow": {
398
+ "cssVariable": "--rs-pill-color-brand-yellow",
399
+ "value": "var(--rs-color-yellow-500)",
400
+ "type": "component"
401
+ },
402
+ "color-sidebar-background": {
403
+ "cssVariable": "--rs-color-sidebar-background",
404
+ "value": "var(--rs-color-white-500)",
405
+ "type": "component"
406
+ },
407
+ "color-sidebar-background-active": {
408
+ "cssVariable": "--rs-color-sidebar-background-active",
409
+ "value": "var(--rs-color-blue-100)",
410
+ "type": "component"
411
+ },
412
+ "color-sidebar-background-hover": {
413
+ "cssVariable": "--rs-color-sidebar-background-hover",
414
+ "value": "var(--rs-color-blue-100)",
415
+ "type": "component"
416
+ },
417
+ "color-sidebar-stroke": {
418
+ "cssVariable": "--rs-color-sidebar-stroke",
419
+ "value": "var(--rs-color-gray-100)",
420
+ "type": "component"
421
+ },
422
+ "color-sidebar-stroke-active": {
423
+ "cssVariable": "--rs-color-sidebar-stroke-active",
424
+ "value": "var(--rs-color-blue-500)",
425
+ "type": "component"
426
+ }
427
+ }
package/package.json ADDED
@@ -0,0 +1,37 @@
1
+ {
2
+ "name": "@robosophy/tokens",
3
+ "version": "0.0.1",
4
+ "private": false,
5
+ "license": "UNLICENSED",
6
+ "type": "module",
7
+ "main": "./dist/index.js",
8
+ "types": "./dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "default": "./dist/index.js"
13
+ },
14
+ "./tokens.css": "./dist/tokens.css",
15
+ "./tailwind.css": "./dist/tailwind.css",
16
+ "./tokens.json": "./dist/tokens.json",
17
+ "./tailwind-preset": {
18
+ "types": "./dist/tailwind-preset.d.ts",
19
+ "default": "./dist/tailwind-preset.js"
20
+ }
21
+ },
22
+ "files": [
23
+ "dist",
24
+ "README.md",
25
+ "package.json"
26
+ ],
27
+ "sideEffects": [
28
+ "**/*.css"
29
+ ],
30
+ "scripts": {
31
+ "build": "tsup scripts/build-tokens.ts --format esm --platform node --out-dir .build --clean && node .build/build-tokens.js && rm -rf .build"
32
+ },
33
+ "devDependencies": {
34
+ "tsup": "^8.5.0",
35
+ "typescript": "^5.9.3"
36
+ }
37
+ }