@norconsult-digital-public/isypixel 0.2.1 → 1.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 (11) hide show
  1. package/dist/css/styles.css +122 -100
  2. package/dist/css/typography-helpers.css +0 -2
  3. package/dist/css/typography.css +0 -2
  4. package/dist/esm/tokens/meta/tokens-meta.d.ts +174 -122
  5. package/dist/esm/tokens/meta/tokens-meta.js +189 -127
  6. package/dist/esm/tokens/semantic/color-semantic-variables.d.ts +197 -141
  7. package/dist/esm/tokens/semantic/color-semantic-variables.js +197 -141
  8. package/dist/scss/abstracts/_color-semantic-variables.scss +180 -146
  9. package/dist/scss/abstracts/_semantic-variables.scss +0 -4
  10. package/docs/tokens.md +195 -185
  11. package/package.json +2 -2
package/dist/css/styles.css CHANGED
@@ -1,30 +1,27 @@
1
1
  html.ip-light-mode,
2
2
  html:not(.ip-dark-mode) {
3
- --ip_color_text_dark_text_on_light: rgb(16, 20, 23);
4
- --ip_color_text_dark_text_on_light_secondary: rgb(64, 78, 89);
5
- --ip_color_text_light_text_on_dark: rgb(254, 254, 254);
6
- --ip_color_brand_accent_primary: rgb(0, 163, 166);
7
- --ip_color_brand_accent_secondary: rgb(120, 205, 206);
8
- --ip_color_menu_main_menu_item_background_primary_selected_default: rgb(25, 31, 36);
9
- --ip_color_menu_main_menu_item_background_primary_active: rgb(20, 26, 31);
10
- --ip_color_menu_main_menu_item_background_primary_selected_active: rgb(20, 26, 31);
11
- --ip_color_menu_main_menu_background_primary_default: rgb(33, 42, 49);
12
- --ip_color_menu_main_menu_item_background_primary_hover: rgb(45, 55, 63);
13
- --ip_color_menu_main_menu_item_background_primary_selected_hover: rgb(45, 55, 63);
14
- --ip_color_menu_main_menu_item_background_primary_default: rgb(33, 42, 49);
15
- --ip_color_menu_main_menu_item_vertical_divider_primary_default: rgb(0, 163, 166);
16
- --ip_color_menu_main_menu_group_item_background_primary_selected_active: rgb(20, 26, 31);
17
- --ip_color_menu_main_menu_group_item_background_primary_selected_default: rgb(16, 20, 23);
18
- --ip_color_menu_main_menu_group_item_background_primary_selected_hover: rgb(45, 55, 63);
19
- --ip_color_menu_main_menu_group_item_background_primary_active: rgb(20, 26, 31);
20
- --ip_color_menu_main_menu_group_item_background_primary_default: rgb(25, 31, 36);
21
- --ip_color_menu_main_menu_group_item_vertical_divider_primary_default: rgb(0, 163, 166);
22
- --ip_color_menu_main_menu_group_item_background_primary_hover: rgb(45, 55, 63);
23
- --ip_color_menu_main_menu_group_item_vertical_divider_secondary_default: rgb(91, 111, 128);
24
- --ip_color_menu_main_menu_item_vertical_divider_secondary_default: rgb(91, 111, 128);
3
+ --ip_color_brand_accent_primary_default: rgb(0, 163, 166);
4
+ --ip_color_brand_accent_secondary_default: rgb(120, 205, 206);
5
+ --ip_color_menu_main_item_background_primary_selected_default: rgb(25, 31, 36);
6
+ --ip_color_menu_main_item_background_primary_active: rgb(20, 26, 31);
7
+ --ip_color_menu_main_item_background_primary_selected_active: rgb(20, 26, 31);
8
+ --ip_color_menu_main_background_primary_default: rgb(33, 42, 49);
9
+ --ip_color_menu_main_item_background_primary_hover: rgb(45, 55, 63);
10
+ --ip_color_menu_main_item_background_primary_selected_hover: rgb(45, 55, 63);
11
+ --ip_color_menu_main_item_background_primary_default: rgb(33, 42, 49);
12
+ --ip_color_menu_main_item_vertical_divider_primary_default: rgb(0, 163, 166);
13
+ --ip_color_menu_main_group_item_background_primary_selected_active: rgb(20, 26, 31);
14
+ --ip_color_menu_main_group_item_background_primary_selected_default: rgb(16, 20, 23);
15
+ --ip_color_menu_main_group_item_background_primary_selected_hover: rgb(45, 55, 63);
16
+ --ip_color_menu_main_group_item_background_primary_active: rgb(20, 26, 31);
17
+ --ip_color_menu_main_group_item_background_primary_default: rgb(25, 31, 36);
18
+ --ip_color_menu_main_group_item_vertical_divider_primary_default: rgb(0, 163, 166);
19
+ --ip_color_menu_main_group_item_background_primary_hover: rgb(45, 55, 63);
20
+ --ip_color_menu_main_group_item_vertical_divider_secondary_default: rgb(91, 111, 128);
21
+ --ip_color_menu_main_item_vertical_divider_secondary_default: rgb(91, 111, 128);
25
22
  --ip_color_text_primary_black: rgb(16, 20, 23);
26
23
  --ip_color_text_primary_black_inverse: rgb(254, 254, 254);
27
- --ip_color_text_secondary: rgb(90, 97, 102);
24
+ --ip_color_text_secondary_default: rgb(90, 97, 102);
28
25
  --ip_color_text_secondary_inverse: rgb(214, 214, 214);
29
26
  --ip_color_top_navbar_background_primary_default: rgb(33, 42, 49);
30
27
  --ip_color_top_navbar_background_secondary_default: rgb(228, 229, 230);
@@ -32,13 +29,13 @@ html:not(.ip-dark-mode) {
32
29
  --ip_color_surface_primary_default: rgb(254, 254, 254);
33
30
  --ip_color_sidebar_content_background_primary_opened: rgb(243, 243, 243);
34
31
  --ip_color_icon_button_icon_primary_default: rgb(61, 80, 102);
35
- --ip_color_icon_button_icon_primary_inverse_default: rgb(205, 213, 220);
32
+ --ip_color_icon_button_icon_primary_inverse: rgb(205, 213, 220);
36
33
  --ip_color_icon_primary_inverse: rgb(205, 213, 220);
37
- --ip_color_icon_primary: rgb(61, 80, 102);
34
+ --ip_color_icon_primary_default: rgb(61, 80, 102);
38
35
  --ip_color_icon_button_background_primary_hover: rgb(33, 42, 49);
39
36
  --ip_color_icon_button_background_primary_active: rgb(33, 42, 49);
40
37
  --ip_color_border_opaque_15: rgba(16, 20, 23, 0.15);
41
- --ip_color_border_primary: rgb(186, 189, 191);
38
+ --ip_color_border_primary_default: rgb(186, 189, 191);
42
39
  --ip_color_sidebar_tab_item_background_primary_default: rgb(243, 243, 243);
43
40
  --ip_color_sidebar_tab_item_background_primary_hover: rgb(228, 229, 230);
44
41
  --ip_color_sidebar_tab_item_background_primary_active: rgb(207, 209, 211);
@@ -56,7 +53,7 @@ html:not(.ip-dark-mode) {
56
53
  --ip_color_sidebar_header_background_primary_default: rgb(228, 229, 230);
57
54
  --ip_color_table_header_background_primary_default: rgb(233, 236, 240);
58
55
  --ip_color_table_column_header_border_primary_default: rgb(0, 163, 166);
59
- --ip_color_table_column_header_text_primary_default2: rgb(61, 80, 102);
56
+ --ip_color_table_column_header_text_primary_default: rgb(61, 80, 102);
60
57
  --ip_color_table_column_header_icon_primary_default: rgb(148, 165, 179);
61
58
  --ip_color_table_row_cell_background_primary_default: rgb(254, 254, 254);
62
59
  --ip_color_table_row_cell_border_primary_default: rgb(186, 189, 191);
@@ -64,22 +61,22 @@ html:not(.ip-dark-mode) {
64
61
  --ip_color_table_row_background_primary_default: rgb(254, 254, 254);
65
62
  --ip_color_table_row_background_primary_hover: rgb(225, 229, 234);
66
63
  --ip_color_table_row_background_primary_active: rgb(201, 208, 217);
67
- --ip_color_hyperlink_hyperlink_text_primary_default: rgb(35, 92, 123);
68
- --ip_color_hyperlink_hyperlink_text_primary_hover: rgb(35, 92, 123);
69
- --ip_color_hyperlink_hyperlink_text_primary_active: rgb(55, 67, 77);
70
- --ip_color_hyperlink_hyperlink_text_visited_default: rgb(85, 104, 119);
71
- --ip_color_hyperlink_hyperlink_text_visited_hover: rgb(85, 104, 119);
72
- --ip_color_hyperlink_hyperlink_text_visited_active: rgb(55, 67, 77);
64
+ --ip_color_hyperlink_text_primary_default: rgb(35, 92, 123);
65
+ --ip_color_hyperlink_text_primary_hover: rgb(35, 92, 123);
66
+ --ip_color_hyperlink_text_primary_active: rgb(55, 67, 77);
67
+ --ip_color_hyperlink_text_visited_default: rgb(85, 104, 119);
68
+ --ip_color_hyperlink_text_visited_hover: rgb(85, 104, 119);
69
+ --ip_color_hyperlink_text_visited_active: rgb(55, 67, 77);
73
70
  --ip_color_breadcrumb_item_background_primary_default: rgb(243, 243, 243);
74
71
  --ip_color_breadcrumb_item_background_primary_hover: rgb(233, 234, 235);
75
72
  --ip_color_breadcrumb_item_background_primary_active: rgb(224, 225, 226);
76
- --ip_color_icon_tertiary: rgb(148, 165, 179);
77
- --ip_color_text_tertiary: rgb(133, 138, 141);
78
- --ip_color_text_quaternary: rgb(95, 114, 135);
73
+ --ip_color_icon_tertiary_default: rgb(148, 165, 179);
74
+ --ip_color_text_tertiary_default: rgb(133, 138, 141);
75
+ --ip_color_text_quaternary_default: rgb(95, 114, 135);
79
76
  --ip_color_table_search_cell_background_primary_default: rgb(249, 249, 249);
80
77
  --ip_color_loading_indicator_background_primary_default: rgb(90, 97, 102);
81
78
  --ip_color_loading_indicator_background_secondary_default: rgb(120, 205, 206);
82
- --ip_color_menu_main_menu_divider_border_primary_default: rgb(33, 42, 49);
79
+ --ip_color_menu_main_divider_border_primary_default: rgb(33, 42, 49);
83
80
  --ip_color_sidebar_content_background_gradient_start_primary_default: rgb(243, 243, 243);
84
81
  --ip_color_sidebar_content_background_gradient_stop_primary_default: rgb(243, 243, 243);
85
82
  --ip_color_table_header_background_secondary_default: rgb(228, 229, 230);
@@ -158,57 +155,69 @@ html:not(.ip-dark-mode) {
158
155
  --ip_color_sidebar_content_border_primary_closed: rgb(0, 101, 103);
159
156
  --ip_color_sidebar_content_border_primary_opened: rgb(186, 189, 191);
160
157
  --ip_color_sidebar_state_change_button_icon_primary_closed_default: rgb(16, 20, 23);
161
- --ip_color_hyperlink_hyperlink_text_inverted_visited_active: rgb(0, 122, 124);
162
- --ip_color_hyperlink_hyperlink_text_inverted_visited_hover: rgb(143, 212, 213);
163
- --ip_color_hyperlink_hyperlink_text_inverted_visited: rgb(183, 227, 228);
164
- --ip_color_hyperlink_hyperlink_text_inverted_active: rgb(0, 122, 124);
165
- --ip_color_hyperlink_hyperlink_text_inverted_hover: rgb(143, 212, 213);
166
- --ip_color_hyperlink_hyperlink_text_inverted: rgb(143, 212, 213);
167
- --ip_color_table_column_header_border_secondary: rgb(111, 118, 122);
158
+ --ip_color_hyperlink_text_inverted_visited_active: rgb(0, 122, 124);
159
+ --ip_color_hyperlink_text_inverted_visited_hover: rgb(143, 212, 213);
160
+ --ip_color_hyperlink_text_inverted_visited: rgb(183, 227, 228);
161
+ --ip_color_hyperlink_text_inverted_active: rgb(0, 122, 124);
162
+ --ip_color_hyperlink_text_inverted_hover: rgb(143, 212, 213);
163
+ --ip_color_hyperlink_text_inverted: rgb(143, 212, 213);
164
+ --ip_color_table_column_header_border_secondary_default: rgb(111, 118, 122);
168
165
  --ip_color_button_background_primary_active: rgb(185, 195, 206);
169
166
  --ip_color_button_background_primary_hover: rgb(201, 208, 217);
170
167
  --ip_color_button_icon_primary_inverse_default: rgb(205, 213, 220);
171
168
  --ip_color_button_icon_primary_default: rgb(61, 80, 102);
172
- --ip_color_button_background_primary: rgb(218, 225, 232);
169
+ --ip_color_button_background_primary_default: rgb(218, 225, 232);
173
170
  --ip_color_button_text_primary_default: rgb(61, 80, 102);
174
- --ip_color_button_background_secondary_active: rgb(26, 33, 38);
175
- --ip_color_button_background_secondary_hover: rgb(45, 55, 63);
176
- --ip_color_button_background_secondary: rgb(55, 67, 77);
171
+ --ip_color_button_background_secondary_active: rgb(225, 229, 234);
172
+ --ip_color_button_background_secondary_hover: rgb(233, 236, 240);
173
+ --ip_color_button_background_secondary_default: rgb(254, 254, 254);
177
174
  --ip_color_button_icon_secondary_inverse_default: rgb(205, 213, 220);
178
- --ip_color_button_text_secondary_default: rgb(205, 213, 220);
179
- --ip_color_button_icon_secondary_default: rgb(205, 213, 220);
175
+ --ip_color_button_text_secondary_default: rgb(61, 80, 102);
176
+ --ip_color_button_icon_secondary_default: rgb(61, 80, 102);
180
177
  --ip_color_table_bullet_background_primary_default: rgb(225, 229, 234);
181
178
  --ip_color_table_bullet_background_secondary_default: rgb(199, 215, 221);
182
179
  --ip_color_table_bullet_text_primary_default: rgb(16, 20, 23);
183
180
  --ip_color_text_primary_blue_inverse: rgb(205, 213, 220);
181
+ --ip_color_icon_button_background_primary_default: rgb(254, 254, 254);
182
+ --ip_color_tags_progress_unstarted_primary_default: rgb(243, 243, 243);
183
+ --ip_color_tags_progress_active_primary_default: rgb(250, 230, 188);
184
+ --ip_color_tags_progress_review_primary_default: rgb(210, 217, 225);
185
+ --ip_color_tags_progress_blocked_primary_default: rgb(203, 147, 142);
186
+ --ip_color_tags_progress_complete_primary_default: rgb(212, 230, 198);
187
+ --ip_color_tags_progress_paused_primary_default: rgb(238, 222, 229);
188
+ --ip_color_tags_state_unstarted_primary_default: rgb(243, 243, 243);
189
+ --ip_color_tags_state_alpha_primary_default: rgb(238, 222, 229);
190
+ --ip_color_tags_state_final_primary_default: rgb(212, 230, 198);
191
+ --ip_color_tags_state_release_candidate_primary_default: rgb(210, 217, 225);
192
+ --ip_color_tags_state_beta_primary_default: rgb(250, 230, 188);
193
+ --ip_color_tags_state_deprecated_primary_default: rgb(203, 147, 142);
194
+ --ip_color_tags_state_test_primary_default: rgb(16, 20, 23);
195
+ --ip_color_tags_progress_test_primary_default: rgb(16, 20, 23);
184
196
  }
185
197
 
186
198
  html.ip-dark-mode {
187
- --ip_color_text_dark_text_on_light: rgb(254, 254, 254);
188
- --ip_color_text_dark_text_on_light_secondary: rgb(249, 249, 249);
189
- --ip_color_text_light_text_on_dark: rgb(16, 20, 23);
190
- --ip_color_brand_accent_primary: rgb(0, 163, 166);
191
- --ip_color_brand_accent_secondary: rgb(120, 205, 206);
192
- --ip_color_menu_main_menu_item_background_primary_selected_default: rgb(26, 33, 38);
193
- --ip_color_menu_main_menu_item_background_primary_active: rgb(20, 26, 31);
194
- --ip_color_menu_main_menu_item_background_primary_selected_active: rgb(20, 26, 31);
195
- --ip_color_menu_main_menu_background_primary_default: rgb(20, 26, 31);
196
- --ip_color_menu_main_menu_item_background_primary_hover: rgb(33, 42, 49);
197
- --ip_color_menu_main_menu_item_background_primary_selected_hover: rgb(33, 42, 49);
198
- --ip_color_menu_main_menu_item_background_primary_default: rgb(20, 26, 31);
199
- --ip_color_menu_main_menu_item_vertical_divider_primary_default: rgb(0, 163, 166);
200
- --ip_color_menu_main_menu_group_item_background_primary_selected_active: rgb(20, 26, 31);
201
- --ip_color_menu_main_menu_group_item_background_primary_selected_default: rgb(16, 20, 23);
202
- --ip_color_menu_main_menu_group_item_background_primary_selected_hover: rgb(33, 42, 49);
203
- --ip_color_menu_main_menu_group_item_background_primary_active: rgb(20, 26, 31);
204
- --ip_color_menu_main_menu_group_item_background_primary_default: rgb(26, 33, 38);
205
- --ip_color_menu_main_menu_group_item_vertical_divider_primary_default: rgb(0, 163, 166);
206
- --ip_color_menu_main_menu_group_item_background_primary_hover: rgb(33, 42, 49);
207
- --ip_color_menu_main_menu_group_item_vertical_divider_secondary_default: rgb(91, 111, 128);
208
- --ip_color_menu_main_menu_item_vertical_divider_secondary_default: rgb(91, 111, 128);
199
+ --ip_color_brand_accent_primary_default: rgb(0, 163, 166);
200
+ --ip_color_brand_accent_secondary_default: rgb(120, 205, 206);
201
+ --ip_color_menu_main_item_background_primary_selected_default: rgb(26, 33, 38);
202
+ --ip_color_menu_main_item_background_primary_active: rgb(20, 26, 31);
203
+ --ip_color_menu_main_item_background_primary_selected_active: rgb(20, 26, 31);
204
+ --ip_color_menu_main_background_primary_default: rgb(20, 26, 31);
205
+ --ip_color_menu_main_item_background_primary_hover: rgb(33, 42, 49);
206
+ --ip_color_menu_main_item_background_primary_selected_hover: rgb(33, 42, 49);
207
+ --ip_color_menu_main_item_background_primary_default: rgb(20, 26, 31);
208
+ --ip_color_menu_main_item_vertical_divider_primary_default: rgb(0, 163, 166);
209
+ --ip_color_menu_main_group_item_background_primary_selected_active: rgb(20, 26, 31);
210
+ --ip_color_menu_main_group_item_background_primary_selected_default: rgb(16, 20, 23);
211
+ --ip_color_menu_main_group_item_background_primary_selected_hover: rgb(33, 42, 49);
212
+ --ip_color_menu_main_group_item_background_primary_active: rgb(20, 26, 31);
213
+ --ip_color_menu_main_group_item_background_primary_default: rgb(26, 33, 38);
214
+ --ip_color_menu_main_group_item_vertical_divider_primary_default: rgb(0, 163, 166);
215
+ --ip_color_menu_main_group_item_background_primary_hover: rgb(33, 42, 49);
216
+ --ip_color_menu_main_group_item_vertical_divider_secondary_default: rgb(91, 111, 128);
217
+ --ip_color_menu_main_item_vertical_divider_secondary_default: rgb(91, 111, 128);
209
218
  --ip_color_text_primary_black: rgb(254, 254, 254);
210
219
  --ip_color_text_primary_black_inverse: rgb(16, 20, 23);
211
- --ip_color_text_secondary: rgb(214, 214, 214);
220
+ --ip_color_text_secondary_default: rgb(214, 214, 214);
212
221
  --ip_color_text_secondary_inverse: rgb(90, 97, 102);
213
222
  --ip_color_top_navbar_background_primary_default: rgb(20, 26, 31);
214
223
  --ip_color_top_navbar_background_secondary_default: rgb(29, 37, 43);
@@ -216,13 +225,13 @@ html.ip-dark-mode {
216
225
  --ip_color_surface_primary_default: rgb(26, 33, 38);
217
226
  --ip_color_sidebar_content_background_primary_opened: rgb(33, 42, 49);
218
227
  --ip_color_icon_button_icon_primary_default: rgb(205, 213, 220);
219
- --ip_color_icon_button_icon_primary_inverse_default: rgb(205, 213, 220);
228
+ --ip_color_icon_button_icon_primary_inverse: rgb(205, 213, 220);
220
229
  --ip_color_icon_primary_inverse: rgb(61, 80, 102);
221
- --ip_color_icon_primary: rgb(205, 213, 220);
230
+ --ip_color_icon_primary_default: rgb(205, 213, 220);
222
231
  --ip_color_icon_button_background_primary_hover: rgb(254, 254, 254);
223
232
  --ip_color_icon_button_background_primary_active: rgb(254, 254, 254);
224
233
  --ip_color_border_opaque_15: rgba(254, 254, 254, 0.15);
225
- --ip_color_border_primary: rgb(61, 69, 75);
234
+ --ip_color_border_primary_default: rgb(61, 69, 75);
226
235
  --ip_color_sidebar_tab_item_background_primary_default: rgb(33, 42, 49);
227
236
  --ip_color_sidebar_tab_item_background_primary_hover: rgb(29, 37, 43);
228
237
  --ip_color_sidebar_tab_item_background_primary_active: rgb(20, 26, 31);
@@ -240,7 +249,7 @@ html.ip-dark-mode {
240
249
  --ip_color_sidebar_header_background_primary_default: rgb(29, 37, 43);
241
250
  --ip_color_table_header_background_primary_default: rgb(26, 33, 38);
242
251
  --ip_color_table_column_header_border_primary_default: rgb(120, 205, 206);
243
- --ip_color_table_column_header_text_primary_default2: rgb(254, 254, 254);
252
+ --ip_color_table_column_header_text_primary_default: rgb(254, 254, 254);
244
253
  --ip_color_table_column_header_icon_primary_default: rgb(205, 213, 220);
245
254
  --ip_color_table_row_cell_background_primary_default: rgb(26, 33, 38);
246
255
  --ip_color_table_row_cell_border_primary_default: rgb(61, 69, 75);
@@ -248,22 +257,22 @@ html.ip-dark-mode {
248
257
  --ip_color_table_row_background_primary_default: rgb(26, 33, 38);
249
258
  --ip_color_table_row_background_primary_hover: rgb(33, 42, 49);
250
259
  --ip_color_table_row_background_primary_active: rgb(20, 26, 31);
251
- --ip_color_hyperlink_hyperlink_text_primary_default: rgb(143, 212, 213);
252
- --ip_color_hyperlink_hyperlink_text_primary_hover: rgb(143, 212, 213);
253
- --ip_color_hyperlink_hyperlink_text_primary_active: rgb(0, 122, 124);
254
- --ip_color_hyperlink_hyperlink_text_visited_default: rgb(183, 227, 228);
255
- --ip_color_hyperlink_hyperlink_text_visited_hover: rgb(143, 212, 213);
256
- --ip_color_hyperlink_hyperlink_text_visited_active: rgb(0, 122, 124);
260
+ --ip_color_hyperlink_text_primary_default: rgb(143, 212, 213);
261
+ --ip_color_hyperlink_text_primary_hover: rgb(143, 212, 213);
262
+ --ip_color_hyperlink_text_primary_active: rgb(0, 122, 124);
263
+ --ip_color_hyperlink_text_visited_default: rgb(183, 227, 228);
264
+ --ip_color_hyperlink_text_visited_hover: rgb(143, 212, 213);
265
+ --ip_color_hyperlink_text_visited_active: rgb(0, 122, 124);
257
266
  --ip_color_breadcrumb_item_background_primary_default: rgb(33, 42, 49);
258
267
  --ip_color_breadcrumb_item_background_primary_hover: rgb(45, 55, 63);
259
268
  --ip_color_breadcrumb_item_background_primary_active: rgb(52, 60, 66);
260
- --ip_color_icon_tertiary: rgb(205, 213, 220);
261
- --ip_color_text_tertiary: rgb(214, 214, 214);
262
- --ip_color_text_quaternary: rgb(214, 214, 214);
269
+ --ip_color_icon_tertiary_default: rgb(205, 213, 220);
270
+ --ip_color_text_tertiary_default: rgb(214, 214, 214);
271
+ --ip_color_text_quaternary_default: rgb(214, 214, 214);
263
272
  --ip_color_table_search_cell_background_primary_default: rgb(26, 33, 38);
264
273
  --ip_color_loading_indicator_background_primary_default: rgb(71, 78, 84);
265
274
  --ip_color_loading_indicator_background_secondary_default: rgb(120, 205, 206);
266
- --ip_color_menu_main_menu_divider_border_primary_default: rgb(61, 69, 75);
275
+ --ip_color_menu_main_divider_border_primary_default: rgb(61, 69, 75);
267
276
  --ip_color_sidebar_content_background_gradient_start_primary_default: rgb(33, 42, 49);
268
277
  --ip_color_sidebar_content_background_gradient_stop_primary_default: rgb(33, 42, 49);
269
278
  --ip_color_table_header_background_secondary_default: rgb(26, 33, 38);
@@ -342,22 +351,22 @@ html.ip-dark-mode {
342
351
  --ip_color_sidebar_content_border_primary_closed: rgb(0, 101, 103);
343
352
  --ip_color_sidebar_content_border_primary_opened: rgb(61, 69, 75);
344
353
  --ip_color_sidebar_state_change_button_icon_primary_closed_default: rgb(16, 20, 23);
345
- --ip_color_hyperlink_hyperlink_text_inverted_visited_active: rgb(55, 67, 77);
346
- --ip_color_hyperlink_hyperlink_text_inverted_visited_hover: rgb(85, 104, 119);
347
- --ip_color_hyperlink_hyperlink_text_inverted_visited: rgb(85, 104, 119);
348
- --ip_color_hyperlink_hyperlink_text_inverted_active: rgb(55, 67, 77);
349
- --ip_color_hyperlink_hyperlink_text_inverted_hover: rgb(35, 92, 123);
350
- --ip_color_hyperlink_hyperlink_text_inverted: rgb(35, 92, 123);
351
- --ip_color_table_column_header_border_secondary: rgb(80, 87, 93);
354
+ --ip_color_hyperlink_text_inverted_visited_active: rgb(55, 67, 77);
355
+ --ip_color_hyperlink_text_inverted_visited_hover: rgb(85, 104, 119);
356
+ --ip_color_hyperlink_text_inverted_visited: rgb(85, 104, 119);
357
+ --ip_color_hyperlink_text_inverted_active: rgb(55, 67, 77);
358
+ --ip_color_hyperlink_text_inverted_hover: rgb(35, 92, 123);
359
+ --ip_color_hyperlink_text_inverted: rgb(35, 92, 123);
360
+ --ip_color_table_column_header_border_secondary_default: rgb(80, 87, 93);
352
361
  --ip_color_button_background_primary_active: rgb(55, 67, 77);
353
362
  --ip_color_button_background_primary_hover: rgb(50, 61, 70);
354
363
  --ip_color_button_icon_primary_inverse_default: rgb(205, 213, 220);
355
364
  --ip_color_button_icon_primary_default: rgb(205, 213, 220);
356
- --ip_color_button_background_primary: rgb(45, 55, 63);
365
+ --ip_color_button_background_primary_default: rgb(45, 55, 63);
357
366
  --ip_color_button_text_primary_default: rgb(205, 213, 220);
358
- --ip_color_button_background_secondary_active: rgb(254, 254, 254);
359
- --ip_color_button_background_secondary_hover: rgb(254, 254, 254);
360
- --ip_color_button_background_secondary: rgb(254, 254, 254);
367
+ --ip_color_button_background_secondary_active: rgb(55, 67, 77);
368
+ --ip_color_button_background_secondary_hover: rgb(45, 55, 63);
369
+ --ip_color_button_background_secondary_default: rgb(26, 33, 38);
361
370
  --ip_color_button_icon_secondary_inverse_default: rgb(205, 213, 220);
362
371
  --ip_color_button_text_secondary_default: rgb(205, 213, 220);
363
372
  --ip_color_button_icon_secondary_default: rgb(205, 213, 220);
@@ -365,6 +374,21 @@ html.ip-dark-mode {
365
374
  --ip_color_table_bullet_background_secondary_default: rgb(154, 183, 194);
366
375
  --ip_color_table_bullet_text_primary_default: rgb(16, 20, 23);
367
376
  --ip_color_text_primary_blue_inverse: rgb(61, 80, 102);
377
+ --ip_color_icon_button_background_primary_default: rgb(26, 33, 38);
378
+ --ip_color_tags_progress_unstarted_primary_default: rgb(200, 200, 200);
379
+ --ip_color_tags_progress_active_primary_default: rgb(247, 215, 147);
380
+ --ip_color_tags_progress_review_primary_default: rgb(185, 195, 206);
381
+ --ip_color_tags_progress_blocked_primary_default: rgb(192, 126, 120);
382
+ --ip_color_tags_progress_complete_primary_default: rgb(177, 209, 152);
383
+ --ip_color_tags_progress_paused_primary_default: rgb(204, 155, 175);
384
+ --ip_color_tags_state_unstarted_primary_default: rgb(200, 200, 200);
385
+ --ip_color_tags_state_alpha_primary_default: rgb(204, 155, 175);
386
+ --ip_color_tags_state_final_primary_default: rgb(177, 209, 152);
387
+ --ip_color_tags_state_release_candidate_primary_default: rgb(185, 195, 206);
388
+ --ip_color_tags_state_beta_primary_default: rgb(247, 215, 147);
389
+ --ip_color_tags_state_deprecated_primary_default: rgb(192, 126, 120);
390
+ --ip_color_tags_state_test_primary_default: rgb(16, 20, 23);
391
+ --ip_color_tags_progress_test_primary_default: rgb(16, 20, 23);
368
392
  }
369
393
 
370
394
  html.ip-desktop-mode,
@@ -491,8 +515,6 @@ html.ip-mobile-mode {
491
515
  --ip_typography_caption_font_size_medium: 0.875rem;
492
516
  --ip_typography_text_paragraph_font_size_tiny: 0.625rem;
493
517
  --ip_typography_body_line_height_compact: 140;
494
- --ip_typography_body_line_height_compact: 140;
495
518
  --ip_typography_body_line_height_loose: 180;
496
519
  --ip_typography_body_font_size_default: 0.875rem;
497
- --ip_typography_body_line_height_loose: 180;
498
520
  }
package/dist/css/typography-helpers.css CHANGED
@@ -53,10 +53,8 @@
53
53
  --ip_typography_caption_font_size_medium: 0.875rem;
54
54
  --ip_typography_text_paragraph_font_size_tiny: 0.625rem;
55
55
  --ip_typography_body_line_height_compact: 140;
56
- --ip_typography_body_line_height_compact: 140;
57
56
  --ip_typography_body_line_height_loose: 180;
58
57
  --ip_typography_body_font_size_default: 0.875rem;
59
- --ip_typography_body_line_height_loose: 180;
60
58
  }
61
59
 
62
60
  @font-face {
package/dist/css/typography.css CHANGED
@@ -53,10 +53,8 @@
53
53
  --ip_typography_caption_font_size_medium: 0.875rem;
54
54
  --ip_typography_text_paragraph_font_size_tiny: 0.625rem;
55
55
  --ip_typography_body_line_height_compact: 140;
56
- --ip_typography_body_line_height_compact: 140;
57
56
  --ip_typography_body_line_height_loose: 180;
58
57
  --ip_typography_body_font_size_default: 0.875rem;
59
- --ip_typography_body_line_height_loose: 180;
60
58
  }
61
59
 
62
60
  @font-face {