@cas-smartdesign/design-tokens 1.9.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/base/_tokens.scss +401 -0
  2. package/dist/base/tokens.css +401 -0
  3. package/dist/base/tokens.json +6810 -0
  4. package/dist/dark/_tokens.scss +316 -0
  5. package/dist/dark/tokens.css +316 -0
  6. package/dist/dark/tokens.json +4103 -0
  7. package/dist/docs/assets/color-prominence-guide.svg +53 -0
  8. package/dist/docs/assets/color-role-guide.svg +65 -0
  9. package/dist/docs/assets/color-state-guide.svg +53 -0
  10. package/dist/docs/assets/color-type-guide.svg +58 -0
  11. package/dist/docs/assets/examples/buttons_default.svg +124 -0
  12. package/dist/docs/assets/examples/buttons_ghost.svg +119 -0
  13. package/dist/docs/assets/examples/buttons_outline.svg +142 -0
  14. package/dist/docs/assets/examples/buttons_standard.svg +129 -0
  15. package/dist/docs/assets/examples/checkbox_default.svg +106 -0
  16. package/dist/docs/assets/examples/content.svg +68 -0
  17. package/dist/docs/assets/examples/input_default-focus.svg +87 -0
  18. package/dist/docs/assets/examples/input_default.svg +46 -0
  19. package/dist/docs/assets/examples/input_disabled.svg +70 -0
  20. package/dist/docs/assets/examples/input_error.svg +48 -0
  21. package/dist/docs/assets/examples/input_warning.svg +46 -0
  22. package/dist/docs/assets/examples/list_item_navigation.svg +193 -0
  23. package/dist/docs/assets/examples/list_item_selection.svg +113 -0
  24. package/dist/docs/assets/examples/note.svg +160 -0
  25. package/dist/docs/assets/examples/segmented_button_group.svg +57 -0
  26. package/dist/docs/assets/examples/tag.svg +190 -0
  27. package/dist/docs/index.html +5356 -218
  28. package/dist/light/_tokens.scss +316 -0
  29. package/dist/light/tokens.css +316 -0
  30. package/dist/light/tokens.json +4103 -0
  31. package/dist/tokens.css +1033 -165
  32. package/npm-third-party-licenses.json +52 -102
  33. package/package.json +22 -9
  34. package/readme.md +7 -2
  35. package/dist/tokens.cjs.js +0 -167
  36. package/dist/tokens.d.ts +0 -169
  37. package/dist/tokens.esm.js +0 -167
  38. package/dist/tokens.json +0 -167
  39. package/dist/tokens.scss +0 -494
