@kcascend/liquid-ui 0.0.1

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 (180) hide show
  1. package/README.md +64 -0
  2. package/dist/components/Accordion/Accordion.d.ts +3 -0
  3. package/dist/components/Accordion/Accordion.d.ts.map +1 -0
  4. package/dist/components/Accordion/Accordion.js +46 -0
  5. package/dist/components/Breadcrumb/Breadcrumb.d.ts +3 -0
  6. package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -0
  7. package/dist/components/Breadcrumb/Breadcrumb.js +34 -0
  8. package/dist/components/Button/Button.d.ts +3 -0
  9. package/dist/components/Button/Button.d.ts.map +1 -0
  10. package/dist/components/Button/Button.js +7 -0
  11. package/dist/components/Card/Card.d.ts +3 -0
  12. package/dist/components/Card/Card.d.ts.map +1 -0
  13. package/dist/components/Card/Card.js +19 -0
  14. package/dist/components/Checkbox/Checkbox.d.ts +3 -0
  15. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
  16. package/dist/components/Checkbox/Checkbox.js +17 -0
  17. package/dist/components/ContainedList/ContainedList.d.ts +3 -0
  18. package/dist/components/ContainedList/ContainedList.d.ts.map +1 -0
  19. package/dist/components/ContainedList/ContainedList.js +26 -0
  20. package/dist/components/DataTable/DataTable.d.ts +3 -0
  21. package/dist/components/DataTable/DataTable.d.ts.map +1 -0
  22. package/dist/components/DataTable/DataTable.js +20 -0
  23. package/dist/components/DescriptionList/DescriptionList.d.ts +3 -0
  24. package/dist/components/DescriptionList/DescriptionList.d.ts.map +1 -0
  25. package/dist/components/DescriptionList/DescriptionList.js +14 -0
  26. package/dist/components/Form/Form.d.ts +5 -0
  27. package/dist/components/Form/Form.d.ts.map +1 -0
  28. package/dist/components/Form/Form.js +32 -0
  29. package/dist/components/GridLayout/GridLayout.d.ts +4 -0
  30. package/dist/components/GridLayout/GridLayout.d.ts.map +1 -0
  31. package/dist/components/GridLayout/GridLayout.js +138 -0
  32. package/dist/components/GridLayout/gridTokens.d.ts +18 -0
  33. package/dist/components/GridLayout/gridTokens.d.ts.map +1 -0
  34. package/dist/components/GridLayout/gridTokens.js +91 -0
  35. package/dist/components/Icon/Icon.d.ts +11 -0
  36. package/dist/components/Icon/Icon.d.ts.map +1 -0
  37. package/dist/components/Icon/Icon.js +25 -0
  38. package/dist/components/Icon/icons.d.ts +21 -0
  39. package/dist/components/Icon/icons.d.ts.map +1 -0
  40. package/dist/components/Icon/icons.js +20 -0
  41. package/dist/components/Icon/index.d.ts +3 -0
  42. package/dist/components/Icon/index.d.ts.map +1 -0
  43. package/dist/components/Icon/index.js +1 -0
  44. package/dist/components/Icons/Icons.d.ts +3 -0
  45. package/dist/components/Icons/Icons.d.ts.map +1 -0
  46. package/dist/components/Icons/Icons.js +1 -0
  47. package/dist/components/Index/Index.d.ts +3 -0
  48. package/dist/components/Index/Index.d.ts.map +1 -0
  49. package/dist/components/Index/Index.js +114 -0
  50. package/dist/components/InlineNotification/InlineNotification.d.ts +3 -0
  51. package/dist/components/InlineNotification/InlineNotification.d.ts.map +1 -0
  52. package/dist/components/InlineNotification/InlineNotification.js +47 -0
  53. package/dist/components/Link/Link.d.ts +3 -0
  54. package/dist/components/Link/Link.d.ts.map +1 -0
  55. package/dist/components/Link/Link.js +23 -0
  56. package/dist/components/Modal/Modal.d.ts +3 -0
  57. package/dist/components/Modal/Modal.d.ts.map +1 -0
  58. package/dist/components/Modal/Modal.js +27 -0
  59. package/dist/components/Pagination/Pagination.d.ts +3 -0
  60. package/dist/components/Pagination/Pagination.d.ts.map +1 -0
  61. package/dist/components/Pagination/Pagination.js +34 -0
  62. package/dist/components/Radio/Radio.d.ts +3 -0
  63. package/dist/components/Radio/Radio.d.ts.map +1 -0
  64. package/dist/components/Radio/Radio.js +13 -0
  65. package/dist/components/SearchInput/SearchInput.d.ts +3 -0
  66. package/dist/components/SearchInput/SearchInput.d.ts.map +1 -0
  67. package/dist/components/SearchInput/SearchInput.js +37 -0
  68. package/dist/components/SelectInput/SelectInput.d.ts +3 -0
  69. package/dist/components/SelectInput/SelectInput.d.ts.map +1 -0
  70. package/dist/components/SelectInput/SelectInput.js +14 -0
  71. package/dist/components/StructuredList/StructuredList.d.ts +3 -0
  72. package/dist/components/StructuredList/StructuredList.d.ts.map +1 -0
  73. package/dist/components/StructuredList/StructuredList.js +17 -0
  74. package/dist/components/Tabs/Tabs.d.ts +3 -0
  75. package/dist/components/Tabs/Tabs.d.ts.map +1 -0
  76. package/dist/components/Tabs/Tabs.js +27 -0
  77. package/dist/components/Tag/Tag.d.ts +3 -0
  78. package/dist/components/Tag/Tag.d.ts.map +1 -0
  79. package/dist/components/Tag/Tag.js +8 -0
  80. package/dist/components/TextArea/TextArea.d.ts +3 -0
  81. package/dist/components/TextArea/TextArea.d.ts.map +1 -0
  82. package/dist/components/TextArea/TextArea.js +15 -0
  83. package/dist/components/TextInput/TextInput.d.ts +3 -0
  84. package/dist/components/TextInput/TextInput.d.ts.map +1 -0
  85. package/dist/components/TextInput/TextInput.js +20 -0
  86. package/dist/components/ToggleInput/ToggleInput.d.ts +3 -0
  87. package/dist/components/ToggleInput/ToggleInput.d.ts.map +1 -0
  88. package/dist/components/ToggleInput/ToggleInput.js +10 -0
  89. package/dist/components/Tooltip/Tooltip.d.ts +3 -0
  90. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
  91. package/dist/components/Tooltip/Tooltip.js +13 -0
  92. package/dist/generated/tokens.d.ts +9836 -0
  93. package/dist/generated/tokens.d.ts.map +1 -0
  94. package/dist/generated/tokens.js +9834 -0
  95. package/dist/governance/accordionGovernance.d.ts +3 -0
  96. package/dist/governance/accordionGovernance.d.ts.map +1 -0
  97. package/dist/governance/accordionGovernance.js +9 -0
  98. package/dist/governance/breadcrumbGovernance.d.ts +3 -0
  99. package/dist/governance/breadcrumbGovernance.d.ts.map +1 -0
  100. package/dist/governance/breadcrumbGovernance.js +9 -0
  101. package/dist/governance/buttonGovernance.d.ts +3 -0
  102. package/dist/governance/buttonGovernance.d.ts.map +1 -0
  103. package/dist/governance/buttonGovernance.js +9 -0
  104. package/dist/governance/cardGovernance.d.ts +3 -0
  105. package/dist/governance/cardGovernance.d.ts.map +1 -0
  106. package/dist/governance/cardGovernance.js +9 -0
  107. package/dist/governance/checkboxGovernance.d.ts +3 -0
  108. package/dist/governance/checkboxGovernance.d.ts.map +1 -0
  109. package/dist/governance/checkboxGovernance.js +10 -0
  110. package/dist/governance/containedListGovernance.d.ts +3 -0
  111. package/dist/governance/containedListGovernance.d.ts.map +1 -0
  112. package/dist/governance/containedListGovernance.js +9 -0
  113. package/dist/governance/dataTableGovernance.d.ts +3 -0
  114. package/dist/governance/dataTableGovernance.d.ts.map +1 -0
  115. package/dist/governance/dataTableGovernance.js +10 -0
  116. package/dist/governance/descriptionListGovernance.d.ts +3 -0
  117. package/dist/governance/descriptionListGovernance.d.ts.map +1 -0
  118. package/dist/governance/descriptionListGovernance.js +9 -0
  119. package/dist/governance/formGovernance.d.ts +3 -0
  120. package/dist/governance/formGovernance.d.ts.map +1 -0
  121. package/dist/governance/formGovernance.js +9 -0
  122. package/dist/governance/gridLayoutGovernance.d.ts +3 -0
  123. package/dist/governance/gridLayoutGovernance.d.ts.map +1 -0
  124. package/dist/governance/gridLayoutGovernance.js +9 -0
  125. package/dist/governance/indexGovernance.d.ts +3 -0
  126. package/dist/governance/indexGovernance.d.ts.map +1 -0
  127. package/dist/governance/indexGovernance.js +9 -0
  128. package/dist/governance/inlineNotificationGovernance.d.ts +3 -0
  129. package/dist/governance/inlineNotificationGovernance.d.ts.map +1 -0
  130. package/dist/governance/inlineNotificationGovernance.js +9 -0
  131. package/dist/governance/linkGovernance.d.ts +3 -0
  132. package/dist/governance/linkGovernance.d.ts.map +1 -0
  133. package/dist/governance/linkGovernance.js +9 -0
  134. package/dist/governance/modalGovernance.d.ts +3 -0
  135. package/dist/governance/modalGovernance.d.ts.map +1 -0
  136. package/dist/governance/modalGovernance.js +10 -0
  137. package/dist/governance/paginationGovernance.d.ts +3 -0
  138. package/dist/governance/paginationGovernance.d.ts.map +1 -0
  139. package/dist/governance/paginationGovernance.js +10 -0
  140. package/dist/governance/radioGovernance.d.ts +3 -0
  141. package/dist/governance/radioGovernance.d.ts.map +1 -0
  142. package/dist/governance/radioGovernance.js +10 -0
  143. package/dist/governance/searchInputGovernance.d.ts +3 -0
  144. package/dist/governance/searchInputGovernance.d.ts.map +1 -0
  145. package/dist/governance/searchInputGovernance.js +10 -0
  146. package/dist/governance/selectInputGovernance.d.ts +3 -0
  147. package/dist/governance/selectInputGovernance.d.ts.map +1 -0
  148. package/dist/governance/selectInputGovernance.js +10 -0
  149. package/dist/governance/structuredListGovernance.d.ts +3 -0
  150. package/dist/governance/structuredListGovernance.d.ts.map +1 -0
  151. package/dist/governance/structuredListGovernance.js +9 -0
  152. package/dist/governance/tabsGovernance.d.ts +3 -0
  153. package/dist/governance/tabsGovernance.d.ts.map +1 -0
  154. package/dist/governance/tabsGovernance.js +10 -0
  155. package/dist/governance/tagGovernance.d.ts +3 -0
  156. package/dist/governance/tagGovernance.d.ts.map +1 -0
  157. package/dist/governance/tagGovernance.js +10 -0
  158. package/dist/governance/textAreaGovernance.d.ts +3 -0
  159. package/dist/governance/textAreaGovernance.d.ts.map +1 -0
  160. package/dist/governance/textAreaGovernance.js +10 -0
  161. package/dist/governance/textInputGovernance.d.ts +3 -0
  162. package/dist/governance/textInputGovernance.d.ts.map +1 -0
  163. package/dist/governance/textInputGovernance.js +10 -0
  164. package/dist/governance/toggleInputGovernance.d.ts +3 -0
  165. package/dist/governance/toggleInputGovernance.d.ts.map +1 -0
  166. package/dist/governance/toggleInputGovernance.js +10 -0
  167. package/dist/governance/tooltipGovernance.d.ts +3 -0
  168. package/dist/governance/tooltipGovernance.d.ts.map +1 -0
  169. package/dist/governance/tooltipGovernance.js +10 -0
  170. package/dist/index.d.ts +56 -0
  171. package/dist/index.d.ts.map +1 -0
  172. package/dist/index.js +52 -0
  173. package/dist/styles.css +4426 -0
  174. package/dist/tokens/components.css +559 -0
  175. package/dist/tokens/primitives.css +179 -0
  176. package/dist/tokens/semantic.css +376 -0
  177. package/dist/types.d.ts +336 -0
  178. package/dist/types.d.ts.map +1 -0
  179. package/dist/types.js +1 -0
  180. package/package.json +32 -0
