Skip to content

Commit e448286

Browse files
NikGurevNikGurev
authored
feat(visual): added css-vars for font-family tokens and added default value for global tokens in (#346)
1 parent 85da429 commit e448286

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+462
-230
lines changed

‎packages/components/alert/alert-tokens.scss

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -43,26 +43,32 @@
4343
--kbq-alert-font-title-line-height: 26px;
4444
--kbq-alert-font-title-letter-spacing: normal;
4545
--kbq-alert-font-title-font-weight: 600;
46-
--kbq-alert-font-title-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
47-
'Helvetica Neue', Arial, sans-serif;
4846
--kbq-alert-font-title-text-transform: null;
4947
--kbq-alert-font-title-font-feature-settings: 'calt', 'kern', 'liga';
5048
--kbq-alert-font-title-compact-font-size: 16px;
5149
--kbq-alert-font-title-compact-line-height: 24px;
5250
--kbq-alert-font-title-compact-letter-spacing: -0.011em;
5351
--kbq-alert-font-title-compact-font-weight: 600;
54-
--kbq-alert-font-title-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
55-
Arial, sans-serif;
5652
--kbq-alert-font-title-compact-text-transform: null;
5753
--kbq-alert-font-title-compact-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
5854
--kbq-alert-font-text-font-size: 14px;
5955
--kbq-alert-font-text-line-height: 20px;
6056
--kbq-alert-font-text-letter-spacing: -0.006em;
6157
--kbq-alert-font-text-font-weight: normal;
62-
--kbq-alert-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
63-
sans-serif;
6458
--kbq-alert-font-text-text-transform: null;
6559
--kbq-alert-font-text-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
60+
--kbq-alert-font-title-font-family: var(--kbq-typography-subheading-font-family);
61+
--kbq-alert-font-title-compact-font-family: var(--kbq-typography-text-big-strong-font-family);
62+
--kbq-alert-font-text-font-family: var(--kbq-typography-text-normal-font-family);
63+
}
64+
65+
:root {
66+
--kbq-typography-subheading-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
67+
'Helvetica Neue', Arial, sans-serif;
68+
--kbq-typography-text-big-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
69+
Arial, sans-serif;
70+
--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
71+
Arial, sans-serif;
6672
}
6773

6874
:where(.kbq-light, .theme-light, .kbq-theme-light) {

‎packages/components/badge/badge-tokens.scss

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -26,34 +26,41 @@
2626
--kbq-badge-font-normal-default-line-height: 20px;
2727
--kbq-badge-font-normal-default-letter-spacing: -0.006em;
2828
--kbq-badge-font-normal-default-font-weight: 500;
29-
--kbq-badge-font-normal-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
30-
Arial, sans-serif;
3129
--kbq-badge-font-normal-default-text-transform: null;
3230
--kbq-badge-font-normal-default-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
3331
--kbq-badge-font-normal-caption-font-size: 14px;
3432
--kbq-badge-font-normal-caption-line-height: 20px;
3533
--kbq-badge-font-normal-caption-letter-spacing: -0.006em;
3634
--kbq-badge-font-normal-caption-font-weight: normal;
37-
--kbq-badge-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
38-
Arial, sans-serif;
3935
--kbq-badge-font-normal-caption-text-transform: null;
4036
--kbq-badge-font-normal-caption-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
4137
--kbq-badge-font-compact-default-font-size: 12px;
4238
--kbq-badge-font-compact-default-line-height: 16px;
4339
--kbq-badge-font-compact-default-letter-spacing: normal;
4440
--kbq-badge-font-compact-default-font-weight: 500;
45-
--kbq-badge-font-compact-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
46-
Arial, sans-serif;
4741
--kbq-badge-font-compact-default-text-transform: null;
4842
--kbq-badge-font-compact-default-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
4943
--kbq-badge-font-compact-caption-font-size: 12px;
5044
--kbq-badge-font-compact-caption-line-height: 16px;
5145
--kbq-badge-font-compact-caption-letter-spacing: normal;
5246
--kbq-badge-font-compact-caption-font-weight: normal;
53-
--kbq-badge-font-compact-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
54-
Arial, sans-serif;
5547
--kbq-badge-font-compact-caption-text-transform: null;
5648
--kbq-badge-font-compact-caption-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
49+
--kbq-badge-font-normal-default-font-family: var(--kbq-typography-text-normal-medium-font-family);
50+
--kbq-badge-font-normal-caption-font-family: var(--kbq-typography-text-normal-font-family);
51+
--kbq-badge-font-compact-default-font-family: var(--kbq-typography-text-compact-medium-font-family);
52+
--kbq-badge-font-compact-caption-font-family: var(--kbq-typography-text-compact-font-family);
53+
}
54+
55+
:root {
56+
--kbq-typography-text-normal-medium-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
57+
'Helvetica Neue', Arial, sans-serif;
58+
--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
59+
Arial, sans-serif;
60+
--kbq-typography-text-compact-medium-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
61+
'Helvetica Neue', Arial, sans-serif;
62+
--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
63+
Arial, sans-serif;
5764
}
5865

