@times-design-system/theme-scss 1.4.0 → 1.5.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 (31) hide show
  1. package/dist/palettes/_brand-light.scss +1 -7
  2. package/dist/palettes/_business-dark.scss +86 -15
  3. package/dist/palettes/_business-light.scss +95 -24
  4. package/dist/palettes/_comment-dark.scss +86 -15
  5. package/dist/palettes/_comment-light.scss +95 -24
  6. package/dist/palettes/_core-dark.scss +83 -12
  7. package/dist/palettes/_core-light.scss +89 -15
  8. package/dist/palettes/_culture-dark.scss +86 -15
  9. package/dist/palettes/_culture-light.scss +95 -24
  10. package/dist/palettes/_home-dark.scss +86 -15
  11. package/dist/palettes/_home-light.scss +95 -24
  12. package/dist/palettes/_ireland-dark.scss +86 -15
  13. package/dist/palettes/_ireland-light.scss +95 -24
  14. package/dist/palettes/_lifeAndStyle-dark.scss +86 -15
  15. package/dist/palettes/_lifeAndStyle-light.scss +95 -24
  16. package/dist/palettes/_money-dark.scss +86 -15
  17. package/dist/palettes/_money-light.scss +95 -24
  18. package/dist/palettes/_obituaries-dark.scss +86 -15
  19. package/dist/palettes/_obituaries-light.scss +95 -24
  20. package/dist/palettes/_puzzles-dark.scss +86 -15
  21. package/dist/palettes/_puzzles-light.scss +95 -24
  22. package/dist/palettes/_sport-dark.scss +86 -15
  23. package/dist/palettes/_sport-light.scss +95 -24
  24. package/dist/palettes/_travel-dark.scss +86 -15
  25. package/dist/palettes/_travel-light.scss +95 -24
  26. package/dist/palettes/_uk-dark.scss +86 -15
  27. package/dist/palettes/_uk-light.scss +95 -24
  28. package/dist/palettes/_world-dark.scss +86 -15
  29. package/dist/palettes/_world-light.scss +95 -24
  30. package/dist/tds-typography.scss +191 -335
  31. package/package.json +2 -2
package/dist/palettes/_core-light.scss CHANGED
@@ -9,6 +9,8 @@ $tds-surface-overlay: rgba(0, 0, 0, 0.45);
9
9
  $tds-surface-channel-low: #d9d9d9;
10
10
  $tds-surface-channel-medium: #a6a6a6;
11
11
  $tds-surface-channel-high: #737373;
12
+ $tds-surface-channel-static-dark: #e6e6e6;
13
+ $tds-surface-channel-static-light: #333333;
12
14
  $tds-surface-static-dark: #000000;
13
15
  $tds-surface-static-light: #ffffff;
14
16
  $tds-text-primary: #1a1a1a;
@@ -86,9 +88,9 @@ $tds-feedback-icon-error: #800000;
86
88
  $tds-feedback-icon-success: #1d5962;
87
89
  $tds-feedback-icon-warning: #00992e;
88
90
  $tds-feedback-icon-info: #090909;
89
- $tds-interactive-primary-fill-default: #000000;
90
- $tds-interactive-primary-fill-hover: #000000;
91
- $tds-interactive-primary-fill-pressed: #000000;
91
+ $tds-interactive-primary-fill-default: #005c8a;
92
+ $tds-interactive-primary-fill-hover: #005c8a;
93
+ $tds-interactive-primary-fill-pressed: #005c8a;
92
94
  $tds-interactive-primary-text-default: #ffffff;
93
95
  $tds-interactive-primary-text-hover: #ffffff;
94
96
  $tds-interactive-primary-text-pressed: #ffffff;
@@ -101,21 +103,93 @@ $tds-interactive-secondary-fill-pressed: #ffffff;
101
103
  $tds-interactive-secondary-border-default: #8c8c8c;
102
104
  $tds-interactive-secondary-border-hover: #8c8c8c;
103
105
  $tds-interactive-secondary-border-pressed: #8c8c8c;
104
- $tds-interactive-secondary-text-default: #404040;
105
- $tds-interactive-secondary-text-hover: #404040;
106
- $tds-interactive-secondary-text-pressed: #404040;
107
- $tds-interactive-secondary-icon-default: #404040;
108
- $tds-interactive-secondary-icon-hover: #404040;
109
- $tds-interactive-secondary-icon-pressed: #404040;
106
+ $tds-interactive-secondary-text-default: #1a1a1a;
107
+ $tds-interactive-secondary-text-hover: #1a1a1a;
108
+ $tds-interactive-secondary-text-pressed: #1a1a1a;
109
+ $tds-interactive-secondary-icon-default: #1a1a1a;
110
+ $tds-interactive-secondary-icon-hover: #1a1a1a;
111
+ $tds-interactive-secondary-icon-pressed: #1a1a1a;
110
112
  $tds-interactive-disabled-a: #d9d9d9;
111
113
  $tds-interactive-disabled-b: #bfbfbf;
112
114
  $tds-interactive-disabled-c: #a6a6a6;
