@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/scss/abstracts/_color-semantic-variables.scss CHANGED
@@ -2,33 +2,28 @@
2
2
  // DO NOT EDIT THIS FILE MANUALLY.
3
3
  // ANY CHANGES WILL BE OVERWRITTEN.
4
4
 
5
- $ip_color_text_dark_text_on_light: var(--ip_color_text_dark_text_on_light);
6
- $ip_color_text_dark_text_on_light_secondary: var(--ip_color_text_dark_text_on_light_secondary);
7
- $ip_color_text_light_text_on_dark: var(--ip_color_text_light_text_on_dark);
8
- $ip_color_brand_accent_primary: var(--ip_color_brand_accent_primary);
9
- $ip_color_brand_accent_secondary: var(--ip_color_brand_accent_secondary);
10
- $ip_color_menu_main_menu_item_background_primary_selected_default: var(--ip_color_menu_main_menu_item_background_primary_selected_default);
11
- $ip_color_menu_main_menu_item_background_primary_active: var(--ip_color_menu_main_menu_item_background_primary_active);
12
- $ip_color_menu_main_menu_item_background_primary_selected_active: var(--ip_color_menu_main_menu_item_background_primary_selected_active);
13
- $ip_color_menu_main_menu_background_primary_default: var(--ip_color_menu_main_menu_background_primary_default);
14
- $ip_color_menu_main_menu_item_background_primary_hover: var(--ip_color_menu_main_menu_item_background_primary_hover);
15
- $ip_color_menu_main_menu_item_background_primary_selected_hover: var(--ip_color_menu_main_menu_item_background_primary_selected_hover);
16
- $ip_color_menu_main_menu_item_background_primary_default: var(--ip_color_menu_main_menu_item_background_primary_default);
17
- $ip_color_menu_main_menu_item_vertical_divider_primary_default: var(--ip_color_menu_main_menu_item_vertical_divider_primary_default);
18
- $ip_color_menu_main_menu_group_item_background_primary_selected_active: var(--ip_color_menu_main_menu_group_item_background_primary_selected_active);
19
- $ip_color_menu_main_menu_group_item_background_primary_selected_default: var(
20
- --ip_color_menu_main_menu_group_item_background_primary_selected_default
21
- );
22
- $ip_color_menu_main_menu_group_item_background_primary_selected_hover: var(--ip_color_menu_main_menu_group_item_background_primary_selected_hover);
23
- $ip_color_menu_main_menu_group_item_background_primary_active: var(--ip_color_menu_main_menu_group_item_background_primary_active);
24
- $ip_color_menu_main_menu_group_item_background_primary_default: var(--ip_color_menu_main_menu_group_item_background_primary_default);
25
- $ip_color_menu_main_menu_group_item_vertical_divider_primary_default: var(--ip_color_menu_main_menu_group_item_vertical_divider_primary_default);
26
- $ip_color_menu_main_menu_group_item_background_primary_hover: var(--ip_color_menu_main_menu_group_item_background_primary_hover);
27
- $ip_color_menu_main_menu_group_item_vertical_divider_secondary_default: var(--ip_color_menu_main_menu_group_item_vertical_divider_secondary_default);
28
- $ip_color_menu_main_menu_item_vertical_divider_secondary_default: var(--ip_color_menu_main_menu_item_vertical_divider_secondary_default);
5
+ $ip_color_brand_accent_primary_default: var(--ip_color_brand_accent_primary_default);
6
+ $ip_color_brand_accent_secondary_default: var(--ip_color_brand_accent_secondary_default);
7
+ $ip_color_menu_main_item_background_primary_selected_default: var(--ip_color_menu_main_item_background_primary_selected_default);
8
+ $ip_color_menu_main_item_background_primary_active: var(--ip_color_menu_main_item_background_primary_active);
9
+ $ip_color_menu_main_item_background_primary_selected_active: var(--ip_color_menu_main_item_background_primary_selected_active);
10
+ $ip_color_menu_main_background_primary_default: var(--ip_color_menu_main_background_primary_default);
11
+ $ip_color_menu_main_item_background_primary_hover: var(--ip_color_menu_main_item_background_primary_hover);
12
+ $ip_color_menu_main_item_background_primary_selected_hover: var(--ip_color_menu_main_item_background_primary_selected_hover);
13
+ $ip_color_menu_main_item_background_primary_default: var(--ip_color_menu_main_item_background_primary_default);
14
+ $ip_color_menu_main_item_vertical_divider_primary_default: var(--ip_color_menu_main_item_vertical_divider_primary_default);
15
+ $ip_color_menu_main_group_item_background_primary_selected_active: var(--ip_color_menu_main_group_item_background_primary_selected_active);
16
+ $ip_color_menu_main_group_item_background_primary_selected_default: var(--ip_color_menu_main_group_item_background_primary_selected_default);
17
+ $ip_color_menu_main_group_item_background_primary_selected_hover: var(--ip_color_menu_main_group_item_background_primary_selected_hover);
18
+ $ip_color_menu_main_group_item_background_primary_active: var(--ip_color_menu_main_group_item_background_primary_active);
19
+ $ip_color_menu_main_group_item_background_primary_default: var(--ip_color_menu_main_group_item_background_primary_default);
20
+ $ip_color_menu_main_group_item_vertical_divider_primary_default: var(--ip_color_menu_main_group_item_vertical_divider_primary_default);
21
+ $ip_color_menu_main_group_item_background_primary_hover: var(--ip_color_menu_main_group_item_background_primary_hover);
22
+ $ip_color_menu_main_group_item_vertical_divider_secondary_default: var(--ip_color_menu_main_group_item_vertical_divider_secondary_default);
23
+ $ip_color_menu_main_item_vertical_divider_secondary_default: var(--ip_color_menu_main_item_vertical_divider_secondary_default);
29
24
  $ip_color_text_primary_black: var(--ip_color_text_primary_black);
30
25
  $ip_color_text_primary_black_inverse: var(--ip_color_text_primary_black_inverse);
31
- $ip_color_text_secondary: var(--ip_color_text_secondary);
26
+ $ip_color_text_secondary_default: var(--ip_color_text_secondary_default);
32
27
  $ip_color_text_secondary_inverse: var(--ip_color_text_secondary_inverse);
33
28
  $ip_color_top_navbar_background_primary_default: var(--ip_color_top_navbar_background_primary_default);