5966
:where(.kbq-light, .theme-light, .kbq-theme-light) {

‎packages/components/button-toggle/button-toggle-tokens.scss

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,14 @@
1313
--kbq-button-toggle-font-item-line-height: 20px;
1414
--kbq-button-toggle-font-item-letter-spacing: -0.006em;
1515
--kbq-button-toggle-font-item-font-weight: 500;
16-
--kbq-button-toggle-font-item-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
17-
Arial, sans-serif;
1816
--kbq-button-toggle-font-item-text-transform: null;
1917
--kbq-button-toggle-font-item-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
18+
--kbq-button-toggle-font-item-font-family: var(--kbq-typography-text-normal-medium-font-family);
19+
}
20+
21+
:root {
22+
--kbq-typography-text-normal-medium-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
23+
'Helvetica Neue', Arial, sans-serif;
2024
}
2125

2226
:where(.kbq-light, .theme-light, .kbq-theme-light) {

‎packages/components/button/button-tokens.scss

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,14 @@
88
--kbq-button-font-default-line-height: 20px;
99
--kbq-button-font-default-letter-spacing: -0.006em;
1010
--kbq-button-font-default-font-weight: 500;
11-
--kbq-button-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
12-
sans-serif;
1311
--kbq-button-font-default-text-transform: null;
1412
--kbq-button-font-default-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
13+
--kbq-button-font-default-font-family: var(--kbq-typography-text-normal-medium-font-family);
14+
}
15+
16+
:root {
17+
--kbq-typography-text-normal-medium-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
18+
'Helvetica Neue', Arial, sans-serif;
1519
}
1620

1721
:where(.kbq-light, .theme-light, .kbq-theme-light) {

‎packages/components/checkbox/checkbox-tokens.scss

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -15,34 +15,39 @@
1515
--kbq-checkbox-font-normal-label-line-height: 20px;
1616
--kbq-checkbox-font-normal-label-letter-spacing: -0.006em;
1717
--kbq-checkbox-font-normal-label-font-weight: normal;
18-
--kbq-checkbox-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
19-
Arial, sans-serif;
2018
--kbq-checkbox-font-normal-label-text-transform: null;
2119
--kbq-checkbox-font-normal-label-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
2220
--kbq-checkbox-font-normal-caption-font-size: 12px;
2321
--kbq-checkbox-font-normal-caption-line-height: 16px;
2422
--kbq-checkbox-font-normal-caption-letter-spacing: normal;
2523
--kbq-checkbox-font-normal-caption-font-weight: normal;
26-
--kbq-checkbox-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
27-
'Helvetica Neue', Arial, sans-serif;
2824
--kbq-checkbox-font-normal-caption-text-transform: null;
2925
--kbq-checkbox-font-normal-caption-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
3026
--kbq-checkbox-font-big-label-font-size: 16px;
3127
--kbq-checkbox-font-big-label-line-height: 24px;
3228
--kbq-checkbox-font-big-label-letter-spacing: -0.011em;
3329
--kbq-checkbox-font-big-label-font-weight: normal;
34-
--kbq-checkbox-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
35-
Arial, sans-serif;
3630
--kbq-checkbox-font-big-label-text-transform: null;
3731
--kbq-checkbox-font-big-label-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
3832
--kbq-checkbox-font-big-caption-font-size: 14px;
3933
--kbq-checkbox-font-big-caption-line-height: 20px;
4034
--kbq-checkbox-font-big-caption-letter-spacing: -0.006em;
4135
--kbq-checkbox-font-big-caption-font-weight: normal;
42-
--kbq-checkbox-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
43-
Arial, sans-serif;
4436
--kbq-checkbox-font-big-caption-text-transform: null;
4537
--kbq-checkbox-font-big-caption-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
38+
--kbq-checkbox-font-normal-label-font-family: var(--kbq-typography-text-normal-font-family);
39+
--kbq-checkbox-font-normal-caption-font-family: var(--kbq-typography-text-compact-font-family);
40+
--kbq-checkbox-font-big-label-font-family: var(--kbq-typography-text-big-font-family);
41+
--kbq-checkbox-font-big-caption-font-family: var(--kbq-typography-text-normal-font-family);
42+
}
43+
44+
:root {
45+
--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
46+
Arial, sans-serif;
47+
--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
48+
Arial, sans-serif;
49+
--kbq-typography-text-big-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
50+
sans-serif;
4651
}
4752