113
- $tds-interactive-link-primary-default: #005c8a;
114
- $tds-interactive-link-primary-hover: #005c8a;
115
- $tds-interactive-link-primary-pressed: #005c8a;
116
- $tds-interactive-link-secondary-default: #737373;
117
- $tds-interactive-link-secondary-hover: #737373;
118
- $tds-interactive-link-secondary-pressed: #737373;
115
+ $tds-interactive-chip-primary-solid-fill-default: #005c8a;
116
+ $tds-interactive-chip-primary-solid-fill-hover: #005c8a;
117
+ $tds-interactive-chip-primary-solid-fill-pressed: #005c8a;
118
+ $tds-interactive-chip-primary-solid-text-default: #ffffff;
119
+ $tds-interactive-chip-primary-solid-text-hover: #ffffff;
120
+ $tds-interactive-chip-primary-solid-text-pressed: #ffffff;
121
+ $tds-interactive-chip-primary-solid-icon-default: #ffffff;
122
+ $tds-interactive-chip-primary-solid-icon-hover: #ffffff;
123
+ $tds-interactive-chip-primary-solid-icon-pressed: #ffffff;
124
+ $tds-interactive-chip-primary-outline-text-default: #005c8a;
125
+ $tds-interactive-chip-primary-outline-text-hover: #005c8a;
126
+ $tds-interactive-chip-primary-outline-text-pressed: #005c8a;
127
+ $tds-interactive-chip-primary-outline-fill-default: #ffffff;
128
+ $tds-interactive-chip-primary-outline-fill-hover: #ffffff;
129
+ $tds-interactive-chip-primary-outline-fill-pressed: #ffffff;
130
+ $tds-interactive-chip-primary-outline-border-default: #005c8a;
131
+ $tds-interactive-chip-primary-outline-border-hover: #005c8a;
132
+ $tds-interactive-chip-primary-outline-border-pressed: #005c8a;
133
+ $tds-interactive-chip-primary-outline-icon-default: #005c8a;
134
+ $tds-interactive-chip-primary-outline-icon-hover: #005c8a;
135
+ $tds-interactive-chip-primary-outline-icon-pressed: #005c8a;
136
+ $tds-interactive-chip-secondary-solid-fill-default: #1a1a1a;
137
+ $tds-interactive-chip-secondary-solid-fill-hover: #1a1a1a;
138
+ $tds-interactive-chip-secondary-solid-fill-pressed: #1a1a1a;
139
+ $tds-interactive-chip-secondary-solid-text-default: #ffffff;
140
+ $tds-interactive-chip-secondary-solid-text-hover: #ffffff;
141
+ $tds-interactive-chip-secondary-solid-text-pressed: #ffffff;
142
+ $tds-interactive-chip-secondary-solid-icon-default: #ffffff;
143
+ $tds-interactive-chip-secondary-solid-icon-hover: #ffffff;
144
+ $tds-interactive-chip-secondary-solid-icon-pressed: #ffffff;
145
+ $tds-interactive-chip-secondary-outline-text-default: #1a1a1a;
146
+ $tds-interactive-chip-secondary-outline-text-hover: #1a1a1a;
147
+ $tds-interactive-chip-secondary-outline-text-pressed: #1a1a1a;
148
+ $tds-interactive-chip-secondary-outline-fill-default: #ffffff;
149
+ $tds-interactive-chip-secondary-outline-fill-hover: #ffffff;
150
+ $tds-interactive-chip-secondary-outline-fill-pressed: #ffffff;
151
+ $tds-interactive-chip-secondary-outline-border-default: #1a1a1a;
152
+ $tds-interactive-chip-secondary-outline-border-hover: #1a1a1a;
153
+ $tds-interactive-chip-secondary-outline-border-pressed: #1a1a1a;
154
+ $tds-interactive-chip-secondary-outline-icon-default: #1a1a1a;
155
+ $tds-interactive-chip-secondary-outline-icon-hover: #1a1a1a;
156
+ $tds-interactive-chip-secondary-outline-icon-pressed: #1a1a1a;
157
+ $tds-interactive-chip-channel-fill-default: #d9d9d9;
158
+ $tds-interactive-chip-channel-fill-hover: #d9d9d9;
159
+ $tds-interactive-chip-channel-fill-pressed: #d9d9d9;
160
+ $tds-interactive-chip-channel-text-default: #595959;
161
+ $tds-interactive-chip-channel-text-hover: #595959;
162
+ $tds-interactive-chip-channel-text-pressed: #595959;
163
+ $tds-interactive-chip-channel-icon-default: #595959;
164
+ $tds-interactive-chip-channel-icon-hover: #595959;
165
+ $tds-interactive-chip-channel-icon-pressed: #595959;
166
+ $tds-interactive-chip-channel-border-default: #a6a6a6;
167
+ $tds-interactive-chip-channel-border-hover: #a6a6a6;
168
+ $tds-interactive-chip-channel-border-pressed: #a6a6a6;
169
+ $tds-interactive-negative-fill-default: #ffffff;
170
+ $tds-interactive-negative-fill-hover: #ffffff;
171
+ $tds-interactive-negative-fill-pressed: #ffffff;
172
+ $tds-interactive-negative-border-default: #cc0000;
173
+ $tds-interactive-negative-border-hover: #cc0000;
174
+ $tds-interactive-negative-border-pressed: #cc0000;
175
+ $tds-interactive-negative-text-default: #cc0000;
176
+ $tds-interactive-negative-text-hover: #cc0000;
177
+ $tds-interactive-negative-text-pressed: #cc0000;
178
+ $tds-interactive-negative-icon-default: #cc0000;
179
+ $tds-interactive-negative-icon-hover: #cc0000;
180
+ $tds-interactive-negative-icon-pressed: #cc0000;
181
+ $tds-interactive-link-primary-text-default: #005c8a;
182
+ $tds-interactive-link-primary-text-hover: #005c8a;
183
+ $tds-interactive-link-primary-text-pressed: #005c8a;
184
+ $tds-interactive-link-primary-icon-default: #005c8a;
185
+ $tds-interactive-link-primary-icon-hover: #005c8a;
186
+ $tds-interactive-link-primary-icon-pressed: #005c8a;
187
+ $tds-interactive-link-secondary-text-default: #1a1a1a;
188
+ $tds-interactive-link-secondary-text-hover: #1a1a1a;
189
+ $tds-interactive-link-secondary-text-pressed: #1a1a1a;
190
+ $tds-interactive-link-secondary-icon-default: #1a1a1a;
191
+ $tds-interactive-link-secondary-icon-hover: #1a1a1a;
192
+ $tds-interactive-link-secondary-icon-pressed: #1a1a1a;
119
193
  $tds-selection-background: #000000;
120
194
  $tds-selection-text: #f2f2f2;
121
195
  $tds-selected-fill-default: #000000;
package/dist/palettes/_culture-dark.scss CHANGED
@@ -9,6 +9,8 @@ $tds-surface-overlay: rgba(0, 0, 0, 0.55);
9
9
  $tds-surface-channel-high: #292929;
10
10
  $tds-surface-channel-medium: #1c1c1c;
11
11
  $tds-surface-channel-low: #0e0e0e;
12
+ $tds-surface-channel-static-dark: #0a0a0a;
13
+ $tds-surface-channel-static-light: #535353;
12
14
  $tds-surface-static-dark: #000000;
13
15
  $tds-surface-static-light: #ffffff;
14
16
  $tds-text-primary: #ffffff;
@@ -97,6 +99,33 @@ $tds-feedback-icon-error: #ff4040;
97
99
  $tds-feedback-icon-success: #53bbcc;
98
100
  $tds-feedback-icon-warning: #40ff79;
99
101
  $tds-feedback-icon-info: #1a1a1a;