34
29
  $ip_color_top_navbar_background_secondary_default: var(--ip_color_top_navbar_background_secondary_default);
@@ -36,13 +31,13 @@ $ip_color_breadcrumb_background_primary_default: var(--ip_color_breadcrumb_backg
36
31
  $ip_color_surface_primary_default: var(--ip_color_surface_primary_default);
37
32
  $ip_color_sidebar_content_background_primary_opened: var(--ip_color_sidebar_content_background_primary_opened);
38
33
  $ip_color_icon_button_icon_primary_default: var(--ip_color_icon_button_icon_primary_default);
39
- $ip_color_icon_button_icon_primary_inverse_default: var(--ip_color_icon_button_icon_primary_inverse_default);
34
+ $ip_color_icon_button_icon_primary_inverse: var(--ip_color_icon_button_icon_primary_inverse);
40
35
  $ip_color_icon_primary_inverse: var(--ip_color_icon_primary_inverse);
41
- $ip_color_icon_primary: var(--ip_color_icon_primary);
36
+ $ip_color_icon_primary_default: var(--ip_color_icon_primary_default);
42
37
  $ip_color_icon_button_background_primary_hover: var(--ip_color_icon_button_background_primary_hover);
43
38
  $ip_color_icon_button_background_primary_active: var(--ip_color_icon_button_background_primary_active);
44
39
  $ip_color_border_opaque_15: var(--ip_color_border_opaque_15);
45
- $ip_color_border_primary: var(--ip_color_border_primary);
40
+ $ip_color_border_primary_default: var(--ip_color_border_primary_default);
46
41
  $ip_color_sidebar_tab_item_background_primary_default: var(--ip_color_sidebar_tab_item_background_primary_default);
47
42
  $ip_color_sidebar_tab_item_background_primary_hover: var(--ip_color_sidebar_tab_item_background_primary_hover);
48
43
  $ip_color_sidebar_tab_item_background_primary_active: var(--ip_color_sidebar_tab_item_background_primary_active);
@@ -60,7 +55,7 @@ $ip_color_text_primary_blue: var(--ip_color_text_primary_blue);
60
55
  $ip_color_sidebar_header_background_primary_default: var(--ip_color_sidebar_header_background_primary_default);
61
56
  $ip_color_table_header_background_primary_default: var(--ip_color_table_header_background_primary_default);
62
57
  $ip_color_table_column_header_border_primary_default: var(--ip_color_table_column_header_border_primary_default);
63
- $ip_color_table_column_header_text_primary_default2: var(--ip_color_table_column_header_text_primary_default2);
58
+ $ip_color_table_column_header_text_primary_default: var(--ip_color_table_column_header_text_primary_default);
64
59
  $ip_color_table_column_header_icon_primary_default: var(--ip_color_table_column_header_icon_primary_default);
65
60
  $ip_color_table_row_cell_background_primary_default: var(--ip_color_table_row_cell_background_primary_default);
66
61
  $ip_color_table_row_cell_border_primary_default: var(--ip_color_table_row_cell_border_primary_default);
@@ -68,22 +63,22 @@ $ip_color_table_row_cell_text_primary_default: var(--ip_color_table_row_cell_tex
68
63
  $ip_color_table_row_background_primary_default: var(--ip_color_table_row_background_primary_default);
69
64
  $ip_color_table_row_background_primary_hover: var(--ip_color_table_row_background_primary_hover);
70
65
  $ip_color_table_row_background_primary_active: var(--ip_color_table_row_background_primary_active);
71
- $ip_color_hyperlink_hyperlink_text_primary_default: var(--ip_color_hyperlink_hyperlink_text_primary_default);
72
- $ip_color_hyperlink_hyperlink_text_primary_hover: var(--ip_color_hyperlink_hyperlink_text_primary_hover);
73
- $ip_color_hyperlink_hyperlink_text_primary_active: var(--ip_color_hyperlink_hyperlink_text_primary_active);
74
- $ip_color_hyperlink_hyperlink_text_visited_default: var(--ip_color_hyperlink_hyperlink_text_visited_default);
75
- $ip_color_hyperlink_hyperlink_text_visited_hover: var(--ip_color_hyperlink_hyperlink_text_visited_hover);
76
- $ip_color_hyperlink_hyperlink_text_visited_active: var(--ip_color_hyperlink_hyperlink_text_visited_active);
66
+ $ip_color_hyperlink_text_primary_default: var(--ip_color_hyperlink_text_primary_default);
67
+ $ip_color_hyperlink_text_primary_hover: var(--ip_color_hyperlink_text_primary_hover);
68
+ $ip_color_hyperlink_text_primary_active: var(--ip_color_hyperlink_text_primary_active);
69
+ $ip_color_hyperlink_text_visited_default: var(--ip_color_hyperlink_text_visited_default);
70
+ $ip_color_hyperlink_text_visited_hover: var(--ip_color_hyperlink_text_visited_hover);
71
+ $ip_color_hyperlink_text_visited_active: var(--ip_color_hyperlink_text_visited_active);
77
72
  $ip_color_breadcrumb_item_background_primary_default: var(--ip_color_breadcrumb_item_background_primary_default);
78
73
  $ip_color_breadcrumb_item_background_primary_hover: var(--ip_color_breadcrumb_item_background_primary_hover);
79
74
  $ip_color_breadcrumb_item_background_primary_active: var(--ip_color_breadcrumb_item_background_primary_active);
80
- $ip_color_icon_tertiary: var(--ip_color_icon_tertiary);
81
- $ip_color_text_tertiary: var(--ip_color_text_tertiary);
82
- $ip_color_text_quaternary: var(--ip_color_text_quaternary);
75
+ $ip_color_icon_tertiary_default: var(--ip_color_icon_tertiary_default);
76
+ $ip_color_text_tertiary_default: var(--ip_color_text_tertiary_default);
77
+ $ip_color_text_quaternary_default: var(--ip_color_text_quaternary_default);
83
78
  $ip_color_table_search_cell_background_primary_default: var(--ip_color_table_search_cell_background_primary_default);
84
79
  $ip_color_loading_indicator_background_primary_default: var(--ip_color_loading_indicator_background_primary_default);
85
80
  $ip_color_loading_indicator_background_secondary_default: var(--ip_color_loading_indicator_background_secondary_default);
86
- $ip_color_menu_main_menu_divider_border_primary_default: var(--ip_color_menu_main_menu_divider_border_primary_default);
81
+ $ip_color_menu_main_divider_border_primary_default: var(--ip_color_menu_main_divider_border_primary_default);
87
82
  $ip_color_sidebar_content_background_gradient_start_primary_default: var(--ip_color_sidebar_content_background_gradient_start_primary_default);
88
83
  $ip_color_sidebar_content_background_gradient_stop_primary_default: var(--ip_color_sidebar_content_background_gradient_stop_primary_default);
89
84
  $ip_color_table_header_background_secondary_default: var(--ip_color_table_header_background_secondary_default);
@@ -162,22 +157,22 @@ $ip_color_sidebar_content_background_primary_closed: var(--ip_color_sidebar_cont
162
157
  $ip_color_sidebar_content_border_primary_closed: var(--ip_color_sidebar_content_border_primary_closed);
163
158
  $ip_color_sidebar_content_border_primary_opened: var(--ip_color_sidebar_content_border_primary_opened);
164
159
  $ip_color_sidebar_state_change_button_icon_primary_closed_default: var(--ip_color_sidebar_state_change_button_icon_primary_closed_default);
165
- $ip_color_hyperlink_hyperlink_text_inverted_visited_active: var(--ip_color_hyperlink_hyperlink_text_inverted_visited_active);
166
- $ip_color_hyperlink_hyperlink_text_inverted_visited_hover: var(--ip_color_hyperlink_hyperlink_text_inverted_visited_hover);
167
- $ip_color_hyperlink_hyperlink_text_inverted_visited: var(--ip_color_hyperlink_hyperlink_text_inverted_visited);
168
- $ip_color_hyperlink_hyperlink_text_inverted_active: var(--ip_color_hyperlink_hyperlink_text_inverted_active);
169
- $ip_color_hyperlink_hyperlink_text_inverted_hover: var(--ip_color_hyperlink_hyperlink_text_inverted_hover);
170
- $ip_color_hyperlink_hyperlink_text_inverted: var(--ip_color_hyperlink_hyperlink_text_inverted);
171
- $ip_color_table_column_header_border_secondary: var(--ip_color_table_column_header_border_secondary);
160
+ $ip_color_hyperlink_text_inverted_visited_active: var(--ip_color_hyperlink_text_inverted_visited_active);
161
+ $ip_color_hyperlink_text_inverted_visited_hover: var(--ip_color_hyperlink_text_inverted_visited_hover);
162
+ $ip_color_hyperlink_text_inverted_visited: var(--ip_color_hyperlink_text_inverted_visited);
163
+ $ip_color_hyperlink_text_inverted_active: var(--ip_color_hyperlink_text_inverted_active);
164
+ $ip_color_hyperlink_text_inverted_hover: var(--ip_color_hyperlink_text_inverted_hover);
165
+ $ip_color_hyperlink_text_inverted: var(--ip_color_hyperlink_text_inverted);
166
+ $ip_color_table_column_header_border_secondary_default: var(--ip_color_table_column_header_border_secondary_default);
172
167
  $ip_color_button_background_primary_active: var(--ip_color_button_background_primary_active);
173
168
  $ip_color_button_background_primary_hover: var(--ip_color_button_background_primary_hover);
174
169
  $ip_color_button_icon_primary_inverse_default: var(--ip_color_button_icon_primary_inverse_default);
175
170
  $ip_color_button_icon_primary_default: var(--ip_color_button_icon_primary_default);
176
- $ip_color_button_background_primary: var(--ip_color_button_background_primary);
171
+ $ip_color_button_background_primary_default: var(--ip_color_button_background_primary_default);
177
172
  $ip_color_button_text_primary_default: var(--ip_color_button_text_primary_default);
178
173
  $ip_color_button_background_secondary_active: var(--ip_color_button_background_secondary_active);
179
174
  $ip_color_button_background_secondary_hover: var(--ip_color_button_background_secondary_hover);
180
- $ip_color_button_background_secondary: var(--ip_color_button_background_secondary);
175
+ $ip_color_button_background_secondary_default: var(--ip_color_button_background_secondary_default);
181
176
  $ip_color_button_icon_secondary_inverse_default: var(--ip_color_button_icon_secondary_inverse_default);
182
177
  $ip_color_button_text_secondary_default: var(--ip_color_button_text_secondary_default);
183
178
  $ip_color_button_icon_secondary_default: var(--ip_color_button_icon_secondary_default);
@@ -185,34 +180,46 @@ $ip_color_table_bullet_background_primary_default: var(--ip_color_table_bullet_b
185
180
  $ip_color_table_bullet_background_secondary_default: var(--ip_color_table_bullet_background_secondary_default);
186
181
  $ip_color_table_bullet_text_primary_default: var(--ip_color_table_bullet_text_primary_default);
187
182
  $ip_color_text_primary_blue_inverse: var(--ip_color_text_primary_blue_inverse);
183
+ $ip_color_icon_button_background_primary_default: var(--ip_color_icon_button_background_primary_default);
184
+ $ip_color_tags_progress_unstarted_primary_default: var(--ip_color_tags_progress_unstarted_primary_default);
185
+ $ip_color_tags_progress_active_primary_default: var(--ip_color_tags_progress_active_primary_default);
186
+ $ip_color_tags_progress_review_primary_default: var(--ip_color_tags_progress_review_primary_default);
187
+ $ip_color_tags_progress_blocked_primary_default: var(--ip_color_tags_progress_blocked_primary_default);
188
+ $ip_color_tags_progress_complete_primary_default: var(--ip_color_tags_progress_complete_primary_default);
189
+ $ip_color_tags_progress_paused_primary_default: var(--ip_color_tags_progress_paused_primary_default);
190
+ $ip_color_tags_state_unstarted_primary_default: var(--ip_color_tags_state_unstarted_primary_default);
191
+ $ip_color_tags_state_alpha_primary_default: var(--ip_color_tags_state_alpha_primary_default);
192
+ $ip_color_tags_state_final_primary_default: var(--ip_color_tags_state_final_primary_default);
193
+ $ip_color_tags_state_release_candidate_primary_default: var(--ip_color_tags_state_release_candidate_primary_default);
194
+ $ip_color_tags_state_beta_primary_default: var(--ip_color_tags_state_beta_primary_default);
195
+ $ip_color_tags_state_deprecated_primary_default: var(--ip_color_tags_state_deprecated_primary_default);
196
+ $ip_color_tags_state_test_primary_default: var(--ip_color_tags_state_test_primary_default);
197
+ $ip_color_tags_progress_test_primary_default: var(--ip_color_tags_progress_test_primary_default);
188
198
 
189
199
  html.ip-light-mode,
190
200
  html:not(.ip-dark-mode) {
191
- --ip_color_text_dark_text_on_light: rgb(16, 20, 23);
192
- --ip_color_text_dark_text_on_light_secondary: rgb(64, 78, 89);
193
- --ip_color_text_light_text_on_dark: rgb(254, 254, 254);
194
- --ip_color_brand_accent_primary: rgb(0, 163, 166);
195
- --ip_color_brand_accent_secondary: rgb(120, 205, 206);
196
- --ip_color_menu_main_menu_item_background_primary_selected_default: rgb(25, 31, 36);
197
- --ip_color_menu_main_menu_item_background_primary_active: rgb(20, 26, 31);
198
- --ip_color_menu_main_menu_item_background_primary_selected_active: rgb(20, 26, 31);
199
- --ip_color_menu_main_menu_background_primary_default: rgb(33, 42, 49);
200
- --ip_color_menu_main_menu_item_background_primary_hover: rgb(45, 55, 63);
201
- --ip_color_menu_main_menu_item_background_primary_selected_hover: rgb(45, 55, 63);
202
- --ip_color_menu_main_menu_item_background_primary_default: rgb(33, 42, 49);
203
- --ip_color_menu_main_menu_item_vertical_divider_primary_default: rgb(0, 163, 166);
204
- --ip_color_menu_main_menu_group_item_background_primary_selected_active: rgb(20, 26, 31);
205
- --ip_color_menu_main_menu_group_item_background_primary_selected_default: rgb(16, 20, 23);
206
- --ip_color_menu_main_menu_group_item_background_primary_selected_hover: rgb(45, 55, 63);
207
- --ip_color_menu_main_menu_group_item_background_primary_active: rgb(20, 26, 31);
208
- --ip_color_menu_main_menu_group_item_background_primary_default: rgb(25, 31, 36);
209
- --ip_color_menu_main_menu_group_item_vertical_divider_primary_default: rgb(0, 163, 166);
210
- --ip_color_menu_main_menu_group_item_background_primary_hover: rgb(45, 55, 63);
211
- --ip_color_menu_main_menu_group_item_vertical_divider_secondary_default: rgb(91, 111, 128);
212
- --ip_color_menu_main_menu_item_vertical_divider_secondary_default: rgb(91, 111, 128);
201
+ --ip_color_brand_accent_primary_default: rgb(0, 163, 166);
202
+ --ip_color_brand_accent_secondary_default: rgb(120, 205, 206);
203
+ --ip_color_menu_main_item_background_primary_selected_default: rgb(25, 31, 36);
204
+ --ip_color_menu_main_item_background_primary_active: rgb(20, 26, 31);
205
+ --ip_color_menu_main_item_background_primary_selected_active: rgb(20, 26, 31);
206
+ --ip_color_menu_main_background_primary_default: rgb(33, 42, 49);
207
+ --ip_color_menu_main_item_background_primary_hover: rgb(45, 55, 63);
208
+ --ip_color_menu_main_item_background_primary_selected_hover: rgb(45, 55, 63);
209
+ --ip_color_menu_main_item_background_primary_default: rgb(33, 42, 49);
210
+ --ip_color_menu_main_item_vertical_divider_primary_default: rgb(0, 163, 166);
211
+ --ip_color_menu_main_group_item_background_primary_selected_active: rgb(20, 26, 31);
212
+ --ip_color_menu_main_group_item_background_primary_selected_default: rgb(16, 20, 23);
213
+ --ip_color_menu_main_group_item_background_primary_selected_hover: rgb(45, 55, 63);
214
+ --ip_color_menu_main_group_item_background_primary_active: rgb(20, 26, 31);
215
+ --ip_color_menu_main_group_item_background_primary_default: rgb(25, 31, 36);
216
+ --ip_color_menu_main_group_item_vertical_divider_primary_default: rgb(0, 163, 166);
217
+ --ip_color_menu_main_group_item_background_primary_hover: rgb(45, 55, 63);
218
+ --ip_color_menu_main_group_item_vertical_divider_secondary_default: rgb(91, 111, 128);
219
+ --ip_color_menu_main_item_vertical_divider_secondary_default: rgb(91, 111, 128);
213
220
  --ip_color_text_primary_black: rgb(16, 20, 23);
214
221
  --ip_color_text_primary_black_inverse: rgb(254, 254, 254);
215
- --ip_color_text_secondary: rgb(90, 97, 102);
222
+ --ip_color_text_secondary_default: rgb(90, 97, 102);
216
223
  --ip_color_text_secondary_inverse: rgb(214, 214, 214);
217
224
  --ip_color_top_navbar_background_primary_default: rgb(33, 42, 49);
218
225
  --ip_color_top_navbar_background_secondary_default: rgb(228, 229, 230);
@@ -220,13 +227,13 @@ html:not(.ip-dark-mode) {
220
227
  --ip_color_surface_primary_default: rgb(254, 254, 254);
221
228
  --ip_color_sidebar_content_background_primary_opened: rgb(243, 243, 243);
222
229
  --ip_color_icon_button_icon_primary_default: rgb(61, 80, 102);
223
- --ip_color_icon_button_icon_primary_inverse_default: rgb(205, 213, 220);
230
+ --ip_color_icon_button_icon_primary_inverse: rgb(205, 213, 220);
224
231
  --ip_color_icon_primary_inverse: rgb(205, 213, 220);
225
- --ip_color_icon_primary: rgb(61, 80, 102);
232
+ --ip_color_icon_primary_default: rgb(61, 80, 102);
226
233
  --ip_color_icon_button_background_primary_hover: rgb(33, 42, 49);
227
234
  --ip_color_icon_button_background_primary_active: rgb(33, 42, 49);
228
235
  --ip_color_border_opaque_15: rgba(16, 20, 23, 0.15);
229
- --ip_color_border_primary: rgb(186, 189, 191);
236
+ --ip_color_border_primary_default: rgb(186, 189, 191);
230
237
  --ip_color_sidebar_tab_item_background_primary_default: rgb(243, 243, 243);
231
238
  --ip_color_sidebar_tab_item_background_primary_hover: rgb(228, 229, 230);
232
239
  --ip_color_sidebar_tab_item_background_primary_active: rgb(207, 209, 211);
@@ -244,7 +251,7 @@ html:not(.ip-dark-mode) {
244
251
  --ip_color_sidebar_header_background_primary_default: rgb(228, 229, 230);
245
252
  --ip_color_table_header_background_primary_default: rgb(233, 236, 240);
246
253
  --ip_color_table_column_header_border_primary_default: rgb(0, 163, 166);
247
- --ip_color_table_column_header_text_primary_default2: rgb(61, 80, 102);
254
+ --ip_color_table_column_header_text_primary_default: rgb(61, 80, 102);
248
255
  --ip_color_table_column_header_icon_primary_default: rgb(148, 165, 179);
249
256
  --ip_color_table_row_cell_background_primary_default: rgb(254, 254, 254);
250
257
  --ip_color_table_row_cell_border_primary_default: rgb(186, 189, 191);
@@ -252,22 +259,22 @@ html:not(.ip-dark-mode) {
252
259
  --ip_color_table_row_background_primary_default: rgb(254, 254, 254);
253
260
  --ip_color_table_row_background_primary_hover: rgb(225, 229, 234);
254
261
  --ip_color_table_row_background_primary_active: rgb(201, 208, 217);
255
- --ip_color_hyperlink_hyperlink_text_primary_default: rgb(35, 92, 123);
256
- --ip_color_hyperlink_hyperlink_text_primary_hover: rgb(35, 92, 123);
257
- --ip_color_hyperlink_hyperlink_text_primary_active: rgb(55, 67, 77);
258
- --ip_color_hyperlink_hyperlink_text_visited_default: rgb(85, 104, 119);
259
- --ip_color_hyperlink_hyperlink_text_visited_hover: rgb(85, 104, 119);
260
- --ip_color_hyperlink_hyperlink_text_visited_active: rgb(55, 67, 77);
262
+ --ip_color_hyperlink_text_primary_default: rgb(35, 92, 123);
263
+ --ip_color_hyperlink_text_primary_hover: rgb(35, 92, 123);
264
+ --ip_color_hyperlink_text_primary_active: rgb(55, 67, 77);
265
+ --ip_color_hyperlink_text_visited_default: rgb(85, 104, 119);
266
+ --ip_color_hyperlink_text_visited_hover: rgb(85, 104, 119);
267
+ --ip_color_hyperlink_text_visited_active: rgb(55, 67, 77);
261
268
  --ip_color_breadcrumb_item_background_primary_default: rgb(243, 243, 243);
262
269
  --ip_color_breadcrumb_item_background_primary_hover: rgb(233, 234, 235);
263
270
  --ip_color_breadcrumb_item_background_primary_active: rgb(224, 225, 226);
264
- --ip_color_icon_tertiary: rgb(148, 165, 179);
265
- --ip_color_text_tertiary: rgb(133, 138, 141);
266
- --ip_color_text_quaternary: rgb(95, 114, 135);
271
+ --ip_color_icon_tertiary_default: rgb(148, 165, 179);
272
+ --ip_color_text_tertiary_default: rgb(133, 138, 141);
273
+ --ip_color_text_quaternary_default: rgb(95, 114, 135);
267
274
  --ip_color_table_search_cell_background_primary_default: rgb(249, 249, 249);
268
275
  --ip_color_loading_indicator_background_primary_default: rgb(90, 97, 102);
269
276
  --ip_color_loading_indicator_background_secondary_default: rgb(120, 205, 206);
270
- --ip_color_menu_main_menu_divider_border_primary_default: rgb(33, 42, 49);
277
+ --ip_color_menu_main_divider_border_primary_default: rgb(33, 42, 49);
271
278
  --ip_color_sidebar_content_background_gradient_start_primary_default: rgb(243, 243, 243);
272
279
  --ip_color_sidebar_content_background_gradient_stop_primary_default: rgb(243, 243, 243);
273
280
  --ip_color_table_header_background_secondary_default: rgb(228, 229, 230);
@@ -346,57 +353,69 @@ html:not(.ip-dark-mode) {
346
353
  --ip_color_sidebar_content_border_primary_closed: rgb(0, 101, 103);
347
354
  --ip_color_sidebar_content_border_primary_opened: rgb(186, 189, 191);
348
355
  --ip_color_sidebar_state_change_button_icon_primary_closed_default: rgb(16, 20, 23);
349
- --ip_color_hyperlink_hyperlink_text_inverted_visited_active: rgb(0, 122, 124);
350
- --ip_color_hyperlink_hyperlink_text_inverted_visited_hover: rgb(143, 212, 213);
351
- --ip_color_hyperlink_hyperlink_text_inverted_visited: rgb(183, 227, 228);
352
- --ip_color_hyperlink_hyperlink_text_inverted_active: rgb(0, 122, 124);
353
- --ip_color_hyperlink_hyperlink_text_inverted_hover: rgb(143, 212, 213);
354
- --ip_color_hyperlink_hyperlink_text_inverted: rgb(143, 212, 213);
355
- --ip_color_table_column_header_border_secondary: rgb(111, 118, 122);
356
+ --ip_color_hyperlink_text_inverted_visited_active: rgb(0, 122, 124);
357
+ --ip_color_hyperlink_text_inverted_visited_hover: rgb(143, 212, 213);
358
+ --ip_color_hyperlink_text_inverted_visited: rgb(183, 227, 228);
359
+ --ip_color_hyperlink_text_inverted_active: rgb(0, 122, 124);
360
+ --ip_color_hyperlink_text_inverted_hover: rgb(143, 212, 213);
361
+ --ip_color_hyperlink_text_inverted: rgb(143, 212, 213);
362
+ --ip_color_table_column_header_border_secondary_default: rgb(111, 118, 122);
356
363
  --ip_color_button_background_primary_active: rgb(185, 195, 206);
357
364
  --ip_color_button_background_primary_hover: rgb(201, 208, 217);
358
365
  --ip_color_button_icon_primary_inverse_default: rgb(205, 213, 220);
359
366
  --ip_color_button_icon_primary_default: rgb(61, 80, 102);
360
- --ip_color_button_background_primary: rgb(218, 225, 232);
367
+ --ip_color_button_background_primary_default: rgb(218, 225, 232);
361
368
  --ip_color_button_text_primary_default: rgb(61, 80, 102);
362
- --ip_color_button_background_secondary_active: rgb(26, 33, 38);
363
- --ip_color_button_background_secondary_hover: rgb(45, 55, 63);
364
- --ip_color_button_background_secondary: rgb(55, 67, 77);
369
+ --ip_color_button_background_secondary_active: rgb(225, 229, 234);
370
+ --ip_color_button_background_secondary_hover: rgb(233, 236, 240);
371
+ --ip_color_button_background_secondary_default: rgb(254, 254, 254);
365
372
  --ip_color_button_icon_secondary_inverse_default: rgb(205, 213, 220);
366
- --ip_color_button_text_secondary_default: rgb(205, 213, 220);
367
- --ip_color_button_icon_secondary_default: rgb(205, 213, 220);
373
+ --ip_color_button_text_secondary_default: rgb(61, 80, 102);
374
+ --ip_color_button_icon_secondary_default: rgb(61, 80, 102);
368
375
  --ip_color_table_bullet_background_primary_default: rgb(225, 229, 234);
369
376
  --ip_color_table_bullet_background_secondary_default: rgb(199, 215, 221);
370
377
  --ip_color_table_bullet_text_primary_default: rgb(16, 20, 23);
371
378
  --ip_color_text_primary_blue_inverse: rgb(205, 213, 220);
379
+ --ip_color_icon_button_background_primary_default: rgb(254, 254, 254);
380
+ --ip_color_tags_progress_unstarted_primary_default: rgb(243, 243, 243);
381
+ --ip_color_tags_progress_active_primary_default: rgb(250, 230, 188);
382
+ --ip_color_tags_progress_review_primary_default: rgb(210, 217, 225);
383
+ --ip_color_tags_progress_blocked_primary_default: rgb(203, 147, 142);
384
+ --ip_color_tags_progress_complete_primary_default: rgb(212, 230, 198);
385
+ --ip_color_tags_progress_paused_primary_default: rgb(238, 222, 229);
386
+ --ip_color_tags_state_unstarted_primary_default: rgb(243, 243, 243);
387
+ --ip_color_tags_state_alpha_primary_default: rgb(238, 222, 229);
388
+ --ip_color_tags_state_final_primary_default: rgb(212, 230, 198);
389
+ --ip_color_tags_state_release_candidate_primary_default: rgb(210, 217, 225);
390
+ --ip_color_tags_state_beta_primary_default: rgb(250, 230, 188);
391
+ --ip_color_tags_state_deprecated_primary_default: rgb(203, 147, 142);
392
+ --ip_color_tags_state_test_primary_default: rgb(16, 20, 23);
393
+ --ip_color_tags_progress_test_primary_default: rgb(16, 20, 23);
372
394
  }
373
395
 
374
396
  html.ip-dark-mode {
375
- --ip_color_text_dark_text_on_light: rgb(254, 254, 254);
376
- --ip_color_text_dark_text_on_light_secondary: rgb(249, 249, 249);
377
- --ip_color_text_light_text_on_dark: rgb(16, 20, 23);
378
- --ip_color_brand_accent_primary: rgb(0, 163, 166);
379
- --ip_color_brand_accent_secondary: rgb(120, 205, 206);
380
- --ip_color_menu_main_menu_item_background_primary_selected_default: rgb(26, 33, 38);
381
- --ip_color_menu_main_menu_item_background_primary_active: rgb(20, 26, 31);
382
- --ip_color_menu_main_menu_item_background_primary_selected_active: rgb(20, 26, 31);
383
- --ip_color_menu_main_menu_background_primary_default: rgb(20, 26, 31);
384
- --ip_color_menu_main_menu_item_background_primary_hover: rgb(33, 42, 49);
385
- --ip_color_menu_main_menu_item_background_primary_selected_hover: rgb(33, 42, 49);
386
- --ip_color_menu_main_menu_item_background_primary_default: rgb(20, 26, 31);
387
- --ip_color_menu_main_menu_item_vertical_divider_primary_default: rgb(0, 163, 166);
388
- --ip_color_menu_main_menu_group_item_background_primary_selected_active: rgb(20, 26, 31);
389
- --ip_color_menu_main_menu_group_item_background_primary_selected_default: rgb(16, 20, 23);
390
- --ip_color_menu_main_menu_group_item_background_primary_selected_hover: rgb(33, 42, 49);
391
- --ip_color_menu_main_menu_group_item_background_primary_active: rgb(20, 26, 31);
392
- --ip_color_menu_main_menu_group_item_background_primary_default: rgb(26, 33, 38);
393
- --ip_color_menu_main_menu_group_item_vertical_divider_primary_default: rgb(0, 163, 166);
394
- --ip_color_menu_main_menu_group_item_background_primary_hover: rgb(33, 42, 49);
395
- --ip_color_menu_main_menu_group_item_vertical_divider_secondary_default: rgb(91, 111, 128);
396
- --ip_color_menu_main_menu_item_vertical_divider_secondary_default: rgb(91, 111, 128);
397
+ --ip_color_brand_accent_primary_default: rgb(0, 163, 166);
398
+ --ip_color_brand_accent_secondary_default: rgb(120, 205, 206);
399
+ --ip_color_menu_main_item_background_primary_selected_default: rgb(26, 33, 38);
400
+ --ip_color_menu_main_item_background_primary_active: rgb(20, 26, 31);
401
+ --ip_color_menu_main_item_background_primary_selected_active: rgb(20, 26, 31);
402
+ --ip_color_menu_main_background_primary_default: rgb(20, 26, 31);
403
+ --ip_color_menu_main_item_background_primary_hover: rgb(33, 42, 49);
404
+ --ip_color_menu_main_item_background_primary_selected_hover: rgb(33, 42, 49);
405
+ --ip_color_menu_main_item_background_primary_default: rgb(20, 26, 31);
406
+ --ip_color_menu_main_item_vertical_divider_primary_default: rgb(0, 163, 166);
407
+ --ip_color_menu_main_group_item_background_primary_selected_active: rgb(20, 26, 31);
408
+ --ip_color_menu_main_group_item_background_primary_selected_default: rgb(16, 20, 23);
409
+ --ip_color_menu_main_group_item_background_primary_selected_hover: rgb(33, 42, 49);
410
+ --ip_color_menu_main_group_item_background_primary_active: rgb(20, 26, 31);
411
+ --ip_color_menu_main_group_item_background_primary_default: rgb(26, 33, 38);
412
+ --ip_color_menu_main_group_item_vertical_divider_primary_default: rgb(0, 163, 166);
413
+ --ip_color_menu_main_group_item_background_primary_hover: rgb(33, 42, 49);
414
+ --ip_color_menu_main_group_item_vertical_divider_secondary_default: rgb(91, 111, 128);
415
+ --ip_color_menu_main_item_vertical_divider_secondary_default: rgb(91, 111, 128);
397
416
  --ip_color_text_primary_black: rgb(254, 254, 254);
398
417
  --ip_color_text_primary_black_inverse: rgb(16, 20, 23);
399
- --ip_color_text_secondary: rgb(214, 214, 214);
418
+ --ip_color_text_secondary_default: rgb(214, 214, 214);
400
419
  --ip_color_text_secondary_inverse: rgb(90, 97, 102);
401
420
  --ip_color_top_navbar_background_primary_default: rgb(20, 26, 31);
402
421
  --ip_color_top_navbar_background_secondary_default: rgb(29, 37, 43);
@@ -404,13 +423,13 @@ html.ip-dark-mode {
404
423
  --ip_color_surface_primary_default: rgb(26, 33, 38);
405
424
  --ip_color_sidebar_content_background_primary_opened: rgb(33, 42, 49);
406
425
  --ip_color_icon_button_icon_primary_default: rgb(205, 213, 220);
407
- --ip_color_icon_button_icon_primary_inverse_default: rgb(205, 213, 220);
426
+ --ip_color_icon_button_icon_primary_inverse: rgb(205, 213, 220);
408
427
  --ip_color_icon_primary_inverse: rgb(61, 80, 102);
409
- --ip_color_icon_primary: rgb(205, 213, 220);
428
+ --ip_color_icon_primary_default: rgb(205, 213, 220);
410
429
  --ip_color_icon_button_background_primary_hover: rgb(254, 254, 254);
411
430
  --ip_color_icon_button_background_primary_active: rgb(254, 254, 254);
412
431
  --ip_color_border_opaque_15: rgba(254, 254, 254, 0.15);
413
- --ip_color_border_primary: rgb(61, 69, 75);
432
+ --ip_color_border_primary_default: rgb(61, 69, 75);
414
433
  --ip_color_sidebar_tab_item_background_primary_default: rgb(33, 42, 49);
415
434
  --ip_color_sidebar_tab_item_background_primary_hover: rgb(29, 37, 43);
416
435
  --ip_color_sidebar_tab_item_background_primary_active: rgb(20, 26, 31);
@@ -428,7 +447,7 @@ html.ip-dark-mode {
428
447
  --ip_color_sidebar_header_background_primary_default: rgb(29, 37, 43);
429
448
  --ip_color_table_header_background_primary_default: rgb(26, 33, 38);
430
449
  --ip_color_table_column_header_border_primary_default: rgb(120, 205, 206);
431
- --ip_color_table_column_header_text_primary_default2: rgb(254, 254, 254);
450
+ --ip_color_table_column_header_text_primary_default: rgb(254, 254, 254);
432
451
  --ip_color_table_column_header_icon_primary_default: rgb(205, 213, 220);
433
452
  --ip_color_table_row_cell_background_primary_default: rgb(26, 33, 38);
434
453
  --ip_color_table_row_cell_border_primary_default: rgb(61, 69, 75);
@@ -436,22 +455,22 @@ html.ip-dark-mode {
436
455
  --ip_color_table_row_background_primary_default: rgb(26, 33, 38);
437
456
  --ip_color_table_row_background_primary_hover: rgb(33, 42, 49);
438
457
  --ip_color_table_row_background_primary_active: rgb(20, 26, 31);
439
- --ip_color_hyperlink_hyperlink_text_primary_default: rgb(143, 212, 213);
440
- --ip_color_hyperlink_hyperlink_text_primary_hover: rgb(143, 212, 213);
441
- --ip_color_hyperlink_hyperlink_text_primary_active: rgb(0, 122, 124);
442
- --ip_color_hyperlink_hyperlink_text_visited_default: rgb(183, 227, 228);
443
- --ip_color_hyperlink_hyperlink_text_visited_hover: rgb(143, 212, 213);
444
- --ip_color_hyperlink_hyperlink_text_visited_active: rgb(0, 122, 124);
458
+ --ip_color_hyperlink_text_primary_default: rgb(143, 212, 213);
459
+ --ip_color_hyperlink_text_primary_hover: rgb(143, 212, 213);
460
+ --ip_color_hyperlink_text_primary_active: rgb(0, 122, 124);
461
+ --ip_color_hyperlink_text_visited_default: rgb(183, 227, 228);
462
+ --ip_color_hyperlink_text_visited_hover: rgb(143, 212, 213);
463
+ --ip_color_hyperlink_text_visited_active: rgb(0, 122, 124);
445
464
  --ip_color_breadcrumb_item_background_primary_default: rgb(33, 42, 49);
446
465
  --ip_color_breadcrumb_item_background_primary_hover: rgb(45, 55, 63);
447
466
  --ip_color_breadcrumb_item_background_primary_active: rgb(52, 60, 66);
448
- --ip_color_icon_tertiary: rgb(205, 213, 220);
449
- --ip_color_text_tertiary: rgb(214, 214, 214);
450
- --ip_color_text_quaternary: rgb(214, 214, 214);
467
+ --ip_color_icon_tertiary_default: rgb(205, 213, 220);
468
+ --ip_color_text_tertiary_default: rgb(214, 214, 214);
469
+ --ip_color_text_quaternary_default: rgb(214, 214, 214);
451
470
  --ip_color_table_search_cell_background_primary_default: rgb(26, 33, 38);
452
471
  --ip_color_loading_indicator_background_primary_default: rgb(71, 78, 84);
453
472
  --ip_color_loading_indicator_background_secondary_default: rgb(120, 205, 206);
454
- --ip_color_menu_main_menu_divider_border_primary_default: rgb(61, 69, 75);
473
+ --ip_color_menu_main_divider_border_primary_default: rgb(61, 69, 75);
455
474
  --ip_color_sidebar_content_background_gradient_start_primary_default: rgb(33, 42, 49);
456
475
  --ip_color_sidebar_content_background_gradient_stop_primary_default: rgb(33, 42, 49);
457
476
  --ip_color_table_header_background_secondary_default: rgb(26, 33, 38);
@@ -530,22 +549,22 @@ html.ip-dark-mode {
530
549
  --ip_color_sidebar_content_border_primary_closed: rgb(0, 101, 103);
531
550
  --ip_color_sidebar_content_border_primary_opened: rgb(61, 69, 75);
532
551
  --ip_color_sidebar_state_change_button_icon_primary_closed_default: rgb(16, 20, 23);
533
- --ip_color_hyperlink_hyperlink_text_inverted_visited_active: rgb(55, 67, 77);
534
- --ip_color_hyperlink_hyperlink_text_inverted_visited_hover: rgb(85, 104, 119);
535
- --ip_color_hyperlink_hyperlink_text_inverted_visited: rgb(85, 104, 119);
536
- --ip_color_hyperlink_hyperlink_text_inverted_active: rgb(55, 67, 77);
537
- --ip_color_hyperlink_hyperlink_text_inverted_hover: rgb(35, 92, 123);
538
- --ip_color_hyperlink_hyperlink_text_inverted: rgb(35, 92, 123);
539
- --ip_color_table_column_header_border_secondary: rgb(80, 87, 93);
552
+ --ip_color_hyperlink_text_inverted_visited_active: rgb(55, 67, 77);
553
+ --ip_color_hyperlink_text_inverted_visited_hover: rgb(85, 104, 119);
554
+ --ip_color_hyperlink_text_inverted_visited: rgb(85, 104, 119);
555
+ --ip_color_hyperlink_text_inverted_active: rgb(55, 67, 77);
556
+ --ip_color_hyperlink_text_inverted_hover: rgb(35, 92, 123);
557
+ --ip_color_hyperlink_text_inverted: rgb(35, 92, 123);
558
+ --ip_color_table_column_header_border_secondary_default: rgb(80, 87, 93);
540
559
  --ip_color_button_background_primary_active: rgb(55, 67, 77);
541
560
  --ip_color_button_background_primary_hover: rgb(50, 61, 70);
542
561
  --ip_color_button_icon_primary_inverse_default: rgb(205, 213, 220);
543
562
  --ip_color_button_icon_primary_default: rgb(205, 213, 220);
544
- --ip_color_button_background_primary: rgb(45, 55, 63);
563
+ --ip_color_button_background_primary_default: rgb(45, 55, 63);
545
564
  --ip_color_button_text_primary_default: rgb(205, 213, 220);
546
- --ip_color_button_background_secondary_active: rgb(254, 254, 254);
547
- --ip_color_button_background_secondary_hover: rgb(254, 254, 254);
548
- --ip_color_button_background_secondary: rgb(254, 254, 254);
565
+ --ip_color_button_background_secondary_active: rgb(55, 67, 77);
566
+ --ip_color_button_background_secondary_hover: rgb(45, 55, 63);
567
+ --ip_color_button_background_secondary_default: rgb(26, 33, 38);
549
568
  --ip_color_button_icon_secondary_inverse_default: rgb(205, 213, 220);
550
569
  --ip_color_button_text_secondary_default: rgb(205, 213, 220);
551
570
  --ip_color_button_icon_secondary_default: rgb(205, 213, 220);
@@ -553,4 +572,19 @@ html.ip-dark-mode {
553
572
  --ip_color_table_bullet_background_secondary_default: rgb(154, 183, 194);
554
573
  --ip_color_table_bullet_text_primary_default: rgb(16, 20, 23);
555
574
  --ip_color_text_primary_blue_inverse: rgb(61, 80, 102);
575
+ --ip_color_icon_button_background_primary_default: rgb(26, 33, 38);
576
+ --ip_color_tags_progress_unstarted_primary_default: rgb(200, 200, 200);
577
+ --ip_color_tags_progress_active_primary_default: rgb(247, 215, 147);
578
+ --ip_color_tags_progress_review_primary_default: rgb(185, 195, 206);
579
+ --ip_color_tags_progress_blocked_primary_default: rgb(192, 126, 120);
580
+ --ip_color_tags_progress_complete_primary_default: rgb(177, 209, 152);
581
+ --ip_color_tags_progress_paused_primary_default: rgb(204, 155, 175);
582
+ --ip_color_tags_state_unstarted_primary_default: rgb(200, 200, 200);
583
+ --ip_color_tags_state_alpha_primary_default: rgb(204, 155, 175);
584
+ --ip_color_tags_state_final_primary_default: rgb(177, 209, 152);
585
+ --ip_color_tags_state_release_candidate_primary_default: rgb(185, 195, 206);
586
+ --ip_color_tags_state_beta_primary_default: rgb(247, 215, 147);
587
+ --ip_color_tags_state_deprecated_primary_default: rgb(192, 126, 120);
588
+ --ip_color_tags_state_test_primary_default: rgb(16, 20, 23);
589
+ --ip_color_tags_progress_test_primary_default: rgb(16, 20, 23);
556
590
  }
package/dist/scss/abstracts/_semantic-variables.scss CHANGED
@@ -56,10 +56,8 @@ $ip_typography_mono_spaced_numbers_font_size_tiny: var(--ip_typography_mono_spac
56
56
  $ip_typography_caption_font_size_medium: var(--ip_typography_caption_font_size_medium);
57
57
  $ip_typography_text_paragraph_font_size_tiny: var(--ip_typography_text_paragraph_font_size_tiny);
58
58
  $ip_typography_body_line_height_compact: var(--ip_typography_body_line_height_compact);
59
- $ip_typography_body_line_height_compact: var(--ip_typography_body_line_height_compact);
60
59
  $ip_typography_body_line_height_loose: var(--ip_typography_body_line_height_loose);
61
60
  $ip_typography_body_font_size_default: var(--ip_typography_body_font_size_default);
62
- $ip_typography_body_line_height_loose: var(--ip_typography_body_line_height_loose);
63
61
 
64
62
  :root {
65
63
  --ip_typography_heading_font_weight_default: 400;
@@ -116,8 +114,6 @@ $ip_typography_body_line_height_loose: var(--ip_typography_body_line_height_loos
116
114
  --ip_typography_caption_font_size_medium: 0.875rem;
117
115
  --ip_typography_text_paragraph_font_size_tiny: 0.625rem;
118
116
  --ip_typography_body_line_height_compact: 140;
119
- --ip_typography_body_line_height_compact: 140;
120
117
  --ip_typography_body_line_height_loose: 180;
121
118
  --ip_typography_body_font_size_default: 0.875rem;
122
- --ip_typography_body_line_height_loose: 180;
123
119
  }