4853
:where(.kbq-light, .theme-light, .kbq-theme-light) {

‎packages/components/code-block/code-block-tokens.scss

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,6 @@
2424
--kbq-code-block-font-default-line-height: 20px;
2525
--kbq-code-block-font-default-letter-spacing: normal;
2626
--kbq-code-block-font-default-font-weight: normal;
27-
--kbq-code-block-font-default-font-family: 'JetBrains Mono', 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
2827
--kbq-code-block-font-default-text-transform: null;
2928
--kbq-code-block-font-default-font-feature-settings: initial;
3029
--kbq-code-block-font-hljs-addition-font-style: null;
@@ -129,6 +128,12 @@
129128
--kbq-code-block-font-hljs-variable-constant-font-weight: null;
130129
--kbq-code-block-font-hljs-variable-language-font-style: null;
131130
--kbq-code-block-font-hljs-variable-language-font-weight: null;
131+
--kbq-code-block-font-default-font-family: var(--kbq-typography-mono-codeblock-font-family);
132+
}
133+
134+
:root {
135+
--kbq-typography-mono-codeblock-font-family: 'JetBrains Mono', 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco',
136+
monospace;
132137
}
133138

134139
:where(.kbq-light, .theme-light, .kbq-theme-light) {

‎packages/components/core/forms/forms-tokens.scss

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,18 +14,23 @@
1414
--kbq-forms-font-label-line-height: 20px;
1515
--kbq-forms-font-label-letter-spacing: -0.006em;
1616
--kbq-forms-font-label-font-weight: normal;
17-
--kbq-forms-font-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
18-
sans-serif;
1917
--kbq-forms-font-label-text-transform: null;
2018
--kbq-forms-font-label-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
2119
--kbq-forms-font-legend-font-size: 18px;
2220
--kbq-forms-font-legend-line-height: 26px;
2321
--kbq-forms-font-legend-letter-spacing: normal;
2422
--kbq-forms-font-legend-font-weight: 600;
25-
--kbq-forms-font-legend-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
26-
'Helvetica Neue', Arial, sans-serif;
2723
--kbq-forms-font-legend-text-transform: null;
2824
--kbq-forms-font-legend-font-feature-settings: 'calt', 'kern', 'liga';
25+
--kbq-forms-font-label-font-family: var(--kbq-typography-text-normal-font-family);
26+
--kbq-forms-font-legend-font-family: var(--kbq-typography-subheading-font-family);
27+
}
28+
29+
:root {
30+
--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
31+
Arial, sans-serif;
32+
--kbq-typography-subheading-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
33+
'Helvetica Neue', Arial, sans-serif;
2934
}
3035

3136
:where(.kbq-light, .theme-light, .kbq-theme-light) {

‎packages/components/core/option/optgroup-tokens.scss

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,14 @@
55
--kbq-optgroup-font-default-line-height: 26px;
66
--kbq-optgroup-font-default-letter-spacing: normal;
77
--kbq-optgroup-font-default-font-weight: 600;
8-
--kbq-optgroup-font-default-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
9-
'Helvetica Neue', Arial, sans-serif;
108
--kbq-optgroup-font-default-text-transform: null;
119
--kbq-optgroup-font-default-font-feature-settings: 'calt', 'kern', 'liga';
10+
--kbq-optgroup-font-default-font-family: var(--kbq-typography-subheading-font-family);
11+
}
12+
13+
:root {
14+
--kbq-typography-subheading-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
15+
'Helvetica Neue', Arial, sans-serif;
1216
}
1317