102
+ $tds-interactive-disabled-a: #262626;
103
+ $tds-interactive-disabled-b: #404040;
104
+ $tds-interactive-disabled-c: #595959;
105
+ $tds-interactive-link-primary-icon-default: #000000;
106
+ $tds-interactive-link-primary-icon-hover: #000000;
107
+ $tds-interactive-link-primary-icon-pressed: #000000;
108
+ $tds-interactive-link-primary-text-default: #000000;
109
+ $tds-interactive-link-primary-text-hover: #000000;
110
+ $tds-interactive-link-primary-text-pressed: #000000;
111
+ $tds-interactive-link-secondary-icon-default: #ffffff;
112
+ $tds-interactive-link-secondary-icon-hover: #ffffff;
113
+ $tds-interactive-link-secondary-icon-pressed: #ffffff;
114
+ $tds-interactive-link-secondary-text-default: #ffffff;
115
+ $tds-interactive-link-secondary-text-hover: #ffffff;
116
+ $tds-interactive-link-secondary-text-pressed: #ffffff;
117
+ $tds-interactive-negative-fill-default: #000000;
118
+ $tds-interactive-negative-fill-hover: #000000;
119
+ $tds-interactive-negative-fill-pressed: #000000;
120
+ $tds-interactive-negative-border-default: #ff1a1a;
121
+ $tds-interactive-negative-border-hover: #ff1a1a;
122
+ $tds-interactive-negative-border-pressed: #ff1a1a;
123
+ $tds-interactive-negative-text-default: #ff1a1a;
124
+ $tds-interactive-negative-text-hover: #ff1a1a;
125
+ $tds-interactive-negative-text-pressed: #ff1a1a;
126
+ $tds-interactive-negative-icon-default: #ff1a1a;
127
+ $tds-interactive-negative-icon-hover: #ff1a1a;
128
+ $tds-interactive-negative-icon-pressed: #ff1a1a;
100
129
  $tds-interactive-primary-fill-default: #000000;
101
130
  $tds-interactive-primary-fill-hover: #000000;
102
131
  $tds-interactive-primary-fill-pressed: #000000;
@@ -112,21 +141,63 @@ $tds-interactive-secondary-fill-pressed: #000000;
112
141
  $tds-interactive-secondary-border-default: #8c8c8c;
113
142
  $tds-interactive-secondary-border-hover: #8c8c8c;
114
143
  $tds-interactive-secondary-border-pressed: #8c8c8c;
115
- $tds-interactive-secondary-text-default: #d9d9d9;
116
- $tds-interactive-secondary-text-hover: #d9d9d9;
117
- $tds-interactive-secondary-text-pressed: #d9d9d9;
118
- $tds-interactive-secondary-icon-default: #d9d9d9;
119
- $tds-interactive-secondary-icon-hover: #d9d9d9;
120
- $tds-interactive-secondary-icon-pressed: #d9d9d9;
121
- $tds-interactive-disabled-a: #262626;
122
- $tds-interactive-disabled-b: #404040;
123
- $tds-interactive-disabled-c: #595959;
124
- $tds-interactive-link-primary-default: #0d0d0d;
125
- $tds-interactive-link-primary-hover: #0d0d0d;
126
- $tds-interactive-link-primary-pressed: #0d0d0d;
127
- $tds-interactive-link-secondary-default: #8c8c8c;
128
- $tds-interactive-link-secondary-hover: #8c8c8c;
129
- $tds-interactive-link-secondary-pressed: #8c8c8c;
144
+ $tds-interactive-secondary-text-default: #ffffff;
145
+ $tds-interactive-secondary-text-hover: #ffffff;
146
+ $tds-interactive-secondary-text-pressed: #ffffff;
147
+ $tds-interactive-secondary-icon-default: #ffffff;
148
+ $tds-interactive-secondary-icon-hover: #ffffff;
149
+ $tds-interactive-secondary-icon-pressed: #ffffff;
150
+ $tds-interactive-chip-primary-solid-fill-default: #000000;
151
+ $tds-interactive-chip-primary-solid-fill-hover: #000000;
152
+ $tds-interactive-chip-primary-solid-fill-pressed: #000000;
153
+ $tds-interactive-chip-primary-solid-text-default: #ffffff;
154
+ $tds-interactive-chip-primary-solid-text-hover: #ffffff;
155
+ $tds-interactive-chip-primary-solid-text-pressed: #ffffff;
156
+ $tds-interactive-chip-primary-solid-icon-default: #ffffff;
157
+ $tds-interactive-chip-primary-solid-icon-hover: #ffffff;
158
+ $tds-interactive-chip-primary-solid-icon-pressed: #ffffff;
159
+ $tds-interactive-chip-primary-outline-text-default: #000000;
160
+ $tds-interactive-chip-primary-outline-text-hover: #000000;
161
+ $tds-interactive-chip-primary-outline-text-pressed: #000000;
162
+ $tds-interactive-chip-primary-outline-fill-default: #ffffff;
163
+ $tds-interactive-chip-primary-outline-fill-hover: #ffffff;
164
+ $tds-interactive-chip-primary-outline-fill-pressed: #ffffff;
165
+ $tds-interactive-chip-primary-outline-border-default: #000000;
166
+ $tds-interactive-chip-primary-outline-border-hover: #000000;
167
+ $tds-interactive-chip-primary-outline-border-pressed: #000000;
168
+ $tds-interactive-chip-primary-outline-icon-default: #000000;
169
+ $tds-interactive-chip-primary-outline-icon-hover: #000000;
170
+ $tds-interactive-chip-primary-outline-icon-pressed: #000000;
171
+ $tds-interactive-chip-secondary-solid-fill-default: #ffffff;
172
+ $tds-interactive-chip-secondary-solid-fill-hover: #ffffff;
173
+ $tds-interactive-chip-secondary-solid-fill-pressed: #ffffff;
174
+ $tds-interactive-chip-secondary-solid-text-default: #000000;
175
+ $tds-interactive-chip-secondary-solid-text-hover: #000000;
176
+ $tds-interactive-chip-secondary-solid-text-pressed: #000000;
177
+ $tds-interactive-chip-secondary-solid-icon-default: #000000;
178
+ $tds-interactive-chip-secondary-solid-icon-hover: #000000;
179
+ $tds-interactive-chip-secondary-solid-icon-pressed: #000000;
180
+ $tds-interactive-chip-secondary-outline-text-default: #ffffff;
181
+ $tds-interactive-chip-secondary-outline-text-hover: #ffffff;
182
+ $tds-interactive-chip-secondary-outline-text-pressed: #ffffff;
183
+ $tds-interactive-chip-secondary-outline-fill-default: #000000;
184
+ $tds-interactive-chip-secondary-outline-fill-hover: #000000;
185
+ $tds-interactive-chip-secondary-outline-fill-pressed: #000000;
186
+ $tds-interactive-chip-secondary-outline-border-default: #ffffff;
187
+ $tds-interactive-chip-secondary-outline-border-hover: #ffffff;
188
+ $tds-interactive-chip-secondary-outline-border-pressed: #ffffff;
189
+ $tds-interactive-chip-secondary-outline-icon-default: #ffffff;
190
+ $tds-interactive-chip-secondary-outline-icon-hover: #ffffff;
191
+ $tds-interactive-chip-secondary-outline-icon-pressed: #ffffff;
192
+ $tds-interactive-chip-tertiary-fill-default: #1a1a1a;
193
+ $tds-interactive-chip-tertiary-fill-hover: #262626;
194
+ $tds-interactive-chip-tertiary-fill-pressed: #262626;
195
+ $tds-interactive-chip-tertiary-text-default: #000000;
196
+ $tds-interactive-chip-tertiary-text-hover: #a6a6a6;
197
+ $tds-interactive-chip-tertiary-text-pressed: #a6a6a6;
198
+ $tds-interactive-chip-tertiary-icon-default: #a6a6a6;
199
+ $tds-interactive-chip-tertiary-icon-hover: #a6a6a6;
200
+ $tds-interactive-chip-tertiary-icon-pressed: #a6a6a6;
130
201
  $tds-focus-border: #8c8c8c;