package/dist/tokens.esm.js DELETED
@@ -1,167 +0,0 @@
1
- export default {
2
- "color-base-red-50": "#ffeeef",
3
- "color-base-red-100": "#ffe2e5",
4
- "color-base-red-150": "#ffccd2",
5
- "color-base-red-200": "#ffb7bf",
6
- "color-base-red-300": "#ff97a3",
7
- "color-base-red-400": "#f96778",
8
- "color-base-red-450": "#f14558",
9
- "color-base-red-500": "#ea2138",
10
- "color-base-red-600": "#e2001a",
11
- "color-base-red-700": "#cc0017",
12
- "color-base-red-800": "#b50015",
13
- "color-base-red-900": "#9f0012",
14
- "color-base-orange-50": "#fff5ef",
15
- "color-base-orange-100": "#ffefe5",
16
- "color-base-orange-150": "#ffe3d1",
17
- "color-base-orange-200": "#ffd7be",
18
- "color-base-orange-300": "#ffc19b",
19
- "color-base-orange-400": "#ffa670",
20
- "color-base-orange-450": "#ff9250",
21
- "color-base-orange-500": "#ff7e30",
22
- "color-base-orange-600": "#ff6b11",
23
- "color-base-orange-700": "#e95f0c",
24
- "color-base-orange-800": "#d65404",
25
- "color-base-orange-900": "#bf4800",
26
- "color-base-yellow-50": "#fffaeb",
27
- "color-base-yellow-100": "#fff6de",
28
- "color-base-yellow-150": "#fff0cc",
29
- "color-base-yellow-200": "#ffeab6",
30
- "color-base-yellow-300": "#ffe39d",
31
- "color-base-yellow-400": "#ffd97b",
32
- "color-base-yellow-450": "#ffcf58",
33
- "color-base-yellow-500": "#ffc434",
34
- "color-base-yellow-600": "#ffbb11",
35
- "color-base-yellow-700": "#e9aa0c",
36
- "color-base-yellow-800": "#d69a04",
37
- "color-base-yellow-900": "#bf8800",
38
- "color-base-green-50": "#f6faec",
39
- "color-base-green-100": "#f0f7df",
40
- "color-base-green-150": "#e8f2d0",
41
- "color-base-green-200": "#deedbc",
42
- "color-base-green-300": "#cee49c",
43
- "color-base-green-400": "#bedb79",
44
- "color-base-green-450": "#add154",
45
- "color-base-green-500": "#9bc730",
46
- "color-base-green-600": "#8abd0c",
47
- "color-base-green-700": "#7baa0b",
48
- "color-base-green-800": "#6e970a",
49
- "color-base-green-900": "#618508",
50
- "color-base-dark-green-50": "#eaf4ec",
51
- "color-base-dark-green-100": "#dff2e3",
52
- "color-base-dark-green-150": "#ccecd3",
53
- "color-base-dark-green-200": "#b1dfbb",
54
- "color-base-dark-green-300": "#93d3a2",
55
- "color-base-dark-green-400": "#72c584",
56
- "color-base-dark-green-450": "#4cb563",
57
- "color-base-dark-green-500": "#26a642",
58
- "color-base-dark-green-600": "#009621",
59
- "color-base-dark-green-700": "#00871e",
60
- "color-base-dark-green-800": "#00781a",
61
- "color-base-dark-green-900": "#006917",
62
- "color-base-cyan-50": "#e3f0f5",
63
- "color-base-cyan-100": "#d5eff8",
64
- "color-base-cyan-150": "#c2e8f3",
65
- "color-base-cyan-200": "#aee0ef",
66
- "color-base-cyan-300": "#92d4e7",
67
- "color-base-cyan-400": "#70c7e0",
68
- "color-base-cyan-450": "#43b4d6",
69
- "color-base-cyan-500": "#19a3cb",
70
- "color-base-cyan-600": "#0099c5",
71
- "color-base-cyan-700": "#008ab2",
72
- "color-base-cyan-800": "#007a9e",
73
- "color-base-cyan-900": "#006b8a",
74
- "color-base-blue-50": "#e7f1fa",
75
- "color-base-blue-100": "#d6eeff",
76
- "color-base-blue-150": "#c7e7ff",
77
- "color-base-blue-200": "#b1deff",
78
- "color-base-blue-300": "#8ecfff",
79
- "color-base-blue-400": "#6ac0ff",
80
- "color-base-blue-450": "#4ab2ff",
81
- "color-base-blue-500": "#2ba4ff",
82
- "color-base-blue-600": "#0d98ff",
83
- "color-base-blue-700": "#0c88e6",
84
- "color-base-blue-800": "#0a77ca",
85
- "color-base-blue-900": "#0968af",
86
- "color-base-dark-blue-50": "#e1ebf6",
87
- "color-base-dark-blue-100": "#d3e6fa",
88
- "color-base-dark-blue-150": "#b9d7f5",
89
- "color-base-dark-blue-200": "#9bc6f2",
90
- "color-base-dark-blue-300": "#77afe7",
91
- "color-base-dark-blue-400": "#5198e0",
92
- "color-base-dark-blue-450": "#3a85d1",
93
- "color-base-dark-blue-500": "#2576c7",
94
- "color-base-dark-blue-600": "#1467ba",
95
- "color-base-dark-blue-700": "#125da8",
96
- "color-base-dark-blue-800": "#105295",
97
- "color-base-dark-blue-900": "#0e4883",
98
- "color-base-pink-50": "#fce6f3",
99
- "color-base-pink-100": "#fad5eb",
100
- "color-base-pink-150": "#f7bbdd",
101
- "color-base-pink-200": "#f2a1cf",
102
- "color-base-pink-300": "#ec78ba",
103
- "color-base-pink-400": "#e755a8",
104
- "color-base-pink-450": "#d94397",
105
- "color-base-pink-500": "#cc2f89",
106
- "color-base-pink-600": "#c41579",
107
- "color-base-pink-700": "#b4136e",
108
- "color-base-pink-800": "#a01163",
109
- "color-base-pink-900": "#8a0f55",
110
- "color-base-purple-50": "#f4e2f6",
111
- "color-base-purple-100": "#eccff0",
112
- "color-base-purple-150": "#dab2e0",
113
- "color-base-purple-200": "#c792cf",
114
- "color-base-purple-300": "#ab66b4",
115
- "color-base-purple-400": "#93459e",
116
- "color-base-purple-450": "#823591",
117
- "color-base-purple-500": "#772386",
118
- "color-base-purple-600": "#6c127b",
119
- "color-base-purple-700": "#5e106b",
120
- "color-base-purple-800": "#530d5e",
121
- "color-base-purple-900": "#450b4f",
122
- "color-base-brown-50": "#f2eae4",
123
- "color-base-brown-100": "#eadcd2",
124
- "color-base-brown-150": "#d8c4b3",
125
- "color-base-brown-200": "#bca38d",
126
- "color-base-brown-300": "#a08165",
127
- "color-base-brown-400": "#8b6747",
128
- "color-base-brown-450": "#755438",
129
- "color-base-brown-500": "#65472b",
130
- "color-base-brown-600": "#593b20",
131
- "color-base-brown-700": "#4f351d",
132
- "color-base-brown-800": "#462f1b",
133
- "color-base-brown-900": "#3f2915",
134
- "color-base-grey-50": "#f9f9f9",
135
- "color-base-grey-100": "#f3f3f3",
136
- "color-base-grey-150": "#eeeeee",
137
- "color-base-grey-200": "#e5e5e5",
138
- "color-base-grey-300": "#d9d9d9",
139
- "color-base-grey-400": "#cccccc",
140
- "color-base-grey-450": "#bbbbbb",
141
- "color-base-grey-500": "#aaaaaa",
142
- "color-base-grey-600": "#999999",
143
- "color-base-grey-700": "#777777",
144
- "color-base-grey-800": "#666666",
145
- "color-base-grey-900": "#555555",
146
- "color-base-white": "#ffffff",
147
- "color-base-black": "#111111",
148
- "color-font-base": "#111111",
149
- "color-font-secondary": "#555555",
150
- "color-font-tertiary": "#999999",
151
- "color-font-warn": "#555555",
152
- "color-font-suggest": "#bf8800",
153
- "color-font-error": "#cc0017",
154
- "font-family-base": "\"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif",
155
- "size-font-tiny": "12px",
156
- "size-font-small": "13px",
157
- "size-font-medium": "16px",
158
- "size-font-large": "20px",
159
- "size-font-xl": "24px",
160
- "size-font-xxl": "32px",
161
- "size-font-xxxl": "48px",
162
- "size-font-base": "16px",
163
- "time-transition-short": "275ms",
164
- "time-transition-base": "300ms",
165
- "time-transition-long": "600ms",
166
- "time-transition-xl": "1000ms"
167
- }
package/dist/tokens.json DELETED
@@ -1,167 +0,0 @@
1
- {
2
- "color-base-red-50": "#ffeeef",
3
- "color-base-red-100": "#ffe2e5",
4
- "color-base-red-150": "#ffccd2",
5
- "color-base-red-200": "#ffb7bf",
6
- "color-base-red-300": "#ff97a3",
7
- "color-base-red-400": "#f96778",
8
- "color-base-red-450": "#f14558",
9
- "color-base-red-500": "#ea2138",
10
- "color-base-red-600": "#e2001a",
11
- "color-base-red-700": "#cc0017",
12
- "color-base-red-800": "#b50015",
13
- "color-base-red-900": "#9f0012",
14
- "color-base-orange-50": "#fff5ef",
15
- "color-base-orange-100": "#ffefe5",
16
- "color-base-orange-150": "#ffe3d1",
17
- "color-base-orange-200": "#ffd7be",
18
- "color-base-orange-300": "#ffc19b",
19
- "color-base-orange-400": "#ffa670",
20
- "color-base-orange-450": "#ff9250",
21
- "color-base-orange-500": "#ff7e30",
22
- "color-base-orange-600": "#ff6b11",
23
- "color-base-orange-700": "#e95f0c",
24
- "color-base-orange-800": "#d65404",
25
- "color-base-orange-900": "#bf4800",
26
- "color-base-yellow-50": "#fffaeb",
27
- "color-base-yellow-100": "#fff6de",
28
- "color-base-yellow-150": "#fff0cc",
29
- "color-base-yellow-200": "#ffeab6",
30
- "color-base-yellow-300": "#ffe39d",
31
- "color-base-yellow-400": "#ffd97b",
32
- "color-base-yellow-450": "#ffcf58",
33
- "color-base-yellow-500": "#ffc434",
34
- "color-base-yellow-600": "#ffbb11",
35
- "color-base-yellow-700": "#e9aa0c",
36
- "color-base-yellow-800": "#d69a04",
37
- "color-base-yellow-900": "#bf8800",
38
- "color-base-green-50": "#f6faec",
39
- "color-base-green-100": "#f0f7df",
40
- "color-base-green-150": "#e8f2d0",
41
- "color-base-green-200": "#deedbc",
42
- "color-base-green-300": "#cee49c",
43
- "color-base-green-400": "#bedb79",
44
- "color-base-green-450": "#add154",
45
- "color-base-green-500": "#9bc730",
46
- "color-base-green-600": "#8abd0c",
47
- "color-base-green-700": "#7baa0b",
48
- "color-base-green-800": "#6e970a",
49
- "color-base-green-900": "#618508",
50
- "color-base-dark-green-50": "#eaf4ec",
51
- "color-base-dark-green-100": "#dff2e3",
52
- "color-base-dark-green-150": "#ccecd3",
53
- "color-base-dark-green-200": "#b1dfbb",
54
- "color-base-dark-green-300": "#93d3a2",
55
- "color-base-dark-green-400": "#72c584",
56
- "color-base-dark-green-450": "#4cb563",
57
- "color-base-dark-green-500": "#26a642",
58
- "color-base-dark-green-600": "#009621",
59
- "color-base-dark-green-700": "#00871e",
60
- "color-base-dark-green-800": "#00781a",
61
- "color-base-dark-green-900": "#006917",
62
- "color-base-cyan-50": "#e3f0f5",
63
- "color-base-cyan-100": "#d5eff8",
64
- "color-base-cyan-150": "#c2e8f3",
65
- "color-base-cyan-200": "#aee0ef",
66
- "color-base-cyan-300": "#92d4e7",
67
- "color-base-cyan-400": "#70c7e0",
68
- "color-base-cyan-450": "#43b4d6",
69
- "color-base-cyan-500": "#19a3cb",
70
- "color-base-cyan-600": "#0099c5",
71
- "color-base-cyan-700": "#008ab2",
72
- "color-base-cyan-800": "#007a9e",
73
- "color-base-cyan-900": "#006b8a",
74
- "color-base-blue-50": "#e7f1fa",
75
- "color-base-blue-100": "#d6eeff",
76
- "color-base-blue-150": "#c7e7ff",
77
- "color-base-blue-200": "#b1deff",
78
- "color-base-blue-300": "#8ecfff",
79
- "color-base-blue-400": "#6ac0ff",
80
- "color-base-blue-450": "#4ab2ff",
81
- "color-base-blue-500": "#2ba4ff",
82
- "color-base-blue-600": "#0d98ff",
83
- "color-base-blue-700": "#0c88e6",
84
- "color-base-blue-800": "#0a77ca",
85
- "color-base-blue-900": "#0968af",
86
- "color-base-dark-blue-50": "#e1ebf6",
87
- "color-base-dark-blue-100": "#d3e6fa",
88
- "color-base-dark-blue-150": "#b9d7f5",
89
- "color-base-dark-blue-200": "#9bc6f2",
90
- "color-base-dark-blue-300": "#77afe7",
91
- "color-base-dark-blue-400": "#5198e0",
92
- "color-base-dark-blue-450": "#3a85d1",
93
- "color-base-dark-blue-500": "#2576c7",
94
- "color-base-dark-blue-600": "#1467ba",
95
- "color-base-dark-blue-700": "#125da8",
96
- "color-base-dark-blue-800": "#105295",
97
- "color-base-dark-blue-900": "#0e4883",
98
- "color-base-pink-50": "#fce6f3",
99
- "color-base-pink-100": "#fad5eb",
100
- "color-base-pink-150": "#f7bbdd",
101
- "color-base-pink-200": "#f2a1cf",
102
- "color-base-pink-300": "#ec78ba",
103
- "color-base-pink-400": "#e755a8",
104
- "color-base-pink-450": "#d94397",
105
- "color-base-pink-500": "#cc2f89",
106
- "color-base-pink-600": "#c41579",
107
- "color-base-pink-700": "#b4136e",
108
- "color-base-pink-800": "#a01163",
109
- "color-base-pink-900": "#8a0f55",
110
- "color-base-purple-50": "#f4e2f6",
111
- "color-base-purple-100": "#eccff0",
112
- "color-base-purple-150": "#dab2e0",
113
- "color-base-purple-200": "#c792cf",
114
- "color-base-purple-300": "#ab66b4",
115
- "color-base-purple-400": "#93459e",
116
- "color-base-purple-450": "#823591",
117
- "color-base-purple-500": "#772386",
118
- "color-base-purple-600": "#6c127b",
119
- "color-base-purple-700": "#5e106b",
120
- "color-base-purple-800": "#530d5e",
121
- "color-base-purple-900": "#450b4f",
122
- "color-base-brown-50": "#f2eae4",
123
- "color-base-brown-100": "#eadcd2",
124
- "color-base-brown-150": "#d8c4b3",
125
- "color-base-brown-200": "#bca38d",
126
- "color-base-brown-300": "#a08165",
127
- "color-base-brown-400": "#8b6747",
128
- "color-base-brown-450": "#755438",
129
- "color-base-brown-500": "#65472b",
130
- "color-base-brown-600": "#593b20",
131
- "color-base-brown-700": "#4f351d",
132
- "color-base-brown-800": "#462f1b",
133
- "color-base-brown-900": "#3f2915",
134
- "color-base-grey-50": "#f9f9f9",
135
- "color-base-grey-100": "#f3f3f3",
136
- "color-base-grey-150": "#eeeeee",
137
- "color-base-grey-200": "#e5e5e5",
138
- "color-base-grey-300": "#d9d9d9",
139
- "color-base-grey-400": "#cccccc",
140
- "color-base-grey-450": "#bbbbbb",
141
- "color-base-grey-500": "#aaaaaa",
142
- "color-base-grey-600": "#999999",
143
- "color-base-grey-700": "#777777",
144
- "color-base-grey-800": "#666666",
145
- "color-base-grey-900": "#555555",
146
- "color-base-white": "#ffffff",
147
- "color-base-black": "#111111",
148
- "color-font-base": "#111111",
149
- "color-font-secondary": "#555555",
150
- "color-font-tertiary": "#999999",
151
- "color-font-warn": "#555555",
152
- "color-font-suggest": "#bf8800",
153
- "color-font-error": "#cc0017",
154
- "font-family-base": "\"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif",
155
- "size-font-tiny": "12px",
156
- "size-font-small": "13px",
157
- "size-font-medium": "16px",
158
- "size-font-large": "20px",
159
- "size-font-xl": "24px",
160
- "size-font-xxl": "32px",
161
- "size-font-xxxl": "48px",
162
- "size-font-base": "16px",
163
- "time-transition-short": "275ms",
164
- "time-transition-base": "300ms",
165
- "time-transition-long": "600ms",
166
- "time-transition-xl": "1000ms"
167
- }