1418
:where(.kbq-light, .theme-light, .kbq-theme-light) {

‎packages/components/core/option/option-tokens.scss

Lines changed: 18 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -21,32 +21,24 @@
2121
--kbq-list-font-text-line-height: 20px;
2222
--kbq-list-font-text-letter-spacing: -0.006em;
2323
--kbq-list-font-text-font-weight: normal;
24-
--kbq-list-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
25-
sans-serif;
2624
--kbq-list-font-text-text-transform: null;
2725
--kbq-list-font-text-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
2826
--kbq-list-font-caption-font-size: 12px;
2927
--kbq-list-font-caption-line-height: 16px;
3028
--kbq-list-font-caption-letter-spacing: normal;
3129
--kbq-list-font-caption-font-weight: normal;
32-
--kbq-list-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
33-
sans-serif;
3430
--kbq-list-font-caption-text-transform: null;
3531
--kbq-list-font-caption-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
3632
--kbq-list-font-header-font-size: 16px;
3733
--kbq-list-font-header-line-height: 24px;
3834
--kbq-list-font-header-letter-spacing: -0.011em;
3935
--kbq-list-font-header-font-weight: 600;
40-
--kbq-list-font-header-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
41-
sans-serif;
4236
--kbq-list-font-header-text-transform: null;
4337
--kbq-list-font-header-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
4438
--kbq-list-font-subheading-font-size: 12px;
4539
--kbq-list-font-subheading-line-height: 16px;
4640
--kbq-list-font-subheading-letter-spacing: 1px;
4741
--kbq-list-font-subheading-font-weight: 500;
48-
--kbq-list-font-subheading-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
49-
Arial, sans-serif;
5042
--kbq-list-font-subheading-text-transform: uppercase;
5143
--kbq-list-font-subheading-font-feature-settings: 'calt', 'case', 'kern', 'liga', 'ss01', 'ss04';
5244
--kbq-option-size-horizontal-padding: 12px;
@@ -56,10 +48,26 @@
5648
--kbq-option-font-default-line-height: 24px;
5749
--kbq-option-font-default-letter-spacing: -0.011em;
5850
--kbq-option-font-default-font-weight: normal;
59-
--kbq-option-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
60-
sans-serif;
6151
--kbq-option-font-default-text-transform: null;
6252
--kbq-option-font-default-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
53+
--kbq-list-font-text-font-family: var(--kbq-typography-text-normal-font-family);
54+
--kbq-list-font-caption-font-family: var(--kbq-typography-text-compact-font-family);
55+
--kbq-list-font-header-font-family: var(--kbq-typography-text-big-strong-font-family);
56+
--kbq-list-font-subheading-font-family: var(--kbq-typography-caps-compact-strong-font-family);
57+
--kbq-option-font-default-font-family: var(--kbq-typography-text-big-font-family);
58+
}
59+
60+
:root {
61+
--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
62+
Arial, sans-serif;
63+
--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
64+
Arial, sans-serif;
65+
--kbq-typography-text-big-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
66+
Arial, sans-serif;
67+
--kbq-typography-caps-compact-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
68+
'Helvetica Neue', Arial, sans-serif;
69+
--kbq-typography-text-big-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
70+
sans-serif;
6371
}
6472

6573
:where(.kbq-light, .theme-light, .kbq-theme-light) {

‎packages/components/core/selection/pseudo-checkbox/pseudo-checkbox-tokens.scss

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -15,34 +15,39 @@
1515
--kbq-checkbox-font-normal-label-line-height: 20px;
1616
--kbq-checkbox-font-normal-label-letter-spacing: -0.006em;
1717
--kbq-checkbox-font-normal-label-font-weight: normal;
18-
--kbq-checkbox-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
19-
Arial, sans-serif;
2018
--kbq-checkbox-font-normal-label-text-transform: null;
2119
--kbq-checkbox-font-normal-label-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
2220
--kbq-checkbox-font-normal-caption-font-size: 12px;
2321
--kbq-checkbox-font-normal-caption-line-height: 16px;
2422
--kbq-checkbox-font-normal-caption-letter-spacing: normal;
2523
--kbq-checkbox-font-normal-caption-font-weight: normal;
26-
--kbq-checkbox-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
27-
'Helvetica Neue', Arial, sans-serif;
2824
--kbq-checkbox-font-normal-caption-text-transform: null;
2925
--kbq-checkbox-font-normal-caption-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
3026
--kbq-checkbox-font-big-label-font-size: 16px;
3127
--kbq-checkbox-font-big-label-line-height: 24px;
3228
--kbq-checkbox-font-big-label-letter-spacing: -0.011em;
3329
--kbq-checkbox-font-big-label-font-weight: normal;
34-
--kbq-checkbox-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
35-
Arial, sans-serif;
3630
--kbq-checkbox-font-big-label-text-transform: null;
3731
--kbq-checkbox-font-big-label-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
3832
--kbq-checkbox-font-big-caption-font-size: 14px;
3933
--kbq-checkbox-font-big-caption-line-height: 20px;
4034
--kbq-checkbox-font-big-caption-letter-spacing: -0.006em;
4135
--kbq-checkbox-font-big-caption-font-weight: normal;
42-
--kbq-checkbox-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
43-
Arial, sans-serif;
4436
--kbq-checkbox-font-big-caption-text-transform: null;
4537
--kbq-checkbox-font-big-caption-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
38+
--kbq-checkbox-font-normal-label-font-family: var(--kbq-typography-text-normal-font-family);
39+
--kbq-checkbox-font-normal-caption-font-family: var(--kbq-typography-text-compact-font-family);
40+
--kbq-checkbox-font-big-label-font-family: var(--kbq-typography-text-big-font-family);
41+
--kbq-checkbox-font-big-caption-font-family: var(--kbq-typography-text-normal-font-family);
42+
}
43+
44+
:root {
45+
--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
46+
Arial, sans-serif;
47+
--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
48+
Arial, sans-serif;
49+
--kbq-typography-text-big-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
50+
sans-serif;
4651
}
4752

4853
:where(.kbq-light, .theme-light, .kbq-theme-light) {

0 commit comments

Comments
 (0)