131
202
  $tds-selection-background: #ffffff;
132
203
  $tds-selection-text: #000000;
package/dist/palettes/_culture-light.scss CHANGED
@@ -9,6 +9,8 @@ $tds-surface-overlay: rgba(0, 0, 0, 0.45);
9
9
  $tds-surface-channel-high: #942364;
10
10
  $tds-surface-channel-medium: #a2a2a2;
11
11
  $tds-surface-channel-low: #ebebeb;
12
+ $tds-surface-channel-static-dark: #181818;
13
+ $tds-surface-channel-static-light: #ebebeb;
12
14
  $tds-surface-static-dark: #000000;
13
15
  $tds-surface-static-light: #ffffff;
14
16
  $tds-text-primary: #1a1a1a;
@@ -86,36 +88,105 @@ $tds-feedback-icon-error: #800000;
86
88
  $tds-feedback-icon-success: #1d5962;
87
89
  $tds-feedback-icon-warning: #00992e;
88
90
  $tds-feedback-icon-info: #090909;
91
+ $tds-interactive-disabled-a: #d9d9d9;
92
+ $tds-interactive-disabled-b: #bfbfbf;
93
+ $tds-interactive-disabled-c: #a6a6a6;
94
+ $tds-interactive-link-primary-icon-default: #005c8a;
95
+ $tds-interactive-link-primary-icon-hover: #005c8a;
96
+ $tds-interactive-link-primary-icon-pressed: #005c8a;
97
+ $tds-interactive-link-primary-text-default: #005c8a;
98
+ $tds-interactive-link-primary-text-hover: #005c8a;
99
+ $tds-interactive-link-primary-text-pressed: #005c8a;
100
+ $tds-interactive-link-secondary-icon-default: #1a1a1a;
101
+ $tds-interactive-link-secondary-icon-hover: #1a1a1a;
102
+ $tds-interactive-link-secondary-icon-pressed: #1a1a1a;
103
+ $tds-interactive-link-secondary-text-default: #1a1a1a;
104
+ $tds-interactive-link-secondary-text-hover: #1a1a1a;
105
+ $tds-interactive-link-secondary-text-pressed: #1a1a1a;
106
+ $tds-interactive-negative-fill-default: #ffffff;
107
+ $tds-interactive-negative-fill-hover: #ffffff;
108
+ $tds-interactive-negative-fill-pressed: #ffffff;
109
+ $tds-interactive-negative-border-default: #cc0000;
110
+ $tds-interactive-negative-border-hover: #cc0000;
111
+ $tds-interactive-negative-border-pressed: #cc0000;
112
+ $tds-interactive-negative-text-default: #cc0000;
113
+ $tds-interactive-negative-text-hover: #cc0000;
114
+ $tds-interactive-negative-text-pressed: #cc0000;
115
+ $tds-interactive-negative-icon-default: #cc0000;
116
+ $tds-interactive-negative-icon-hover: #cc0000;
117
+ $tds-interactive-negative-icon-pressed: #cc0000;
89
118
  $tds-interactive-primary-fill-default: #005c8a;
90
119
  $tds-interactive-primary-fill-hover: #005c8a;
91
120
  $tds-interactive-primary-fill-pressed: #005c8a;
92
- $tds-interactive-primary-text-default: #000000;
93
- $tds-interactive-primary-text-hover: #000000;
94
- $tds-interactive-primary-text-pressed: #000000;
95
- $tds-interactive-primary-icon-default: #000000;
96
- $tds-interactive-primary-icon-hover: #000000;
97
- $tds-interactive-primary-icon-pressed: #000000;
121
+ $tds-interactive-primary-text-default: #ffffff;
122
+ $tds-interactive-primary-text-hover: #ffffff;
123
+ $tds-interactive-primary-text-pressed: #ffffff;
124
+ $tds-interactive-primary-icon-default: #ffffff;
125
+ $tds-interactive-primary-icon-hover: #ffffff;
126
+ $tds-interactive-primary-icon-pressed: #ffffff;
98
127
  $tds-interactive-secondary-fill-default: #ffffff;
99
128
  $tds-interactive-secondary-fill-hover: #ffffff;
100
129
  $tds-interactive-secondary-fill-pressed: #ffffff;