package/dist/tokens/primitives.css ADDED
@@ -0,0 +1,179 @@
1
+ :root {
2
+ --primitives-color-base-white: #ffffffff;
3
+ --primitives-color-base-black: #000000ff;
4
+ --primitives-color-gray-10: #f4f4f4ff;
5
+ --primitives-color-gray-20: #e0e0e0ff;
6
+ --primitives-color-gray-30: #c6c6c6ff;
7
+ --primitives-color-gray-40: #a8a8a8ff;
8
+ --primitives-color-gray-50: #8d8d8dff;
9
+ --primitives-color-gray-60: #6f6f6fff;
10
+ --primitives-color-gray-70: #525252ff;
11
+ --primitives-color-gray-80: #393939ff;
12
+ --primitives-color-gray-90: #262626ff;
13
+ --primitives-color-gray-100: #161616ff;
14
+ --primitives-color-albacore-10: #eaf6faff;
15
+ --primitives-color-albacore-20: #d5ecf3ff;
16
+ --primitives-color-albacore-30: #aad6e4ff;
17
+ --primitives-color-albacore-40: #80bfd2ff;
18
+ --primitives-color-albacore-50: #58a7bdff;
19
+ --primitives-color-albacore-60: #378ca5ff;
20
+ --primitives-color-albacore-70: #187089ff;
21
+ --primitives-color-albacore-80: #035268ff;
22
+ --primitives-color-albacore-90: #002c3aff;
23
+ --primitives-color-green-10: #defbe6ff;
24
+ --primitives-color-green-20: #a7f0baff;
25
+ --primitives-color-green-30: #6fdc8cff;
26
+ --primitives-color-green-40: #42be65ff;
27
+ --primitives-color-green-50: #24a148ff;
28
+ --primitives-color-green-60: #198038ff;
29
+ --primitives-color-green-70: #0e6027ff;
30
+ --primitives-color-green-80: #044317ff;
31
+ --primitives-color-green-90: #022d0dff;
32
+ --primitives-color-green-100: #071908ff;
33
+ --primitives-color-yellow-10: #fcf4d6ff;
34
+ --primitives-color-yellow-20: #fddc69ff;
35
+ --primitives-color-yellow-30: #f1c21bff;
36
+ --primitives-color-yellow-40: #d2a106ff;
37
+ --primitives-color-yellow-50: #b28600ff;
38
+ --primitives-color-yellow-60: #8e6a00ff;
39
+ --primitives-color-yellow-70: #684e00ff;
40
+ --primitives-color-yellow-80: #483700ff;
41
+ --primitives-color-yellow-90: #302400ff;
42
+ --primitives-color-yellow-100: #1c1500ff;
43
+ --primitives-color-red-10: #fff1f1ff;
44
+ --primitives-color-red-20: #ffd7d9ff;
45
+ --primitives-color-red-30: #ffb3b8ff;
46
+ --primitives-color-red-40: #ff8389ff;
47
+ --primitives-color-red-50: #fa4d56ff;
48
+ --primitives-color-red-60: #da1e28ff;
49
+ --primitives-color-red-70: #a2191fff;
50
+ --primitives-color-red-80: #750e13ff;
51
+ --primitives-color-red-90: #520408ff;
52
+ --primitives-color-red-100: #2d0709ff;
53
+ --primitives-color-blue-10: #edf5ffff;
54
+ --primitives-color-blue-20: #d0e2ffff;
55
+ --primitives-color-blue-30: #a6c8ffff;
56
+ --primitives-color-blue-40: #78a9ffff;
57
+ --primitives-color-blue-50: #4589ffff;
58
+ --primitives-color-blue-60: #0f62feff;
59
+ --primitives-color-blue-70: #0043ceff;
60
+ --primitives-color-blue-80: #002d9cff;
61
+ --primitives-color-blue-90: #001d6cff;
62
+ --primitives-color-blue-100: #001141ff;
63
+ --primitives-color-purple-10: #f6f2ffff;
64
+ --primitives-color-purple-20: #e8daffff;
65
+ --primitives-color-purple-30: #d4bbffff;
66
+ --primitives-color-purple-40: #be95ffff;
67
+ --primitives-color-purple-50: #a56effff;
68
+ --primitives-color-purple-60: #8a3ffcff;
69
+ --primitives-color-purple-70: #6929c4ff;
70
+ --primitives-color-purple-80: #491d8bff;
71
+ --primitives-color-purple-90: #31135eff;
72
+ --primitives-color-purple-100: #1c0f30ff;
73
+ --primitives-color-rainforest-10: #f5fcfaff;
74
+ --primitives-color-rainforest-20: #cdeee5ff;
75
+ --primitives-color-rainforest-30: #a7decfff;
76
+ --primitives-color-rainforest-40: #84ccb7ff;
77
+ --primitives-color-rainforest-50: #63b79fff;
78
+ --primitives-color-rainforest-60: #459f86ff;
79
+ --primitives-color-rainforest-70: #00755cff;
80
+ --primitives-color-rainforest-80: #1d5a48ff;
81
+ --primitives-color-rainforest-90: #102f26ff;
82
+ --primitives-color-salmon-10: #fff6f5ff;
83
+ --primitives-color-salmon-20: #ffd2ccff;
84
+ --primitives-color-salmon-30: #ffb1a3ff;
85
+ --primitives-color-salmon-40: #fa937eff;
86
+ --primitives-color-salmon-50: #f0785fff;
87
+ --primitives-color-salmon-60: #e16044ff;
88
+ --primitives-color-salmon-70: #ce4a2eff;
89
+ --primitives-color-salmon-80: #8a3321ff;
90
+ --primitives-color-salmon-90: #481c12ff;
91
+ --primitives-color-alpha-gray-10-25: #f4f4f440;
92
+ --primitives-color-alpha-gray-50-25: #8d8d8d40;
93
+ --primitives-color-alpha-gray-50-50: #8d8d8d80;
94
+ --primitives-color-alpha-gray-100-25: #16161640;
95
+ --primitives-color-alpha-white-0: #ffffff00;
96
+ --primitives-color-alpha-white-25: #ffffff40;
97
+ --primitives-color-alpha-black-60: #00000099;
98
+ --primitives-space-0: 0px;
99
+ --primitives-space-2: 2px;
100
+ --primitives-space-4: 4px;
101
+ --primitives-space-8: 8px;
102
+ --primitives-space-12: 12px;
103
+ --primitives-space-16: 16px;
104
+ --primitives-space-20: 20px;
105
+ --primitives-space-24: 24px;
106
+ --primitives-space-32: 32px;
107
+ --primitives-space-40: 40px;
108
+ --primitives-space-48: 48px;
109
+ --primitives-space-64: 64px;
110
+ --primitives-space-80: 80px;
111
+ --primitives-space-96: 96px;
112
+ --primitives-space-160: 160px;
113
+ --primitives-stroke-1: 1px;
114
+ --primitives-stroke-2: 2px;
115
+ --primitives-stroke-4: 4px;
116
+ --primitives-typography-family-roboto-condensed: Roboto Condensed;
117
+ --primitives-typography-family-cabin: Cabin;
118
+ --primitives-typography-weight-regular: Regular;
119
+ --primitives-typography-weight-medium: Medium;
120
+ --primitives-typography-weight-semibold: SemiBold;
121
+ --primitives-typography-weight-bold: Bold;
122
+ --primitives-typography-size-12: 12px;
123
+ --primitives-typography-size-14: 14px;
124
+ --primitives-typography-size-16: 16px;
125
+ --primitives-typography-size-18: 18px;
126
+ --primitives-typography-size-20: 20px;
127
+ --primitives-typography-size-24: 24px;
128
+ --primitives-typography-size-28: 28px;
129
+ --primitives-typography-size-32: 32px;
130
+ --primitives-typography-size-36: 36px;
131
+ --primitives-typography-size-40: 40px;
132
+ --primitives-typography-size-44: 44px;
133
+ --primitives-typography-size-48: 48px;
134
+ --primitives-typography-size-54: 54px;
135
+ --primitives-typography-size-60: 60px;
136
+ --primitives-typography-size-68: 68px;
137
+ --primitives-typography-size-76: 76px;
138
+ --primitives-typography-size-84: 84px;
139
+ --primitives-typography-letter-spacing-0: 0px;
140
+ --primitives-typography-letter-spacing-minus-024: -0.24px;
141
+ --primitives-typography-letter-spacing-plus-016: 0.16px;
142
+ --primitives-typography-letter-spacing-plus-032: 0.32px;
143
+ --primitives-typography-letter-spacing-minus-016: -0.16px;
144
+ --primitives-typography-line-height-16: 16px;
145
+ --primitives-typography-line-height-18: 18px;
146
+ --primitives-typography-line-height-20: 20px;
147
+ --primitives-typography-line-height-24: 24px;
148
+ --primitives-typography-line-height-28: 28px;
149
+ --primitives-typography-line-height-32: 32px;
150
+ --primitives-typography-line-height-36: 36px;
151
+ --primitives-typography-line-height-40: 40px;
152
+ --primitives-typography-line-height-44: 44px;
153
+ --primitives-typography-line-height-48: 48px;
154
+ --primitives-typography-line-height-50: 50px;
155
+ --primitives-typography-line-height-56: 56px;
156
+ --primitives-typography-line-height-64: 64px;
157
+ --primitives-typography-line-height-70: 70px;
158
+ --primitives-typography-line-height-76: 76px;
159
+ --primitives-opacity-0: 0px;
160
+ --primitives-opacity-40: 40px;
161
+ --primitives-opacity-60: 60px;
162
+ --primitives-opacity-80: 80px;
163
+ --primitives-opacity-100: 100px;
164
+ --primitives-radius-0: 0px;
165
+ --primitives-radius-4: 4px;
166
+ --primitives-radius-8: 8px;
167
+ --primitives-radius-16: 16px;
168
+ --primitives-radius-999: 999px;
169
+ --primitives-size-12: 12px;
170
+ --primitives-size-16: 16px;
171
+ --primitives-size-20: 20px;
172
+ --primitives-size-24: 24px;
173
+ --primitives-size-32: 32px;
174
+ --primitives-size-40: 40px;
175
+ --primitives-size-44: 44px;
176
+ --primitives-size-48: 48px;
177
+ --primitives-width-288: 288px;
178
+ --primitives-width-608: 608px;
179
+ }
package/dist/tokens/semantic.css ADDED
@@ -0,0 +1,376 @@
1
+ :root {
2
+ --font-display-01-font-family: "Roboto Condensed";
3
+ --font-display-01-font-size: 68px;
4
+ --font-display-01-font-weight: 600;
5
+ --font-display-01-line-height: 76px;
6
+ --font-display-01-letter-spacing: -0.24px;
7
+ --font-display-01-text-transform: none;
8
+ --font-display-01: 600 68px/76px "Roboto Condensed";
9
+ --font-display-02-font-family: "Roboto Condensed";
10
+ --font-display-02-font-size: 60px;
11
+ --font-display-02-font-weight: 600;
12
+ --font-display-02-line-height: 70px;
13
+ --font-display-02-letter-spacing: -0.16px;
14
+ --font-display-02-text-transform: none;
15
+ --font-display-02: 600 60px/70px "Roboto Condensed";
16
+ --font-display-mobile-01-font-family: "Roboto Condensed";
17
+ --font-display-mobile-01-font-size: 48px;
18
+ --font-display-mobile-01-font-weight: 600;
19
+ --font-display-mobile-01-line-height: 56px;
20
+ --font-display-mobile-01-letter-spacing: 0px;
21
+ --font-display-mobile-01-text-transform: none;
22
+ --font-display-mobile-01: 600 48px/56px "Roboto Condensed";
23
+ --font-display-mobile-02-font-family: "Roboto Condensed";
24
+ --font-display-mobile-02-font-size: 40px;
25
+ --font-display-mobile-02-font-weight: 600;
26
+ --font-display-mobile-02-line-height: 48px;
27
+ --font-display-mobile-02-letter-spacing: 0px;
28
+ --font-display-mobile-02-text-transform: none;
29
+ --font-display-mobile-02: 600 40px/48px "Roboto Condensed";
30
+ --font-heading-01-font-family: "Roboto Condensed";
31
+ --font-heading-01-font-size: 54px;
32
+ --font-heading-01-font-weight: 500;
33
+ --font-heading-01-line-height: 64px;
34
+ --font-heading-01-letter-spacing: 0px;
35
+ --font-heading-01-text-transform: none;
36
+ --font-heading-01: 500 54px/64px "Roboto Condensed";
37
+ --font-heading-02-font-family: "Roboto Condensed";
38
+ --font-heading-02-font-size: 40px;
39
+ --font-heading-02-font-weight: 500;
40
+ --font-heading-02-line-height: 50px;
41
+ --font-heading-02-letter-spacing: 0px;
42
+ --font-heading-02-text-transform: none;
43
+ --font-heading-02: 500 40px/50px "Roboto Condensed";
44
+ --font-heading-03-font-family: "Roboto Condensed";
45
+ --font-heading-03-font-size: 32px;
46
+ --font-heading-03-font-weight: 500;
47
+ --font-heading-03-line-height: 40px;
48
+ --font-heading-03-letter-spacing: 0px;
49
+ --font-heading-03-text-transform: none;
50
+ --font-heading-03: 500 32px/40px "Roboto Condensed";
51
+ --font-heading-04-font-family: "Roboto Condensed";
52
+ --font-heading-04-font-size: 24px;
53
+ --font-heading-04-font-weight: 500;
54
+ --font-heading-04-line-height: 32px;
55
+ --font-heading-04-letter-spacing: 0px;
56
+ --font-heading-04-text-transform: none;
57
+ --font-heading-04: 500 24px/32px "Roboto Condensed";
58
+ --font-heading-compact-01-font-family: "Roboto Condensed";
59
+ --font-heading-compact-01-font-size: 18px;
60
+ --font-heading-compact-01-font-weight: 600;
61
+ --font-heading-compact-01-line-height: 24px;
62
+ --font-heading-compact-01-letter-spacing: 0px;
63
+ --font-heading-compact-01-text-transform: uppercase;
64
+ --font-heading-compact-01: 600 18px/24px "Roboto Condensed";
65
+ --font-heading-compact-02-font-family: "Cabin";
66
+ --font-heading-compact-02-font-size: 16px;
67
+ --font-heading-compact-02-font-weight: 600;
68
+ --font-heading-compact-02-line-height: 24px;
69
+ --font-heading-compact-02-letter-spacing: 0px;
70
+ --font-heading-compact-02-text-transform: none;
71
+ --font-heading-compact-02: 600 16px/24px "Cabin";
72
+ --font-heading-mobile-01-font-family: "Roboto Condensed";
73
+ --font-heading-mobile-01-font-size: 36px;
74
+ --font-heading-mobile-01-font-weight: 500;
75
+ --font-heading-mobile-01-line-height: 44px;
76
+ --font-heading-mobile-01-letter-spacing: 0px;
77
+ --font-heading-mobile-01-text-transform: none;
78
+ --font-heading-mobile-01: 500 36px/44px "Roboto Condensed";
79
+ --font-heading-mobile-02-font-family: "Roboto Condensed";
80
+ --font-heading-mobile-02-font-size: 32px;
81
+ --font-heading-mobile-02-font-weight: 500;
82
+ --font-heading-mobile-02-line-height: 40px;
83
+ --font-heading-mobile-02-letter-spacing: 0px;
84
+ --font-heading-mobile-02-text-transform: none;
85
+ --font-heading-mobile-02: 500 32px/40px "Roboto Condensed";
86
+ --font-heading-mobile-03-font-family: "Roboto Condensed";
87
+ --font-heading-mobile-03-font-size: 28px;
88
+ --font-heading-mobile-03-font-weight: 500;
89
+ --font-heading-mobile-03-line-height: 36px;
90
+ --font-heading-mobile-03-letter-spacing: 0px;
91
+ --font-heading-mobile-03-text-transform: none;
92
+ --font-heading-mobile-03: 500 28px/36px "Roboto Condensed";
93
+ --font-heading-mobile-04-font-family: "Roboto Condensed";
94
+ --font-heading-mobile-04-font-size: 20px;
95
+ --font-heading-mobile-04-font-weight: 500;
96
+ --font-heading-mobile-04-line-height: 28px;
97
+ --font-heading-mobile-04-letter-spacing: 0px;
98
+ --font-heading-mobile-04-text-transform: none;
99
+ --font-heading-mobile-04: 500 20px/28px "Roboto Condensed";
100
+ --font-body-01-font-family: "Cabin";
101
+ --font-body-01-font-size: 18px;
102
+ --font-body-01-font-weight: 400;
103
+ --font-body-01-line-height: 28px;
104
+ --font-body-01-letter-spacing: 0px;
105
+ --font-body-01-text-transform: none;
106
+ --font-body-01: 400 18px/28px "Cabin";
107
+ --font-body-02-font-family: "Cabin";
108
+ --font-body-02-font-size: 16px;
109
+ --font-body-02-font-weight: 400;
110
+ --font-body-02-line-height: 24px;
111
+ --font-body-02-letter-spacing: 0px;
112
+ --font-body-02-text-transform: none;
113
+ --font-body-02: 400 16px/24px "Cabin";
114
+ --font-body-03-font-family: "Cabin";
115
+ --font-body-03-font-size: 14px;
116
+ --font-body-03-font-weight: 400;
117
+ --font-body-03-line-height: 20px;
118
+ --font-body-03-letter-spacing: 0.16px;
119
+ --font-body-03-text-transform: none;
120
+ --font-body-03: 400 14px/20px "Cabin";
121
+ --font-utility-helper-font-family: "Cabin";
122
+ --font-utility-helper-font-size: 12px;
123
+ --font-utility-helper-font-weight: 400;
124
+ --font-utility-helper-line-height: 16px;
125
+ --font-utility-helper-letter-spacing: 0.32px;
126
+ --font-utility-helper-text-transform: none;
127
+ --font-utility-helper: 400 12px/16px "Cabin";
128
+ --font-utility-label-01-font-family: "Cabin";
129
+ --font-utility-label-01-font-size: 14px;
130
+ --font-utility-label-01-font-weight: 500;
131
+ --font-utility-label-01-line-height: 18px;
132
+ --font-utility-label-01-letter-spacing: 0.16px;
133
+ --font-utility-label-01-text-transform: none;
134
+ --font-utility-label-01: 500 14px/18px "Cabin";
135
+ --font-utility-label-02-font-family: "Cabin";
136
+ --font-utility-label-02-font-size: 12px;
137
+ --font-utility-label-02-font-weight: 500;
138
+ --font-utility-label-02-line-height: 16px;
139
+ --font-utility-label-02-letter-spacing: 0.32px;
140
+ --font-utility-label-02-text-transform: none;
141
+ --font-utility-label-02: 500 12px/16px "Cabin";
142
+ --semantic-color-background-background: var(--primitives-color-base-white);
143
+ --semantic-color-background-background-inverse: var(--primitives-color-gray-80);
144
+ --semantic-color-background-background-selected: var(--primitives-color-alpha-gray-50-25);
145
+ --semantic-color-background-background-brand-strong: var(--primitives-color-albacore-70);
146
+ --semantic-color-background-background-brand-subtle: var(--primitives-color-albacore-10);
147
+ --semantic-color-background-background-disabled: var(--primitives-color-gray-20);
148
+ --semantic-color-background-transparent: var(--primitives-color-alpha-white-0);
149
+ --semantic-color-background-background-info: var(--primitives-color-blue-10);
150
+ --semantic-color-background-background-success: var(--primitives-color-green-10);
151
+ --semantic-color-background-background-warning: var(--primitives-color-yellow-10);
152
+ --semantic-color-background-background-error: var(--primitives-color-red-10);
153
+ --semantic-color-surface-surface-01: var(--primitives-color-gray-10);
154
+ --semantic-color-surface-surface-01-hover: var(--primitives-color-gray-20);
155
+ --semantic-color-surface-surface-01-selected: var(--primitives-color-gray-20);
156
+ --semantic-color-surface-surface-02: var(--primitives-color-base-white);
157
+ --semantic-color-surface-surface-02-hover: var(--primitives-color-gray-10);
158
+ --semantic-color-surface-surface-03: var(--primitives-color-gray-20);
159
+ --semantic-color-surface-surface-03-hover: var(--primitives-color-gray-30);
160
+ --semantic-color-surface-surface-02-selected: var(--primitives-color-gray-10);
161
+ --semantic-color-text-text-primary: var(--primitives-color-gray-100);
162
+ --semantic-color-text-text-secondary: var(--primitives-color-gray-70);
163
+ --semantic-color-text-text-placeholder: var(--primitives-color-gray-60);
164
+ --semantic-color-text-text-helper: var(--primitives-color-gray-60);
165
+ --semantic-color-text-text-error: var(--primitives-color-red-60);
166
+ --semantic-color-text-text-inverse: var(--primitives-color-base-white);
167
+ --semantic-color-text-text-disabled: var(--primitives-color-gray-40);
168
+ --semantic-color-text-text-brand: var(--primitives-color-albacore-70);
169
+ --semantic-color-text-text-on-color-disabled: var(--primitives-color-gray-70);
170
+ --semantic-color-text-text-on-color: var(--primitives-color-base-white);
171
+ --semantic-color-text-text-on-color-selected: var(--primitives-color-base-white);
172
+ --semantic-color-link-link-primary: var(--primitives-color-blue-60);
173
+ --semantic-color-link-link-primary-hover: var(--primitives-color-blue-70);
174
+ --semantic-color-link-link-inverse: var(--primitives-color-blue-40);
175
+ --semantic-color-link-link-inverse-hover: var(--primitives-color-blue-30);
176
+ --semantic-color-link-link-visited: var(--primitives-color-purple-60);
177
+ --semantic-color-link-link-inverse-visited: var(--primitives-color-purple-40);
178
+ --semantic-color-icon-icon-primary: var(--primitives-color-gray-90);
179
+ --semantic-color-icon-icon-secondary: var(--primitives-color-gray-70);
180
+ --semantic-color-icon-icon-interactive: var(--primitives-color-blue-60);
181
+ --semantic-color-icon-icon-disabled: var(--primitives-color-gray-40);
182
+ --semantic-color-icon-icon-brand: var(--primitives-color-albacore-70);
183
+ --semantic-color-icon-icon-error: var(--primitives-color-red-60);
184
+ --semantic-color-icon-icon-selected: var(--primitives-color-albacore-70);
185
+ --semantic-color-icon-icon-on-color-selected: var(--primitives-color-base-white);
186
+ --semantic-color-icon-icon-on-color-disabled: var(--primitives-color-gray-70);
187
+ --semantic-color-icon-icon-on-color: var(--primitives-color-base-white);
188
+ --semantic-color-status-status-success: var(--primitives-color-green-50);
189
+ --semantic-color-status-status-warning: var(--primitives-color-yellow-50);
190
+ --semantic-color-status-status-error: var(--primitives-color-red-60);
191
+ --semantic-color-status-status-info: var(--primitives-color-blue-70);
192
+ --semantic-color-status-status-success-inverse: var(--primitives-color-green-40);
193
+ --semantic-color-status-status-warning-inverse: var(--primitives-color-yellow-30);
194
+ --semantic-color-status-status-error-inverse: var(--primitives-color-red-50);
195
+ --semantic-color-status-status-info-inverse: var(--primitives-color-blue-50);
196
+ --semantic-color-border-border-subtle: var(--primitives-color-gray-20);
197
+ --semantic-color-border-border-strong: var(--primitives-color-gray-50);
198
+ --semantic-color-border-border-inverse: var(--primitives-color-gray-100);
199
+ --semantic-color-border-border-disabled: var(--primitives-color-gray-20);
200
+ --semantic-color-border-border-selected: var(--primitives-color-albacore-70);
201
+ --semantic-color-border-border-error: var(--primitives-color-red-60);
202
+ --semantic-color-border-border-brand: var(--primitives-color-albacore-70);
203
+ --semantic-color-action-action-primary: var(--primitives-color-albacore-70);
204
+ --semantic-color-action-action-primary-hover: var(--primitives-color-albacore-80);
205
+ --semantic-color-action-action-primary-active: var(--primitives-color-albacore-80);
206
+ --semantic-color-action-action-tertiary: var(--primitives-color-albacore-70);
207
+ --semantic-color-action-action-tertiary-hover: var(--primitives-color-albacore-80);
208
+ --semantic-color-action-action-tertiary-active: var(--primitives-color-albacore-80);
209
+ --semantic-color-action-action-secondary: var(--primitives-color-albacore-70);
210
+ --semantic-color-action-action-secondary-hover: var(--primitives-color-albacore-70);
211
+ --semantic-color-action-action-secondary-active: var(--primitives-color-albacore-80);
212
+ --semantic-color-action-action-danger-primary: var(--primitives-color-red-60);
213
+ --semantic-color-action-action-danger-secondary: var(--primitives-color-red-60);
214
+ --semantic-color-action-action-danger-hover: var(--primitives-color-red-70);
215
+ --semantic-color-action-action-danger-active: var(--primitives-color-red-80);
216
+ --semantic-color-action-action-separator: var(--primitives-color-gray-20);
217
+ --semantic-color-action-action-disabled: var(--primitives-color-gray-30);
218
+ --semantic-color-focus-focus: var(--primitives-color-blue-60);
219
+ --semantic-color-focus-focus-inverse: var(--primitives-color-base-white);
220
+ --semantic-color-focus-focus-inset: var(--primitives-color-base-white);
221
+ --semantic-color-overlay-scrim: var(--primitives-color-alpha-black-60);
222
+ --semantic-color-tag-background-neutral: var(--primitives-color-gray-10);
223
+ --semantic-color-tag-background-blue: var(--primitives-color-blue-10);
224
+ --semantic-color-tag-background-green: var(--primitives-color-green-10);
225
+ --semantic-color-tag-background-purple: var(--primitives-color-purple-10);
226
+ --semantic-color-tag-text-neutral: var(--primitives-color-gray-100);
227
+ --semantic-color-tag-text-blue: var(--primitives-color-blue-70);
228
+ --semantic-color-tag-text-green: var(--primitives-color-green-80);
229
+ --semantic-color-tag-text-purple: var(--primitives-color-purple-70);
230
+ --semantic-layout-inset-sm: var(--primitives-space-12);
231
+ --semantic-layout-inset-md: var(--primitives-space-16);
232
+ --semantic-layout-inset-lg: var(--primitives-space-24);
233
+ --semantic-layout-inset-xs: var(--primitives-space-8);
234
+ --semantic-layout-inset-xl: var(--primitives-space-32);
235
+ --semantic-layout-inset-2xs: var(--primitives-space-4);
236
+ --semantic-layout-inset-2xl: var(--primitives-space-48);
237
+ --semantic-layout-inset-4xl: var(--primitives-space-96);
238
+ --semantic-layout-inset-3xl: var(--primitives-space-64);
239
+ --semantic-layout-stack-xs: var(--primitives-space-4);
240
+ --semantic-layout-stack-sm: var(--primitives-space-8);
241
+ --semantic-layout-stack-md: var(--primitives-space-12);
242
+ --semantic-layout-stack-lg: var(--primitives-space-16);
243
+ --semantic-layout-stack-xl: var(--primitives-space-24);
244
+ --semantic-layout-stack-2xl: var(--semantic-layout-spacing-32);
245
+ --semantic-layout-stack-3xl: var(--semantic-layout-spacing-40);
246
+ --semantic-layout-stack-4xl: var(--semantic-layout-spacing-48);
247
+ --semantic-layout-stack-2xs: var(--primitives-space-2);
248
+ --semantic-layout-inline-xs: var(--primitives-space-8);
249
+ --semantic-layout-inline-sm: var(--primitives-space-12);
250
+ --semantic-layout-inline-md: var(--primitives-space-16);
251
+ --semantic-layout-inline-lg: var(--primitives-space-24);
252
+ --semantic-layout-inline-xl: var(--semantic-layout-spacing-32);
253
+ --semantic-layout-icon-sm: var(--primitives-size-20);
254
+ --semantic-layout-icon-md: var(--primitives-size-24);
255
+ --semantic-layout-icon-lg: var(--primitives-size-32);
256
+ --semantic-layout-icon-xs: var(--primitives-size-16);
257
+ --semantic-layout-radius-control: var(--primitives-radius-4);
258
+ --semantic-layout-radius-container: var(--primitives-radius-8);
259
+ --semantic-layout-radius-pill: var(--primitives-radius-999);
260
+ --semantic-layout-stroke-default: var(--primitives-stroke-1);
261
+ --semantic-layout-stroke-strong: var(--primitives-stroke-2);
262
+ --semantic-layout-stroke-divider: var(--primitives-stroke-1);
263
+ --semantic-layout-stroke-divider-strong: var(--primitives-stroke-4);
264
+ --semantic-layout-section-gap: var(--primitives-space-32);
265
+ --semantic-layout-section-gap-lg: var(--primitives-space-48);
266
+ --semantic-layout-focus-ring-width: var(--primitives-stroke-2);
267
+ --semantic-layout-focus-ring-offset: var(--primitives-stroke-2);
268
+ --semantic-layout-control-height-sm: var(--primitives-size-40);
269
+ --semantic-layout-control-height-md: var(--primitives-size-44);
270
+ --semantic-layout-control-height-lg: var(--primitives-size-48);
271
+ --semantic-layout-control-padding-sm: var(--primitives-space-12);
272
+ --semantic-layout-control-padding-md: var(--primitives-space-16);
273
+ --semantic-layout-control-padding-lg: var(--primitives-space-20);
274
+ --semantic-layout-control-padding-xs: var(--primitives-space-8);
275
+ --semantic-layout-control-icon-gap: var(--primitives-space-4);
276
+ --semantic-layout-control-height-compact-sm: var(--primitives-size-24);
277
+ --semantic-layout-control-height-compact-md: var(--primitives-size-32);
278
+ --semantic-layout-control-width-md: var(--primitives-size-48);
279
+ --semantic-layout-target-min: var(--primitives-size-44);
280
+ --semantic-layout-target-recommended: var(--primitives-size-44);
281
+ --semantic-layout-spacing-0: var(--primitives-space-0);
282
+ --semantic-layout-spacing-4: var(--primitives-space-4);
283
+ --semantic-layout-spacing-8: var(--primitives-space-8);
284
+ --semantic-layout-spacing-12: var(--primitives-space-12);
285
+ --semantic-layout-spacing-16: var(--primitives-space-16);
286
+ --semantic-layout-spacing-24: var(--primitives-space-24);
287
+ --semantic-layout-spacing-32: var(--primitives-space-32);
288
+ --semantic-layout-spacing-40: var(--primitives-space-40);
289
+ --semantic-layout-spacing-48: var(--primitives-space-48);
290
+ --semantic-layout-spacing-64: var(--primitives-space-64);
291
+ --semantic-layout-spacing-80: var(--primitives-space-80);
292
+ --semantic-layout-spacing-96: var(--primitives-space-96);
293
+ --semantic-layout-spacing-160: var(--primitives-space-160);
294
+ --semantic-layout-width-md: var(--primitives-width-608);
295
+ --semantic-layout-width-xs: var(--primitives-width-288);
296
+ --semantic-type-display-display-01-family: var(--primitives-typography-family-roboto-condensed);
297
+ --semantic-type-display-display-01-weight: var(--primitives-typography-weight-semibold);
298
+ --semantic-type-display-display-01-size: var(--primitives-typography-size-68);
299
+ --semantic-type-display-display-01-line-height: var(--primitives-typography-line-height-76);
300
+ --semantic-type-display-display-01-letter-spacing: var(--primitives-typography-letter-spacing-minus-024);
301
+ --semantic-type-display-display-02-family: var(--primitives-typography-family-roboto-condensed);
302
+ --semantic-type-display-display-02-weight: var(--primitives-typography-weight-semibold);
303
+ --semantic-type-display-display-02-size: var(--primitives-typography-size-60);
304
+ --semantic-type-display-display-02-line-height: var(--primitives-typography-line-height-70);
305
+ --semantic-type-display-display-02-letter-spacing: var(--primitives-typography-letter-spacing-minus-016);
306
+ --semantic-type-heading-heading-01-family: var(--primitives-typography-family-roboto-condensed);
307
+ --semantic-type-heading-heading-01-weight: var(--primitives-typography-weight-medium);
308
+ --semantic-type-heading-heading-01-size: var(--primitives-typography-size-54);
309
+ --semantic-type-heading-heading-01-line-height: var(--primitives-typography-line-height-64);
310
+ --semantic-type-heading-heading-01-letter-spacing: var(--primitives-typography-letter-spacing-0);
311
+ --semantic-type-heading-heading-02-family: var(--primitives-typography-family-roboto-condensed);
312
+ --semantic-type-heading-heading-02-weight: var(--primitives-typography-weight-medium);
313
+ --semantic-type-heading-heading-02-size: var(--primitives-typography-size-40);
314
+ --semantic-type-heading-heading-02-line-height: var(--primitives-typography-line-height-50);
315
+ --semantic-type-heading-heading-02-letter-spacing: var(--primitives-typography-letter-spacing-0);
316
+ --semantic-type-heading-heading-03-family: var(--primitives-typography-family-roboto-condensed);
317
+ --semantic-type-heading-heading-03-weight: var(--primitives-typography-weight-medium);
318
+ --semantic-type-heading-heading-03-size: var(--primitives-typography-size-32);
319
+ --semantic-type-heading-heading-03-line-height: var(--primitives-typography-line-height-40);
320
+ --semantic-type-heading-heading-03-letter-spacing: var(--primitives-typography-letter-spacing-0);
321
+ --semantic-type-heading-heading-04-family: var(--primitives-typography-family-roboto-condensed);
322
+ --semantic-type-heading-heading-04-weight: var(--primitives-typography-weight-medium);
323
+ --semantic-type-heading-heading-04-size: var(--primitives-typography-size-24);
324
+ --semantic-type-heading-heading-04-line-height: var(--primitives-typography-line-height-32);
325
+ --semantic-type-heading-heading-04-letter-spacing: var(--primitives-typography-letter-spacing-0);
326
+ --semantic-type-heading-heading-compact-01-family: var(--primitives-typography-family-roboto-condensed);
327
+ --semantic-type-heading-heading-compact-01-weight: var(--primitives-typography-weight-semibold);
328
+ --semantic-type-heading-heading-compact-01-size: var(--primitives-typography-size-18);
329
+ --semantic-type-heading-heading-compact-01-line-height: var(--primitives-typography-line-height-24);
330
+ --semantic-type-heading-heading-compact-01-letter-spacing: var(--primitives-typography-letter-spacing-0);
331
+ --semantic-type-heading-heading-compact-02-family: var(--primitives-typography-family-cabin);
332
+ --semantic-type-heading-heading-compact-02-weight: var(--primitives-typography-weight-semibold);
333
+ --semantic-type-heading-heading-compact-02-size: var(--primitives-typography-size-16);
334
+ --semantic-type-heading-heading-compact-02-line-height: var(--primitives-typography-line-height-24);
335
+ --semantic-type-heading-heading-compact-02-letter-spacing: var(--primitives-typography-letter-spacing-0);
336
+ --semantic-type-body-lg-family: var(--primitives-typography-family-cabin);
337
+ --semantic-type-body-lg-size: var(--primitives-typography-size-18);
338
+ --semantic-type-body-lg-line-height: var(--primitives-typography-line-height-28);
339
+ --semantic-type-body-lg-letter-spacing: var(--primitives-typography-letter-spacing-0);
340
+ --semantic-type-body-lg-weight: var(--primitives-typography-weight-regular);
341
+ --semantic-type-body-md-family: var(--primitives-typography-family-cabin);
342
+ --semantic-type-body-md-size: var(--primitives-typography-size-16);
343
+ --semantic-type-body-md-line-height: var(--primitives-typography-line-height-24);
344
+ --semantic-type-body-md-letter-spacing: var(--primitives-typography-letter-spacing-0);
345
+ --semantic-type-body-md-weight: var(--primitives-typography-weight-regular);
346
+ --semantic-type-body-sm-family: var(--primitives-typography-family-cabin);
347
+ --semantic-type-body-sm-size: var(--primitives-typography-size-14);
348
+ --semantic-type-body-sm-line-height: var(--primitives-typography-line-height-20);
349
+ --semantic-type-body-sm-letter-spacing: var(--primitives-typography-letter-spacing-plus-016);
350
+ --semantic-type-body-sm-weight: var(--primitives-typography-weight-regular);
351
+ --semantic-type-label-label-01-family: var(--primitives-typography-family-cabin);
352
+ --semantic-type-label-label-01-size: var(--primitives-typography-size-14);
353
+ --semantic-type-label-label-01-line-height: var(--primitives-typography-line-height-18);
354
+ --semantic-type-label-label-01-letter-spacing: var(--primitives-typography-letter-spacing-plus-016);
355
+ --semantic-type-label-label-01-weight: var(--primitives-typography-weight-medium);
356
+ --semantic-type-label-label-02-family: var(--primitives-typography-family-cabin);
357
+ --semantic-type-label-label-02-size: var(--primitives-typography-size-12);
358
+ --semantic-type-label-label-02-line-height: var(--primitives-typography-line-height-16);
359
+ --semantic-type-label-label-02-letter-spacing: var(--primitives-typography-letter-spacing-plus-032);
360
+ --semantic-type-label-label-02-weight: var(--primitives-typography-weight-medium);
361
+ --semantic-type-label-label-compact-family: var(--primitives-typography-family-cabin);
362
+ --semantic-type-label-label-compact-weight: var(--primitives-typography-weight-medium);
363
+ --semantic-type-label-label-compact-size: var(--primitives-typography-size-14);
364
+ --semantic-type-label-label-compact-line-height: var(--primitives-typography-line-height-16);
365
+ --semantic-type-label-label-compact-letter-spacing: var(--primitives-typography-letter-spacing-plus-032);
366
+ --semantic-type-label-label-lg-family: var(--semantic-type-label-label-01-family);
367
+ --semantic-type-label-label-lg-weight: var(--semantic-type-label-label-01-weight);
368
+ --semantic-type-label-label-lg-size: var(--semantic-type-body-md-size);
369
+ --semantic-type-label-label-lg-line-height: var(--semantic-type-body-md-line-height);
370
+ --semantic-type-label-label-lg-letter-spacing: var(--semantic-type-body-md-letter-spacing);
371
+ --semantic-type-helper-helper-01-family: var(--primitives-typography-family-cabin);
372
+ --semantic-type-helper-helper-01-size: var(--primitives-typography-size-12);
373
+ --semantic-type-helper-helper-01-line-height: var(--primitives-typography-line-height-16);
374
+ --semantic-type-helper-helper-01-letter-spacing: var(--primitives-typography-letter-spacing-plus-032);
375
+ --semantic-type-helper-helper-01-weight: var(--primitives-typography-weight-regular);
376
+ }