101
- $tds-interactive-secondary-border-default: #000000;
102
- $tds-interactive-secondary-border-hover: #000000;
103
- $tds-interactive-secondary-border-pressed: #000000;
104
- $tds-interactive-secondary-text-default: #404040;
105
- $tds-interactive-secondary-text-hover: #404040;
106
- $tds-interactive-secondary-text-pressed: #404040;
107
- $tds-interactive-secondary-icon-default: #404040;
108
- $tds-interactive-secondary-icon-hover: #404040;
109
- $tds-interactive-secondary-icon-pressed: #404040;
110
- $tds-interactive-disabled-a: #d9d9d9;
111
- $tds-interactive-disabled-b: #bfbfbf;
112
- $tds-interactive-disabled-c: #a6a6a6;
113
- $tds-interactive-link-primary-default: #005c8a;
114
- $tds-interactive-link-primary-hover: #005c8a;
115
- $tds-interactive-link-primary-pressed: #005c8a;
116
- $tds-interactive-link-secondary-default: #737373;
117
- $tds-interactive-link-secondary-hover: #737373;
118
- $tds-interactive-link-secondary-pressed: #737373;
130
+ $tds-interactive-secondary-border-default: #8c8c8c;
131
+ $tds-interactive-secondary-border-hover: #8c8c8c;
132
+ $tds-interactive-secondary-border-pressed: #8c8c8c;
133
+ $tds-interactive-secondary-text-default: #1a1a1a;
134
+ $tds-interactive-secondary-text-hover: #1a1a1a;
135
+ $tds-interactive-secondary-text-pressed: #1a1a1a;
136
+ $tds-interactive-secondary-icon-default: #1a1a1a;
137
+ $tds-interactive-secondary-icon-hover: #1a1a1a;
138
+ $tds-interactive-secondary-icon-pressed: #1a1a1a;
139
+ $tds-interactive-chip-primary-solid-fill-default: #005c8a;
140
+ $tds-interactive-chip-primary-solid-fill-hover: #005c8a;
141
+ $tds-interactive-chip-primary-solid-fill-pressed: #005c8a;
142
+ $tds-interactive-chip-primary-solid-text-default: #ffffff;
143
+ $tds-interactive-chip-primary-solid-text-hover: #ffffff;
144
+ $tds-interactive-chip-primary-solid-text-pressed: #ffffff;
145
+ $tds-interactive-chip-primary-solid-icon-default: #ffffff;
146
+ $tds-interactive-chip-primary-solid-icon-hover: #ffffff;
147
+ $tds-interactive-chip-primary-solid-icon-pressed: #ffffff;
148
+ $tds-interactive-chip-primary-outline-text-default: #005c8a;
149
+ $tds-interactive-chip-primary-outline-text-hover: #005c8a;
150
+ $tds-interactive-chip-primary-outline-text-pressed: #005c8a;
151
+ $tds-interactive-chip-primary-outline-fill-default: #ffffff;
152
+ $tds-interactive-chip-primary-outline-fill-hover: #ffffff;
153
+ $tds-interactive-chip-primary-outline-fill-pressed: #ffffff;
154
+ $tds-interactive-chip-primary-outline-border-default: #005c8a;
155
+ $tds-interactive-chip-primary-outline-border-hover: #005c8a;
156
+ $tds-interactive-chip-primary-outline-border-pressed: #005c8a;
157
+ $tds-interactive-chip-primary-outline-icon-default: #005c8a;
158
+ $tds-interactive-chip-primary-outline-icon-hover: #005c8a;
159
+ $tds-interactive-chip-primary-outline-icon-pressed: #005c8a;
160
+ $tds-interactive-chip-secondary-solid-fill-default: #1a1a1a;
161
+ $tds-interactive-chip-secondary-solid-fill-hover: #1a1a1a;
162
+ $tds-interactive-chip-secondary-solid-fill-pressed: #1a1a1a;
163
+ $tds-interactive-chip-secondary-solid-text-default: #ffffff;
164
+ $tds-interactive-chip-secondary-solid-text-hover: #ffffff;
165
+ $tds-interactive-chip-secondary-solid-text-pressed: #ffffff;
166
+ $tds-interactive-chip-secondary-solid-icon-default: #ffffff;
167
+ $tds-interactive-chip-secondary-solid-icon-hover: #ffffff;
168
+ $tds-interactive-chip-secondary-solid-icon-pressed: #ffffff;
169
+ $tds-interactive-chip-secondary-outline-text-default: #1a1a1a;
170
+ $tds-interactive-chip-secondary-outline-text-hover: #1a1a1a;
171
+ $tds-interactive-chip-secondary-outline-text-pressed: #1a1a1a;
172
+ $tds-interactive-chip-secondary-outline-fill-default: #ffffff;
173
+ $tds-interactive-chip-secondary-outline-fill-hover: #ffffff;
174
+ $tds-interactive-chip-secondary-outline-fill-pressed: #ffffff;
175
+ $tds-interactive-chip-secondary-outline-border-default: #1a1a1a;
176
+ $tds-interactive-chip-secondary-outline-border-hover: #1a1a1a;
177
+ $tds-interactive-chip-secondary-outline-border-pressed: #1a1a1a;
178
+ $tds-interactive-chip-secondary-outline-icon-default: #1a1a1a;
179
+ $tds-interactive-chip-secondary-outline-icon-hover: #1a1a1a;
180
+ $tds-interactive-chip-secondary-outline-icon-pressed: #1a1a1a;
181
+ $tds-interactive-chip-tertiary-fill-default: #e6e6e6;
182
+ $tds-interactive-chip-tertiary-fill-hover: #d9d9d9;
183
+ $tds-interactive-chip-tertiary-fill-pressed: #d9d9d9;
184
+ $tds-interactive-chip-tertiary-text-default: #005c8a;
185
+ $tds-interactive-chip-tertiary-text-hover: #595959;
186
+ $tds-interactive-chip-tertiary-text-pressed: #595959;
187
+ $tds-interactive-chip-tertiary-icon-default: #595959;
188
+ $tds-interactive-chip-tertiary-icon-hover: #595959;
189
+ $tds-interactive-chip-tertiary-icon-pressed: #595959;
119
190
  $tds-selection-background: #000000;
120
191
  $tds-selection-text: #f2f2f2;
121
192
  $tds-selected-fill-default: #000000;
package/dist/palettes/_home-dark.scss CHANGED
@@ -9,6 +9,8 @@ $tds-surface-overlay: rgba(0, 0, 0, 0.55);
9
9
  $tds-surface-channel-high: #151515;
10
10
  $tds-surface-channel-medium: #0f0f0f;
11
11
  $tds-surface-channel-low: #080808;
12
+ $tds-surface-channel-static-dark: #060606;
13
+ $tds-surface-channel-static-light: #545454;
12
14
  $tds-surface-static-dark: #000000;
13
15
  $tds-surface-static-light: #ffffff;
14
16
  $tds-text-primary: #ffffff;
@@ -97,6 +99,33 @@ $tds-feedback-icon-error: #ff4040;
97
99
  $tds-feedback-icon-success: #53bbcc;
98
100
  $tds-feedback-icon-warning: #40ff79;
99
101
  $tds-feedback-icon-info: #1a1a1a;
102
+ $tds-interactive-disabled-a: #262626;
103
+ $tds-interactive-disabled-b: #404040;
104
+ $tds-interactive-disabled-c: #595959;
105
+ $tds-interactive-link-primary-icon-default: #000000;
106
+ $tds-interactive-link-primary-icon-hover: #000000;
107
+ $tds-interactive-link-primary-icon-pressed: #000000;
108
+ $tds-interactive-link-primary-text-default: #000000;
109
+ $tds-interactive-link-primary-text-hover: #000000;
110
+ $tds-interactive-link-primary-text-pressed: #000000;
111
+ $tds-interactive-link-secondary-icon-default: #ffffff;
112
+ $tds-interactive-link-secondary-icon-hover: #ffffff;
113
+ $tds-interactive-link-secondary-icon-pressed: #ffffff;
114
+ $tds-interactive-link-secondary-text-default: #ffffff;
115
+ $tds-interactive-link-secondary-text-hover: #ffffff;
116
+ $tds-interactive-link-secondary-text-pressed: #ffffff;
117
+ $tds-interactive-negative-fill-default: #000000;
118
+ $tds-interactive-negative-fill-hover: #000000;
119
+ $tds-interactive-negative-fill-pressed: #000000;
120
+ $tds-interactive-negative-border-default: #ff1a1a;
121
+ $tds-interactive-negative-border-hover: #ff1a1a;
122
+ $tds-interactive-negative-border-pressed: #ff1a1a;
123
+ $tds-interactive-negative-text-default: #ff1a1a;
124
+ $tds-interactive-negative-text-hover: #ff1a1a;
125
+ $tds-interactive-negative-text-pressed: #ff1a1a;
126
+ $tds-interactive-negative-icon-default: #ff1a1a;
127
+ $tds-interactive-negative-icon-hover: #ff1a1a;
128
+ $tds-interactive-negative-icon-pressed: #ff1a1a;
100
129
  $tds-interactive-primary-fill-default: #000000;
101
130
  $tds-interactive-primary-fill-hover: #000000;
102
131
  $tds-interactive-primary-fill-pressed: #000000;
@@ -112,21 +141,63 @@ $tds-interactive-secondary-fill-pressed: #000000;
112
141
  $tds-interactive-secondary-border-default: #8c8c8c;
113
142
  $tds-interactive-secondary-border-hover: #8c8c8c;
114
143
  $tds-interactive-secondary-border-pressed: #8c8c8c;
115
- $tds-interactive-secondary-text-default: #d9d9d9;
116
- $tds-interactive-secondary-text-hover: #d9d9d9;
117
- $tds-interactive-secondary-text-pressed: #d9d9d9;
118
- $tds-interactive-secondary-icon-default: #d9d9d9;
119
- $tds-interactive-secondary-icon-hover: #d9d9d9;
120
- $tds-interactive-secondary-icon-pressed: #d9d9d9;
121
- $tds-interactive-disabled-a: #262626;
122
- $tds-interactive-disabled-b: #404040;
123
- $tds-interactive-disabled-c: #595959;
124
- $tds-interactive-link-primary-default: #0d0d0d;
125
- $tds-interactive-link-primary-hover: #0d0d0d;
126
- $tds-interactive-link-primary-pressed: #0d0d0d;
127
- $tds-interactive-link-secondary-default: #8c8c8c;
128
- $tds-interactive-link-secondary-hover: #8c8c8c;
129
- $tds-interactive-link-secondary-pressed: #8c8c8c;
144
+ $tds-interactive-secondary-text-default: #ffffff;
145
+ $tds-interactive-secondary-text-hover: #ffffff;
146
+ $tds-interactive-secondary-text-pressed: #ffffff;
147
+ $tds-interactive-secondary-icon-default: #ffffff;
148
+ $tds-interactive-secondary-icon-hover: #ffffff;
149
+ $tds-interactive-secondary-icon-pressed: #ffffff;
150
+ $tds-interactive-chip-primary-solid-fill-default: #000000;
151
+ $tds-interactive-chip-primary-solid-fill-hover: #000000;
152
+ $tds-interactive-chip-primary-solid-fill-pressed: #000000;
153
+ $tds-interactive-chip-primary-solid-text-default: #ffffff;
154
+ $tds-interactive-chip-primary-solid-text-hover: #ffffff;
155
+ $tds-interactive-chip-primary-solid-text-pressed: #ffffff;
156
+ $tds-interactive-chip-primary-solid-icon-default: #ffffff;
157
+ $tds-interactive-chip-primary-solid-icon-hover: #ffffff;
158
+ $tds-interactive-chip-primary-solid-icon-pressed: #ffffff;
159
+ $tds-interactive-chip-primary-outline-text-default: #000000;
160
+ $tds-interactive-chip-primary-outline-text-hover: #000000;
161
+ $tds-interactive-chip-primary-outline-text-pressed: #000000;
162
+ $tds-interactive-chip-primary-outline-fill-default: #ffffff;
163
+ $tds-interactive-chip-primary-outline-fill-hover: #ffffff;
164
+ $tds-interactive-chip-primary-outline-fill-pressed: #ffffff;
165
+ $tds-interactive-chip-primary-outline-border-default: #000000;
166
+ $tds-interactive-chip-primary-outline-border-hover: #000000;
167
+ $tds-interactive-chip-primary-outline-border-pressed: #000000;
168
+ $tds-interactive-chip-primary-outline-icon-default: #000000;
169
+ $tds-interactive-chip-primary-outline-icon-hover: #000000;
170
+ $tds-interactive-chip-primary-outline-icon-pressed: #000000;
171
+ $tds-interactive-chip-secondary-solid-fill-default: #ffffff;
172
+ $tds-interactive-chip-secondary-solid-fill-hover: #ffffff;
173
+ $tds-interactive-chip-secondary-solid-fill-pressed: #ffffff;
174
+ $tds-interactive-chip-secondary-solid-text-default: #000000;
175
+ $tds-interactive-chip-secondary-solid-text-hover: #000000;
176
+ $tds-interactive-chip-secondary-solid-text-pressed: #000000;
177
+ $tds-interactive-chip-secondary-solid-icon-default: #000000;
178
+ $tds-interactive-chip-secondary-solid-icon-hover: #000000;
179
+ $tds-interactive-chip-secondary-solid-icon-pressed: #000000;
180
+ $tds-interactive-chip-secondary-outline-text-default: #ffffff;
181
+ $tds-interactive-chip-secondary-outline-text-hover: #ffffff;
182
+ $tds-interactive-chip-secondary-outline-text-pressed: #ffffff;
183
+ $tds-interactive-chip-secondary-outline-fill-default: #000000;
184
+ $tds-interactive-chip-secondary-outline-fill-hover: #000000;
185
+ $tds-interactive-chip-secondary-outline-fill-pressed: #000000;
186
+ $tds-interactive-chip-secondary-outline-border-default: #ffffff;
187
+ $tds-interactive-chip-secondary-outline-border-hover: #ffffff;
188
+ $tds-interactive-chip-secondary-outline-border-pressed: #ffffff;
189
+ $tds-interactive-chip-secondary-outline-icon-default: #ffffff;
190
+ $tds-interactive-chip-secondary-outline-icon-hover: #ffffff;
191
+ $tds-interactive-chip-secondary-outline-icon-pressed: #ffffff;
192
+ $tds-interactive-chip-tertiary-fill-default: #1a1a1a;
193
+ $tds-interactive-chip-tertiary-fill-hover: #262626;
194
+ $tds-interactive-chip-tertiary-fill-pressed: #262626;
195
+ $tds-interactive-chip-tertiary-text-default: #000000;
196
+ $tds-interactive-chip-tertiary-text-hover: #a6a6a6;
197
+ $tds-interactive-chip-tertiary-text-pressed: #a6a6a6;
198
+ $tds-interactive-chip-tertiary-icon-default: #a6a6a6;
199
+ $tds-interactive-chip-tertiary-icon-hover: #a6a6a6;
200
+ $tds-interactive-chip-tertiary-icon-pressed: #a6a6a6;
130
201
  $tds-focus-border: #8c8c8c;
131
202
  $tds-selection-background: #ffffff;
132
203
  $tds-selection-text: #000000;
package/dist/palettes/_home-light.scss CHANGED
@@ -9,6 +9,8 @@ $tds-surface-overlay: rgba(0, 0, 0, 0.45);
9
9
  $tds-surface-channel-high: #135dcb;
10
10
  $tds-surface-channel-medium: #a3a3a3;
11
11
  $tds-surface-channel-low: #ebebeb;
12
+ $tds-surface-channel-static-dark: #0d0d0d;
13
+ $tds-surface-channel-static-light: #ebebeb;
12
14
  $tds-surface-static-dark: #000000;
13
15
  $tds-surface-static-light: #ffffff;
14
16
  $tds-text-primary: #1a1a1a;
@@ -86,36 +88,105 @@ $tds-feedback-icon-error: #800000;
86
88
  $tds-feedback-icon-success: #1d5962;
87
89
  $tds-feedback-icon-warning: #00992e;
88
90
  $tds-feedback-icon-info: #090909;
91
+ $tds-interactive-disabled-a: #d9d9d9;
92
+ $tds-interactive-disabled-b: #bfbfbf;
93
+ $tds-interactive-disabled-c: #a6a6a6;
94
+ $tds-interactive-link-primary-icon-default: #005c8a;
95
+ $tds-interactive-link-primary-icon-hover: #005c8a;
96
+ $tds-interactive-link-primary-icon-pressed: #005c8a;
97
+ $tds-interactive-link-primary-text-default: #005c8a;
98
+ $tds-interactive-link-primary-text-hover: #005c8a;
99
+ $tds-interactive-link-primary-text-pressed: #005c8a;
100
+ $tds-interactive-link-secondary-icon-default: #1a1a1a;
101
+ $tds-interactive-link-secondary-icon-hover: #1a1a1a;
102
+ $tds-interactive-link-secondary-icon-pressed: #1a1a1a;
103
+ $tds-interactive-link-secondary-text-default: #1a1a1a;
104
+ $tds-interactive-link-secondary-text-hover: #1a1a1a;
105
+ $tds-interactive-link-secondary-text-pressed: #1a1a1a;
106
+ $tds-interactive-negative-fill-default: #ffffff;
107
+ $tds-interactive-negative-fill-hover: #ffffff;
108
+ $tds-interactive-negative-fill-pressed: #ffffff;
109
+ $tds-interactive-negative-border-default: #cc0000;
110
+ $tds-interactive-negative-border-hover: #cc0000;
111
+ $tds-interactive-negative-border-pressed: #cc0000;
112
+ $tds-interactive-negative-text-default: #cc0000;
113
+ $tds-interactive-negative-text-hover: #cc0000;
114
+ $tds-interactive-negative-text-pressed: #cc0000;
115
+ $tds-interactive-negative-icon-default: #cc0000;
116
+ $tds-interactive-negative-icon-hover: #cc0000;
117
+ $tds-interactive-negative-icon-pressed: #cc0000;
89
118
  $tds-interactive-primary-fill-default: #005c8a;
90
119
  $tds-interactive-primary-fill-hover: #005c8a;
91
120
  $tds-interactive-primary-fill-pressed: #005c8a;
92
- $tds-interactive-primary-text-default: #000000;
93
- $tds-interactive-primary-text-hover: #000000;
94
- $tds-interactive-primary-text-pressed: #000000;
95
- $tds-interactive-primary-icon-default: #000000;
96
- $tds-interactive-primary-icon-hover: #000000;
97
- $tds-interactive-primary-icon-pressed: #000000;
121
+ $tds-interactive-primary-text-default: #ffffff;
122
+ $tds-interactive-primary-text-hover: #ffffff;
123
+ $tds-interactive-primary-text-pressed: #ffffff;
124
+ $tds-interactive-primary-icon-default: #ffffff;
125
+ $tds-interactive-primary-icon-hover: #ffffff;
126
+ $tds-interactive-primary-icon-pressed: #ffffff;
98
127
  $tds-interactive-secondary-fill-default: #ffffff;
99
128
  $tds-interactive-secondary-fill-hover: #ffffff;
100
129
  $tds-interactive-secondary-fill-pressed: #ffffff;
101
- $tds-interactive-secondary-border-default: #000000;
102
- $tds-interactive-secondary-border-hover: #000000;
103
- $tds-interactive-secondary-border-pressed: #000000;
104
- $tds-interactive-secondary-text-default: #404040;
105
- $tds-interactive-secondary-text-hover: #404040;
106
- $tds-interactive-secondary-text-pressed: #404040;
107
- $tds-interactive-secondary-icon-default: #404040;
108
- $tds-interactive-secondary-icon-hover: #404040;
109
- $tds-interactive-secondary-icon-pressed: #404040;
110
- $tds-interactive-disabled-a: #d9d9d9;
111
- $tds-interactive-disabled-b: #bfbfbf;
112
- $tds-interactive-disabled-c: #a6a6a6;
113
- $tds-interactive-link-primary-default: #005c8a;
114
- $tds-interactive-link-primary-hover: #005c8a;
115
- $tds-interactive-link-primary-pressed: #005c8a;
116
- $tds-interactive-link-secondary-default: #737373;
117
- $tds-interactive-link-secondary-hover: #737373;
118
- $tds-interactive-link-secondary-pressed: #737373;
130
+ $tds-interactive-secondary-border-default: #8c8c8c;
131
+ $tds-interactive-secondary-border-hover: #8c8c8c;
132
+ $tds-interactive-secondary-border-pressed: #8c8c8c;
133
+ $tds-interactive-secondary-text-default: #1a1a1a;
134
+ $tds-interactive-secondary-text-hover: #1a1a1a;
135
+ $tds-interactive-secondary-text-pressed: #1a1a1a;
136
+ $tds-interactive-secondary-icon-default: #1a1a1a;
137
+ $tds-interactive-secondary-icon-hover: #1a1a1a;
138
+ $tds-interactive-secondary-icon-pressed: #1a1a1a;
139
+ $tds-interactive-chip-primary-solid-fill-default: #005c8a;
140
+ $tds-interactive-chip-primary-solid-fill-hover: #005c8a;
141
+ $tds-interactive-chip-primary-solid-fill-pressed: #005c8a;
142
+ $tds-interactive-chip-primary-solid-text-default: #ffffff;
143
+ $tds-interactive-chip-primary-solid-text-hover: #ffffff;
144
+ $tds-interactive-chip-primary-solid-text-pressed: #ffffff;
145
+ $tds-interactive-chip-primary-solid-icon-default: #ffffff;
146
+ $tds-interactive-chip-primary-solid-icon-hover: #ffffff;
147
+ $tds-interactive-chip-primary-solid-icon-pressed: #ffffff;
148
+ $tds-interactive-chip-primary-outline-text-default: #005c8a;
149
+ $tds-interactive-chip-primary-outline-text-hover: #005c8a;
150
+ $tds-interactive-chip-primary-outline-text-pressed: #005c8a;
151
+ $tds-interactive-chip-primary-outline-fill-default: #ffffff;
152
+ $tds-interactive-chip-primary-outline-fill-hover: #ffffff;
153
+ $tds-interactive-chip-primary-outline-fill-pressed: #ffffff;
154
+ $tds-interactive-chip-primary-outline-border-default: #005c8a;
155
+ $tds-interactive-chip-primary-outline-border-hover: #005c8a;
156
+ $tds-interactive-chip-primary-outline-border-pressed: #005c8a;
157
+ $tds-interactive-chip-primary-outline-icon-default: #005c8a;
158
+ $tds-interactive-chip-primary-outline-icon-hover: #005c8a;
159
+ $tds-interactive-chip-primary-outline-icon-pressed: #005c8a;
160
+ $tds-interactive-chip-secondary-solid-fill-default: #1a1a1a;
161
+ $tds-interactive-chip-secondary-solid-fill-hover: #1a1a1a;
162
+ $tds-interactive-chip-secondary-solid-fill-pressed: #1a1a1a;
163
+ $tds-interactive-chip-secondary-solid-text-default: #ffffff;
164
+ $tds-interactive-chip-secondary-solid-text-hover: #ffffff;
165
+ $tds-interactive-chip-secondary-solid-text-pressed: #ffffff;
166
+ $tds-interactive-chip-secondary-solid-icon-default: #ffffff;
167
+ $tds-interactive-chip-secondary-solid-icon-hover: #ffffff;
168
+ $tds-interactive-chip-secondary-solid-icon-pressed: #ffffff;
169
+ $tds-interactive-chip-secondary-outline-text-default: #1a1a1a;
170
+ $tds-interactive-chip-secondary-outline-text-hover: #1a1a1a;
171
+ $tds-interactive-chip-secondary-outline-text-pressed: #1a1a1a;
172
+ $tds-interactive-chip-secondary-outline-fill-default: #ffffff;
173
+ $tds-interactive-chip-secondary-outline-fill-hover: #ffffff;
174
+ $tds-interactive-chip-secondary-outline-fill-pressed: #ffffff;
175
+ $tds-interactive-chip-secondary-outline-border-default: #1a1a1a;
176
+ $tds-interactive-chip-secondary-outline-border-hover: #1a1a1a;
177
+ $tds-interactive-chip-secondary-outline-border-pressed: #1a1a1a;
178
+ $tds-interactive-chip-secondary-outline-icon-default: #1a1a1a;
179
+ $tds-interactive-chip-secondary-outline-icon-hover: #1a1a1a;
180
+ $tds-interactive-chip-secondary-outline-icon-pressed: #1a1a1a;
181
+ $tds-interactive-chip-tertiary-fill-default: #e6e6e6;
182
+ $tds-interactive-chip-tertiary-fill-hover: #d9d9d9;
183
+ $tds-interactive-chip-tertiary-fill-pressed: #d9d9d9;
184
+ $tds-interactive-chip-tertiary-text-default: #005c8a;
185
+ $tds-interactive-chip-tertiary-text-hover: #595959;
186
+ $tds-interactive-chip-tertiary-text-pressed: #595959;
187
+ $tds-interactive-chip-tertiary-icon-default: #595959;
188
+ $tds-interactive-chip-tertiary-icon-hover: #595959;
189
+ $tds-interactive-chip-tertiary-icon-pressed: #595959;
119
190
  $tds-selection-background: #000000;
120
191
  $tds-selection-text: #f2f2f2;
121
192
  $tds-selected-fill-default: #000000;