@delightui/components 0.1.75 → 0.1.77

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 (144) hide show
  1. package/dist/cjs/components/atoms/Checkbox/Checkbox.d.ts +2 -8
  2. package/dist/cjs/components/atoms/Checkbox/Checkbox.presenter.d.ts +303 -0
  3. package/dist/cjs/components/atoms/Checkbox/Checkbox.types.d.ts +2 -24
  4. package/dist/cjs/components/atoms/CheckboxItem/CheckboxItem.d.ts +7 -2
  5. package/dist/cjs/components/atoms/CheckboxItem/CheckboxItem.presenter.d.ts +311 -0
  6. package/dist/cjs/components/atoms/CheckboxItem/CheckboxItem.types.d.ts +1 -6
  7. package/dist/cjs/components/atoms/CustomToggle/CustomToggle.d.ts +5 -3
  8. package/dist/cjs/components/atoms/CustomToggle/CustomToggle.presenter.d.ts +16 -0
  9. package/dist/cjs/components/atoms/CustomToggle/CustomToggle.types.d.ts +3 -26
  10. package/dist/cjs/components/atoms/Input/Input.d.ts +2 -7
  11. package/dist/cjs/components/atoms/Input/Input.presenter.d.ts +311 -0
  12. package/dist/cjs/components/atoms/Input/Input.types.d.ts +2 -20
  13. package/dist/cjs/components/atoms/Password/Password.presenter.d.ts +311 -0
  14. package/dist/cjs/components/atoms/RadioButton/RadioButton.d.ts +2 -7
  15. package/dist/cjs/components/atoms/RadioButton/RadioButton.types.d.ts +2 -19
  16. package/dist/cjs/components/atoms/RadioButtonItem/RadioButtonItem.d.ts +5 -2
  17. package/dist/cjs/components/atoms/RadioButtonItem/RadioButtonItem.presenter.d.ts +311 -0
  18. package/dist/cjs/components/atoms/RadioButtonItem/RadioButtonItem.types.d.ts +1 -6
  19. package/dist/cjs/components/atoms/Slider/Slider.d.ts +1 -2
  20. package/dist/cjs/components/atoms/Slider/Slider.presenter.d.ts +289 -0
  21. package/dist/cjs/components/atoms/Slider/Slider.types.d.ts +2 -16
  22. package/dist/cjs/components/atoms/TextArea/TextArea.d.ts +1 -7
  23. package/dist/cjs/components/atoms/TextArea/TextArea.presenter.d.ts +293 -0
  24. package/dist/cjs/components/atoms/TextArea/TextArea.types.d.ts +2 -20
  25. package/dist/cjs/components/atoms/Toggle/Toggle.d.ts +2 -7
  26. package/dist/cjs/components/atoms/Toggle/Toggle.presenter.d.ts +306 -0
  27. package/dist/cjs/components/atoms/Toggle/Toggle.types.d.ts +2 -20
  28. package/dist/cjs/components/atoms/ToggleButton/ToggleButton.d.ts +1 -6
  29. package/dist/cjs/components/atoms/ToggleButton/ToggleButton.presenter.d.ts +281 -0
  30. package/dist/cjs/components/atoms/ToggleButton/ToggleButton.types.d.ts +2 -21
  31. package/dist/cjs/components/molecules/ChipInput/ChipInput.presenter.d.ts +28 -0
  32. package/dist/cjs/components/molecules/ChipInput/ChipInput.types.d.ts +2 -3
  33. package/dist/cjs/components/molecules/DatePicker/DatePicker.d.ts +1 -1
  34. package/dist/cjs/components/molecules/DatePicker/DatePicker.presenter.d.ts +39 -0
  35. package/dist/cjs/components/molecules/DatePicker/DatePicker.types.d.ts +2 -7
  36. package/dist/cjs/components/molecules/FormField/FormField.d.ts +2 -3
  37. package/dist/cjs/components/molecules/FormField/FormField.presenter.d.ts +15 -0
  38. package/dist/cjs/components/molecules/FormField/FormField.types.d.ts +36 -85
  39. package/dist/cjs/components/molecules/FormField/FormField.utils.d.ts +11 -0
  40. package/dist/cjs/components/molecules/FormField/index.d.ts +3 -7
  41. package/dist/cjs/components/molecules/RadioGroup/RadioGroup.d.ts +1 -2
  42. package/dist/cjs/components/molecules/RadioGroup/RadioGroup.presenter.d.ts +9 -0
  43. package/dist/cjs/components/molecules/RadioGroup/RadioGroup.types.d.ts +5 -27
  44. package/dist/cjs/components/molecules/RadioGroup/RadioGroup.utils.d.ts +3 -0
  45. package/dist/cjs/components/molecules/Select/Select.Context.d.ts +1 -1
  46. package/dist/cjs/components/molecules/Select/Select.d.ts +1 -2
  47. package/dist/cjs/components/molecules/Select/Select.presenter.d.ts +292 -0
  48. package/dist/cjs/components/molecules/Select/Select.types.d.ts +4 -25
  49. package/dist/cjs/components/organisms/Dropzone/Dropzone.d.ts +1 -2
  50. package/dist/cjs/components/organisms/Dropzone/Dropzone.presenter.d.ts +19 -0
  51. package/dist/cjs/components/organisms/Dropzone/Dropzone.types.d.ts +2 -7
  52. package/dist/cjs/components/organisms/Form/UpdatedFormExample.d.ts +23 -0
  53. package/dist/cjs/components/utils/ConditionalView/ConditionalView.d.ts +3 -0
  54. package/dist/cjs/components/utils/ConditionalView/ConditionalView.types.d.ts +5 -0
  55. package/dist/cjs/components/utils/ConditionalView/index.d.ts +2 -0
  56. package/dist/cjs/components/utils/WrapTextNodes/WrapTextNodes.d.ts +6 -0
  57. package/dist/cjs/components/utils/WrapTextNodes/WrapTextNodes.types.d.ts +2 -0
  58. package/dist/cjs/components/utils/WrapTextNodes/index.d.ts +4 -0
  59. package/dist/cjs/components/utils/index.d.ts +5 -0
  60. package/dist/cjs/components/utils/utils.d.ts +16 -0
  61. package/dist/cjs/library.css +682 -445
  62. package/dist/cjs/library.js +3 -3
  63. package/dist/cjs/library.js.map +1 -1
  64. package/dist/esm/components/atoms/Checkbox/Checkbox.d.ts +2 -8
  65. package/dist/esm/components/atoms/Checkbox/Checkbox.presenter.d.ts +303 -0
  66. package/dist/esm/components/atoms/Checkbox/Checkbox.types.d.ts +2 -24
  67. package/dist/esm/components/atoms/CheckboxItem/CheckboxItem.d.ts +7 -2
  68. package/dist/esm/components/atoms/CheckboxItem/CheckboxItem.presenter.d.ts +311 -0
  69. package/dist/esm/components/atoms/CheckboxItem/CheckboxItem.types.d.ts +1 -6
  70. package/dist/esm/components/atoms/CustomToggle/CustomToggle.d.ts +5 -3
  71. package/dist/esm/components/atoms/CustomToggle/CustomToggle.presenter.d.ts +16 -0
  72. package/dist/esm/components/atoms/CustomToggle/CustomToggle.types.d.ts +3 -26
  73. package/dist/esm/components/atoms/Input/Input.d.ts +2 -7
  74. package/dist/esm/components/atoms/Input/Input.presenter.d.ts +311 -0
  75. package/dist/esm/components/atoms/Input/Input.types.d.ts +2 -20
  76. package/dist/esm/components/atoms/Password/Password.presenter.d.ts +311 -0
  77. package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +2 -7
  78. package/dist/esm/components/atoms/RadioButton/RadioButton.types.d.ts +2 -19
  79. package/dist/esm/components/atoms/RadioButtonItem/RadioButtonItem.d.ts +5 -2
  80. package/dist/esm/components/atoms/RadioButtonItem/RadioButtonItem.presenter.d.ts +311 -0
  81. package/dist/esm/components/atoms/RadioButtonItem/RadioButtonItem.types.d.ts +1 -6
  82. package/dist/esm/components/atoms/Slider/Slider.d.ts +1 -2
  83. package/dist/esm/components/atoms/Slider/Slider.presenter.d.ts +289 -0
  84. package/dist/esm/components/atoms/Slider/Slider.types.d.ts +2 -16
  85. package/dist/esm/components/atoms/TextArea/TextArea.d.ts +1 -7
  86. package/dist/esm/components/atoms/TextArea/TextArea.presenter.d.ts +293 -0
  87. package/dist/esm/components/atoms/TextArea/TextArea.types.d.ts +2 -20
  88. package/dist/esm/components/atoms/Toggle/Toggle.d.ts +2 -7
  89. package/dist/esm/components/atoms/Toggle/Toggle.presenter.d.ts +306 -0
  90. package/dist/esm/components/atoms/Toggle/Toggle.types.d.ts +2 -20
  91. package/dist/esm/components/atoms/ToggleButton/ToggleButton.d.ts +1 -6
  92. package/dist/esm/components/atoms/ToggleButton/ToggleButton.presenter.d.ts +281 -0
  93. package/dist/esm/components/atoms/ToggleButton/ToggleButton.types.d.ts +2 -21
  94. package/dist/esm/components/molecules/ChipInput/ChipInput.presenter.d.ts +28 -0
  95. package/dist/esm/components/molecules/ChipInput/ChipInput.types.d.ts +2 -3
  96. package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts +1 -1
  97. package/dist/esm/components/molecules/DatePicker/DatePicker.presenter.d.ts +39 -0
  98. package/dist/esm/components/molecules/DatePicker/DatePicker.types.d.ts +2 -7
  99. package/dist/esm/components/molecules/FormField/FormField.d.ts +2 -3
  100. package/dist/esm/components/molecules/FormField/FormField.presenter.d.ts +15 -0
  101. package/dist/esm/components/molecules/FormField/FormField.types.d.ts +36 -85
  102. package/dist/esm/components/molecules/FormField/FormField.utils.d.ts +11 -0
  103. package/dist/esm/components/molecules/FormField/index.d.ts +3 -7
  104. package/dist/esm/components/molecules/RadioGroup/RadioGroup.d.ts +1 -2
  105. package/dist/esm/components/molecules/RadioGroup/RadioGroup.presenter.d.ts +9 -0
  106. package/dist/esm/components/molecules/RadioGroup/RadioGroup.types.d.ts +5 -27
  107. package/dist/esm/components/molecules/RadioGroup/RadioGroup.utils.d.ts +3 -0
  108. package/dist/esm/components/molecules/Select/Select.Context.d.ts +1 -1
  109. package/dist/esm/components/molecules/Select/Select.d.ts +1 -2
  110. package/dist/esm/components/molecules/Select/Select.presenter.d.ts +292 -0
  111. package/dist/esm/components/molecules/Select/Select.types.d.ts +4 -25
  112. package/dist/esm/components/organisms/Dropzone/Dropzone.d.ts +1 -2
  113. package/dist/esm/components/organisms/Dropzone/Dropzone.presenter.d.ts +19 -0
  114. package/dist/esm/components/organisms/Dropzone/Dropzone.types.d.ts +2 -7
  115. package/dist/esm/components/organisms/Form/UpdatedFormExample.d.ts +23 -0
  116. package/dist/esm/components/utils/ConditionalView/ConditionalView.d.ts +3 -0
  117. package/dist/esm/components/utils/ConditionalView/ConditionalView.types.d.ts +5 -0
  118. package/dist/esm/components/utils/ConditionalView/index.d.ts +2 -0
  119. package/dist/esm/components/utils/WrapTextNodes/WrapTextNodes.d.ts +6 -0
  120. package/dist/esm/components/utils/WrapTextNodes/WrapTextNodes.types.d.ts +2 -0
  121. package/dist/esm/components/utils/WrapTextNodes/index.d.ts +4 -0
  122. package/dist/esm/components/utils/index.d.ts +5 -0
  123. package/dist/esm/components/utils/utils.d.ts +16 -0
  124. package/dist/esm/library.css +682 -445
  125. package/dist/esm/library.js +3 -3
  126. package/dist/esm/library.js.map +1 -1
  127. package/dist/index.d.ts +272 -510
  128. package/package.json +1 -1
  129. package/dist/cjs/components/molecules/CheckboxGroup/CheckboxGroup.Context.d.ts +0 -4
  130. package/dist/cjs/components/molecules/CheckboxGroup/CheckboxGroup.d.ts +0 -4
  131. package/dist/cjs/components/molecules/CheckboxGroup/CheckboxGroup.types.d.ts +0 -53
  132. package/dist/cjs/components/molecules/CheckboxGroup/index.d.ts +0 -3
  133. package/dist/cjs/components/molecules/FormField/FormFieldContext.d.ts +0 -5
  134. package/dist/cjs/components/molecules/FormField/useField.d.ts +0 -12
  135. package/dist/cjs/components/molecules/RadioGroup/RadioGroup.Context.d.ts +0 -21
  136. package/dist/cjs/components/organisms/Form/FormExample.d.ts +0 -24
  137. package/dist/esm/components/molecules/CheckboxGroup/CheckboxGroup.Context.d.ts +0 -4
  138. package/dist/esm/components/molecules/CheckboxGroup/CheckboxGroup.d.ts +0 -4
  139. package/dist/esm/components/molecules/CheckboxGroup/CheckboxGroup.types.d.ts +0 -53
  140. package/dist/esm/components/molecules/CheckboxGroup/index.d.ts +0 -3
  141. package/dist/esm/components/molecules/FormField/FormFieldContext.d.ts +0 -5
  142. package/dist/esm/components/molecules/FormField/useField.d.ts +0 -12
  143. package/dist/esm/components/molecules/RadioGroup/RadioGroup.Context.d.ts +0 -21
  144. package/dist/esm/components/organisms/Form/FormExample.d.ts +0 -24
@@ -1190,6 +1190,186 @@
1190
1190
  .Slider-module_sliderContainer__WQ-Yb.Slider-module_disabled__bF0cX .Slider-module_sliderThumb__fuQtO {
1191
1191
  cursor: not-allowed;
1192
1192
  }
1193
+ .RadioButton-module_radioButton__rJ-J1 {
1194
+ position: relative;
1195
+ display: inline-flex;
1196
+ align-items: center;
1197
+ justify-content: flex-start;
1198
+ gap: var(--radio-button-row-gap) var(--radio-button-column-gap);
1199
+ height: var(--radio-button-height);
1200
+ width: var(--radio-button-width);
1201
+ min-width: var(--radio-button-min-width);
1202
+ min-height: var(--radio-button-min-height);
1203
+ max-width: var(--radio-button-max-width);
1204
+ max-height: var(--radio-button-max-height);
1205
+ cursor: pointer;
1206
+ outline: none;
1207
+ border-top-width: var(--radio-button-border-top-width);
1208
+ border-right-width: var(--radio-button-border-right-width);
1209
+ border-bottom-width: var(--radio-button-border-bottom-width);
1210
+ border-left-width: var(--radio-button-border-left-width);
1211
+ border-style: var(--radio-button-border-style);
1212
+ border-color: var(--radio-button-border-color);
1213
+ border-top-left-radius: var(--radio-button-border-top-left-radius);
1214
+ border-top-right-radius: var(--radio-button-border-top-right-radius);
1215
+ border-bottom-left-radius: var(--radio-button-border-bottom-left-radius);
1216
+ border-bottom-right-radius: var(--radio-button-border-bottom-right-radius);
1217
+ padding-top: var(--radio-button-padding-top);
1218
+ padding-right: var(--radio-button-padding-right);
1219
+ padding-bottom: var(--radio-button-padding-bottom);
1220
+ padding-left: var(--radio-button-padding-left);
1221
+ background-color: var(--radio-button-background-color);
1222
+ color: var(--radio-button-color);
1223
+ font-family: var(--radio-button-font-family);
1224
+ font-size: var(--radio-button-font-size);
1225
+ font-weight: var(--radio-button-font-weight);
1226
+ letter-spacing: var(--radio-button-letter-spacing);
1227
+ line-height: var(--radio-button-line-height);
1228
+ }
1229
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO {
1230
+ position: absolute;
1231
+ opacity: 0;
1232
+ width: 0px;
1233
+ height: 0px;
1234
+ margin: 0;
1235
+ cursor: pointer;
1236
+ }
1237
+ .RadioButton-module_radioButton__rJ-J1.RadioButton-module_disabled__Zorag {
1238
+ cursor: not-allowed;
1239
+ }
1240
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_iconWrapper__4e-9q {
1241
+ position: relative;
1242
+ display: inline-flex;
1243
+ align-items: center;
1244
+ justify-content: center;
1245
+ width: var(--radio-button-ring-wrapper-width);
1246
+ height: var(--radio-button-ring-wrapper-height);
1247
+ border-top-width: 0px;
1248
+ border-top-width: var(--radio-button-ring-wrapper-border-top-width, 0px);
1249
+ border-right-width: 0px;
1250
+ border-right-width: var(--radio-button-ring-wrapper-border-right-width, 0px);
1251
+ border-bottom-width: 0px;
1252
+ border-bottom-width: var(--radio-button-ring-wrapper-border-bottom-width, 0px);
1253
+ border-left-width: 0px;
1254
+ border-left-width: var(--radio-button-ring-wrapper-border-left-width, 0px);
1255
+ border-style: solid;
1256
+ border-style: var(--radio-button-ring-wrapper-border-style, solid);
1257
+ border-color: transparent;
1258
+ border-color: var(--radio-button-ring-wrapper-border-color, transparent);
1259
+ transition: all 0.2s ease-in-out;
1260
+ }
1261
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO {
1262
+ position: relative;
1263
+ display: inline-flex;
1264
+ align-items: center;
1265
+ justify-content: center;
1266
+ width: 100%;
1267
+ width: var(--radio-button-ring-width, 100%);
1268
+ height: 100%;
1269
+ height: var(--radio-button-ring-height, 100%);
1270
+ border-radius: 50%;
1271
+ background-color: var(--radio-button-ring-background-color);
1272
+ transition: all 0.2s ease-in-out;
1273
+ cursor: pointer;
1274
+ }
1275
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO::before {
1276
+ content: "";
1277
+ position: absolute;
1278
+ top: 50%;
1279
+ left: 50%;
1280
+ width: 80%;
1281
+ height: 80%;
1282
+ transform: translate(-50%, -50%);
1283
+ border-top-width: var(--radio-button-ring-border-top-width);
1284
+ border-right-width: var(--radio-button-ring-border-right-width);
1285
+ border-bottom-width: var(--radio-button-ring-border-bottom-width);
1286
+ border-left-width: var(--radio-button-ring-border-left-width);
1287
+ border-style: solid;
1288
+ border-style: var(--radio-button-ring-border-style, solid);
1289
+ border-color: var(--radio-button-ring-border-color);
1290
+ border-radius: 50%;
1291
+ transition: all 0.2s ease-in-out;
1292
+ }
1293
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO .RadioButton-module_dot__nQVRU {
1294
+ position: absolute;
1295
+ top: 50%;
1296
+ left: 50%;
1297
+ transform: translate(-50%, -50%) scale(0);
1298
+ width: var(--radio-button-dot-width);
1299
+ height: var(--radio-button-dot-height);
1300
+ background-color: var(--radio-button-dot-background-color);
1301
+ border-radius: 50%;
1302
+ transition: transform 0.2s ease-in-out;
1303
+ }
1304
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:checked + .RadioButton-module_iconWrapper__4e-9q .RadioButton-module_radio__BeUQO {
1305
+ border-color: var(--radio-button-ring-border-color);
1306
+ }
1307
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:checked + .RadioButton-module_iconWrapper__4e-9q .RadioButton-module_radio__BeUQO .RadioButton-module_dot__nQVRU {
1308
+ transform: translate(-50%, -50%) scale(1);
1309
+ background-color: var(--radio-button-dot-background-color);
1310
+ width: var(--radio-button-dot-width);
1311
+ height: var(--radio-button-dot-height);
1312
+ border-radius: 50%;
1313
+ opacity: 1;
1314
+ }
1315
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:focus-visible + .RadioButton-module_radio__BeUQO::before {
1316
+ border-color: var(--radio-button-ring-border-color);
1317
+ }
1318
+ .RadioButton-module_radioButton__rJ-J1.RadioButton-module_labelLeft__gsYcf {
1319
+ flex-direction: row-reverse;
1320
+ justify-content: flex-end;
1321
+ }
1322
+ .RadioButton-module_radioButton__rJ-J1.RadioButton-module_labelRight__mo9H8 {
1323
+ flex-direction: row;
1324
+ justify-content: flex-start;
1325
+ }
1326
+ .RadioButtonItem-module_radioButtonItem__YF8qk {
1327
+ position: relative;
1328
+ display: inline-flex;
1329
+ align-items: center;
1330
+ justify-content: flex-start;
1331
+ width: var(--radio-button-item-width);
1332
+ height: var(--radio-button-item-height);
1333
+ min-height: var(--radio-button-item-min-height);
1334
+ min-width: var(--radio-button-item-min-width);
1335
+ cursor: pointer;
1336
+ color: var(--radio-button-item-text-color);
1337
+ font-family: var(--radio-button-item-font-family);
1338
+ font-size: var(--radio-button-item-font-size);
1339
+ font-weight: var(--radio-button-item-font-weight);
1340
+ letter-spacing: var(--radio-button-item-letter-spacing);
1341
+ line-height: var(--radio-button-item-line-height);
1342
+ background-color: var(--radio-button-item-background-color);
1343
+ border-top-width: var(--radio-button-item-top-border-width);
1344
+ border-right-width: var(--radio-button-item-right-border-width);
1345
+ border-bottom-width: var(--radio-button-item-bottom-border-width);
1346
+ border-left-width: var(--radio-button-item-left-border-width);
1347
+ border-style: var(--radio-button-item-border-style);
1348
+ border-color: var(--radio-button-item-border-color);
1349
+ border-top-left-radius: var(--radio-button-item-border-top-left-radius);
1350
+ border-top-right-radius: var(--radio-button-item-border-top-right-radius);
1351
+ border-bottom-left-radius: var(--radio-button-item-border-bottom-left-radius);
1352
+ border-bottom-right-radius: var(--radio-button-item-border-bottom-right-radius);
1353
+ padding-top: var(--radio-button-item-top-padding);
1354
+ padding-right: var(--radio-button-item-right-padding);
1355
+ padding-bottom: var(--radio-button-item-bottom-padding);
1356
+ padding-left: var(--radio-button-item-left-padding);
1357
+ }
1358
+ .RadioButtonItem-module_radioButtonItem__YF8qk.RadioButtonItem-module_disabled__0hvhJ {
1359
+ cursor: not-allowed;
1360
+ }
1361
+ .RadioButtonItem-module_radioButtonItem__YF8qk.RadioButtonItem-module_hasRightButton__4uBKQ {
1362
+ padding-right: 8px;
1363
+ }
1364
+ .RadioButtonItem-module_radioButtonItem__YF8qk .RadioButtonItem-module_rightButton__5BQVK {
1365
+ margin-left: 8px;
1366
+ }
1367
+ .RadioButtonItem-module_radioButtonItem__YF8qk .RadioButtonItem-module_rightButton__5BQVK:disabled {
1368
+ opacity: 0.5;
1369
+ }
1370
+ .RadioButtonItem-module_radioButtonItem__YF8qk [component-variant^=radio-button] {
1371
+ --radio-button-width: 100%;
1372
+ }
1193
1373
  .Accordion-module_root__Duh5q {
1194
1374
  border-bottom-width: var(--accordion-border-bottom-width);
1195
1375
  border-left-width: var(--accordion-border-left-width);
@@ -2457,161 +2637,6 @@ span.flatpickr-weekday {
2457
2637
  }
2458
2638
  }
2459
2639
 
2460
- .FormField-module_formField__vNu-s {
2461
- display: flex;
2462
- flex-direction: column;
2463
- height: var(--form-field-height);
2464
- min-height: var(--form-field-min-height);
2465
- max-height: var(--form-field-max-height);
2466
- width: var(--form-field-width);
2467
- min-width: var(--form-field-min-width);
2468
- max-width: var(--form-field-max-width);
2469
- padding-top: calc(var(--form-field-padding-top) - var(--form-field-border-top-width));
2470
- padding-bottom: calc(var(--form-field-padding-bottom) - var(--form-field-border-bottom-width));
2471
- padding-left: calc(var(--form-field-padding-left) - var(--form-field-border-left-width));
2472
- padding-right: calc(var(--form-field-padding-right) - var(--form-field-border-right-width));
2473
- row-gap: var(--form-field-row-gap);
2474
- -moz-column-gap: var(--form-field-column-gap);
2475
- column-gap: var(--form-field-column-gap);
2476
- border-bottom-width: var(--form-field-border-bottom-width);
2477
- border-left-width: var(--form-field-border-left-width);
2478
- border-right-width: var(--form-field-border-right-width);
2479
- border-top-width: var(--form-field-border-top-width);
2480
- border-style: var(--form-field-border-style);
2481
- border-color: var(--form-field-border-color);
2482
- border-top-left-radius: var(--form-field-border-top-left-radius);
2483
- border-top-right-radius: var(--form-field-border-top-right-radius);
2484
- border-bottom-right-radius: var(--form-field-border-bottom-right-radius);
2485
- border-bottom-left-radius: var(--form-field-border-bottom-left-radius);
2486
- outline-width: var(--form-field-outline-width);
2487
- outline-style: var(--form-field-outline-style);
2488
- outline-color: var(--form-field-outline-color);
2489
- background-color: var(--form-field-background-color);
2490
- color: var(--form-field-color);
2491
- }
2492
- .FormField-module_formField__vNu-s .FormField-module_labelContainer__cPOaA {
2493
- display: flex;
2494
- flex-direction: column;
2495
- height: var(--form-field-label-height);
2496
- min-height: var(--form-field-label-min-height);
2497
- max-height: var(--form-field-label-max-height);
2498
- width: var(--form-field-label-width);
2499
- min-width: var(--form-field-label-min-width);
2500
- max-width: var(--form-field-label-max-width);
2501
- padding-top: calc(var(--form-field-label-padding-top) - var(--form-field-label-border-top-width));
2502
- padding-bottom: calc(var(--form-field-label-padding-bottom) - var(--form-field-label-border-bottom-width));
2503
- padding-left: calc(var(--form-field-label-padding-left) - var(--form-field-label-border-left-width));
2504
- padding-right: calc(var(--form-field-label-padding-right) - var(--form-field-label-border-right-width));
2505
- row-gap: var(--form-field-label-row-gap);
2506
- -moz-column-gap: var(--form-field-label-column-gap);
2507
- column-gap: var(--form-field-label-column-gap);
2508
- border-bottom-width: var(--form-field-label-border-bottom-width);
2509
- border-left-width: var(--form-field-label-border-left-width);
2510
- border-right-width: var(--form-field-label-border-right-width);
2511
- border-top-width: var(--form-field-label-border-top-width);
2512
- border-style: var(--form-field-label-border-style);
2513
- border-color: var(--form-field-label-border-color);
2514
- border-top-left-radius: var(--form-field-label-border-top-left-radius);
2515
- border-top-right-radius: var(--form-field-label-border-top-right-radius);
2516
- border-bottom-right-radius: var(--form-field-label-border-bottom-right-radius);
2517
- border-bottom-left-radius: var(--form-field-label-border-bottom-left-radius);
2518
- outline-width: var(--form-field-label-outline-width);
2519
- outline-style: var(--form-field-label-outline-style);
2520
- outline-color: var(--form-field-label-outline-color);
2521
- background-color: var(--form-field-label-background-color);
2522
- font-family: var(--form-field-label-font-family);
2523
- font-weight: var(--form-field-label-font-weight);
2524
- font-size: var(--form-field-label-font-size);
2525
- letter-spacing: var(--form-field-label-letter-spacing);
2526
- line-height: var(--form-field-label-line-height);
2527
- color: var(--form-field-label-color);
2528
- }
2529
- .FormField-module_formField__vNu-s .FormField-module_label__fzwKv.FormField-module_required__JvRw2::after {
2530
- content: " *";
2531
- }
2532
- .FormField-module_formField__vNu-s > * {
2533
- width: 100%;
2534
- }
2535
- .FormField-module_formField__vNu-s .FormField-module_field__32X79 {
2536
- display: flex;
2537
- flex-direction: column;
2538
- height: var(--form-field-field-height);
2539
- min-height: var(--form-field-field-min-height);
2540
- max-height: var(--form-field-field-max-height);
2541
- width: var(--form-field-field-width);
2542
- min-width: var(--form-field-field-min-width);
2543
- max-width: var(--form-field-field-max-width);
2544
- padding-top: calc(var(--form-field-field-padding-top) - var(--form-field-field-border-top-width));
2545
- padding-bottom: calc(var(--form-field-field-padding-bottom) - var(--form-field-field-border-bottom-width));
2546
- padding-left: calc(var(--form-field-field-padding-left) - var(--form-field-field-border-left-width));
2547
- padding-right: calc(var(--form-field-field-padding-right) - var(--form-field-field-border-right-width));
2548
- row-gap: var(--form-field-field-row-gap);
2549
- -moz-column-gap: var(--form-field-field-column-gap);
2550
- column-gap: var(--form-field-field-column-gap);
2551
- border-bottom-width: var(--form-field-field-border-bottom-width);
2552
- border-left-width: var(--form-field-field-border-left-width);
2553
- border-right-width: var(--form-field-field-border-right-width);
2554
- border-top-width: var(--form-field-field-border-top-width);
2555
- border-style: var(--form-field-field-border-style);
2556
- border-color: var(--form-field-field-border-color);
2557
- border-top-left-radius: var(--form-field-field-border-top-left-radius);
2558
- border-top-right-radius: var(--form-field-field-border-top-right-radius);
2559
- border-bottom-right-radius: var(--form-field-field-border-bottom-right-radius);
2560
- border-bottom-left-radius: var(--form-field-field-border-bottom-left-radius);
2561
- outline-width: var(--form-field-field-outline-width);
2562
- outline-style: var(--form-field-field-outline-style);
2563
- outline-color: var(--form-field-field-outline-color);
2564
- background-color: var(--form-field-field-background-color);
2565
- font-family: var(--form-field-field-font-family);
2566
- font-weight: var(--form-field-field-font-weight);
2567
- font-size: var(--form-field-field-font-size);
2568
- letter-spacing: var(--form-field-field-letter-spacing);
2569
- line-height: var(--form-field-field-line-height);
2570
- color: var(--form-field-field-color);
2571
- }
2572
- .FormField-module_formField__vNu-s .FormField-module_messageContainer__KOsuq {
2573
- display: flex;
2574
- flex-direction: row;
2575
- align-items: flex-start;
2576
- height: var(--form-field-message-height);
2577
- min-height: var(--form-field-message-min-height);
2578
- max-height: var(--form-field-message-max-height);
2579
- width: var(--form-field-message-width);
2580
- min-width: var(--form-field-message-min-width);
2581
- max-width: var(--form-field-message-max-width);
2582
- padding-top: calc(var(--form-field-message-padding-top) - var(--form-field-message-border-top-width));
2583
- padding-bottom: calc(var(--form-field-message-padding-bottom) - var(--form-field-message-border-bottom-width));
2584
- padding-left: calc(var(--form-field-message-padding-left) - var(--form-field-message-border-left-width));
2585
- padding-right: calc(var(--form-field-message-padding-right) - var(--form-field-message-border-right-width));
2586
- row-gap: var(--form-field-message-row-gap);
2587
- -moz-column-gap: var(--form-field-message-column-gap);
2588
- column-gap: var(--form-field-message-column-gap);
2589
- border-bottom-width: var(--form-field-message-border-bottom-width);
2590
- border-left-width: var(--form-field-message-border-left-width);
2591
- border-right-width: var(--form-field-message-border-right-width);
2592
- border-top-width: var(--form-field-message-border-top-width);
2593
- border-style: var(--form-field-message-border-style);
2594
- border-color: var(--form-field-message-border-color);
2595
- border-top-left-radius: var(--form-field-message-border-top-left-radius);
2596
- border-top-right-radius: var(--form-field-message-border-top-right-radius);
2597
- border-bottom-right-radius: var(--form-field-message-border-bottom-right-radius);
2598
- border-bottom-left-radius: var(--form-field-message-border-bottom-left-radius);
2599
- outline-width: var(--form-field-message-outline-width);
2600
- outline-style: var(--form-field-message-outline-style);
2601
- outline-color: var(--form-field-message-outline-color);
2602
- background-color: var(--form-field-message-background-color);
2603
- font-family: var(--form-field-message-font-family);
2604
- font-weight: var(--form-field-message-font-weight);
2605
- font-size: var(--form-field-message-font-size);
2606
- letter-spacing: var(--form-field-message-letter-spacing);
2607
- line-height: var(--form-field-fiemessageld-line-height);
2608
- color: var(--form-field-message-color);
2609
- }
2610
- .FormField-module_formField__vNu-s .FormField-module_messageIcon__UgBkw {
2611
- display: block;
2612
- flex: 0 0 auto;
2613
- --icon-fill: var(--form-field-message-icon-color);
2614
- }
2615
2640
  .flatpickr-calendar {
2616
2641
  --date-picker-selected-color: var(--interactive-surface-primary-default);
2617
2642
  --date-picker-startRange-color: var(--interactive-surface-primary-default);
@@ -2942,6 +2967,161 @@ span.flatpickr-weekday {
2942
2967
  .time-dropdown .dropdown-option:hover {
2943
2968
  background-color: var(--date-picker-time-color--hover);
2944
2969
  }
2970
+ .FormField-module_formField__vNu-s {
2971
+ display: flex;
2972
+ flex-direction: column;
2973
+ height: var(--form-field-height);
2974
+ min-height: var(--form-field-min-height);
2975
+ max-height: var(--form-field-max-height);
2976
+ width: var(--form-field-width);
2977
+ min-width: var(--form-field-min-width);
2978
+ max-width: var(--form-field-max-width);
2979
+ padding-top: calc(var(--form-field-padding-top) - var(--form-field-border-top-width));
2980
+ padding-bottom: calc(var(--form-field-padding-bottom) - var(--form-field-border-bottom-width));
2981
+ padding-left: calc(var(--form-field-padding-left) - var(--form-field-border-left-width));
2982
+ padding-right: calc(var(--form-field-padding-right) - var(--form-field-border-right-width));
2983
+ row-gap: var(--form-field-row-gap);
2984
+ -moz-column-gap: var(--form-field-column-gap);
2985
+ column-gap: var(--form-field-column-gap);
2986
+ border-bottom-width: var(--form-field-border-bottom-width);
2987
+ border-left-width: var(--form-field-border-left-width);
2988
+ border-right-width: var(--form-field-border-right-width);
2989
+ border-top-width: var(--form-field-border-top-width);
2990
+ border-style: var(--form-field-border-style);
2991
+ border-color: var(--form-field-border-color);
2992
+ border-top-left-radius: var(--form-field-border-top-left-radius);
2993
+ border-top-right-radius: var(--form-field-border-top-right-radius);
2994
+ border-bottom-right-radius: var(--form-field-border-bottom-right-radius);
2995
+ border-bottom-left-radius: var(--form-field-border-bottom-left-radius);
2996
+ outline-width: var(--form-field-outline-width);
2997
+ outline-style: var(--form-field-outline-style);
2998
+ outline-color: var(--form-field-outline-color);
2999
+ background-color: var(--form-field-background-color);
3000
+ color: var(--form-field-color);
3001
+ }
3002
+ .FormField-module_formField__vNu-s .FormField-module_labelContainer__cPOaA {
3003
+ display: flex;
3004
+ flex-direction: column;
3005
+ height: var(--form-field-label-height);
3006
+ min-height: var(--form-field-label-min-height);
3007
+ max-height: var(--form-field-label-max-height);
3008
+ width: var(--form-field-label-width);
3009
+ min-width: var(--form-field-label-min-width);
3010
+ max-width: var(--form-field-label-max-width);
3011
+ padding-top: calc(var(--form-field-label-padding-top) - var(--form-field-label-border-top-width));
3012
+ padding-bottom: calc(var(--form-field-label-padding-bottom) - var(--form-field-label-border-bottom-width));
3013
+ padding-left: calc(var(--form-field-label-padding-left) - var(--form-field-label-border-left-width));
3014
+ padding-right: calc(var(--form-field-label-padding-right) - var(--form-field-label-border-right-width));
3015
+ row-gap: var(--form-field-label-row-gap);
3016
+ -moz-column-gap: var(--form-field-label-column-gap);
3017
+ column-gap: var(--form-field-label-column-gap);
3018
+ border-bottom-width: var(--form-field-label-border-bottom-width);
3019
+ border-left-width: var(--form-field-label-border-left-width);
3020
+ border-right-width: var(--form-field-label-border-right-width);
3021
+ border-top-width: var(--form-field-label-border-top-width);
3022
+ border-style: var(--form-field-label-border-style);
3023
+ border-color: var(--form-field-label-border-color);
3024
+ border-top-left-radius: var(--form-field-label-border-top-left-radius);
3025
+ border-top-right-radius: var(--form-field-label-border-top-right-radius);
3026
+ border-bottom-right-radius: var(--form-field-label-border-bottom-right-radius);
3027
+ border-bottom-left-radius: var(--form-field-label-border-bottom-left-radius);
3028
+ outline-width: var(--form-field-label-outline-width);
3029
+ outline-style: var(--form-field-label-outline-style);
3030
+ outline-color: var(--form-field-label-outline-color);
3031
+ background-color: var(--form-field-label-background-color);
3032
+ font-family: var(--form-field-label-font-family);
3033
+ font-weight: var(--form-field-label-font-weight);
3034
+ font-size: var(--form-field-label-font-size);
3035
+ letter-spacing: var(--form-field-label-letter-spacing);
3036
+ line-height: var(--form-field-label-line-height);
3037
+ color: var(--form-field-label-color);
3038
+ }
3039
+ .FormField-module_formField__vNu-s .FormField-module_label__fzwKv.FormField-module_required__JvRw2::after {
3040
+ content: " *";
3041
+ }
3042
+ .FormField-module_formField__vNu-s > * {
3043
+ width: 100%;
3044
+ }
3045
+ .FormField-module_formField__vNu-s .FormField-module_field__32X79 {
3046
+ display: flex;
3047
+ flex-direction: column;
3048
+ height: var(--form-field-field-height);
3049
+ min-height: var(--form-field-field-min-height);
3050
+ max-height: var(--form-field-field-max-height);
3051
+ width: var(--form-field-field-width);
3052
+ min-width: var(--form-field-field-min-width);
3053
+ max-width: var(--form-field-field-max-width);
3054
+ padding-top: calc(var(--form-field-field-padding-top) - var(--form-field-field-border-top-width));
3055
+ padding-bottom: calc(var(--form-field-field-padding-bottom) - var(--form-field-field-border-bottom-width));
3056
+ padding-left: calc(var(--form-field-field-padding-left) - var(--form-field-field-border-left-width));
3057
+ padding-right: calc(var(--form-field-field-padding-right) - var(--form-field-field-border-right-width));
3058
+ row-gap: var(--form-field-field-row-gap);
3059
+ -moz-column-gap: var(--form-field-field-column-gap);
3060
+ column-gap: var(--form-field-field-column-gap);
3061
+ border-bottom-width: var(--form-field-field-border-bottom-width);
3062
+ border-left-width: var(--form-field-field-border-left-width);
3063
+ border-right-width: var(--form-field-field-border-right-width);
3064
+ border-top-width: var(--form-field-field-border-top-width);
3065
+ border-style: var(--form-field-field-border-style);
3066
+ border-color: var(--form-field-field-border-color);
3067
+ border-top-left-radius: var(--form-field-field-border-top-left-radius);
3068
+ border-top-right-radius: var(--form-field-field-border-top-right-radius);
3069
+ border-bottom-right-radius: var(--form-field-field-border-bottom-right-radius);
3070
+ border-bottom-left-radius: var(--form-field-field-border-bottom-left-radius);
3071
+ outline-width: var(--form-field-field-outline-width);
3072
+ outline-style: var(--form-field-field-outline-style);
3073
+ outline-color: var(--form-field-field-outline-color);
3074
+ background-color: var(--form-field-field-background-color);
3075
+ font-family: var(--form-field-field-font-family);
3076
+ font-weight: var(--form-field-field-font-weight);
3077
+ font-size: var(--form-field-field-font-size);
3078
+ letter-spacing: var(--form-field-field-letter-spacing);
3079
+ line-height: var(--form-field-field-line-height);
3080
+ color: var(--form-field-field-color);
3081
+ }
3082
+ .FormField-module_formField__vNu-s .FormField-module_messageContainer__KOsuq {
3083
+ display: flex;
3084
+ flex-direction: row;
3085
+ align-items: flex-start;
3086
+ height: var(--form-field-message-height);
3087
+ min-height: var(--form-field-message-min-height);
3088
+ max-height: var(--form-field-message-max-height);
3089
+ width: var(--form-field-message-width);
3090
+ min-width: var(--form-field-message-min-width);
3091
+ max-width: var(--form-field-message-max-width);
3092
+ padding-top: calc(var(--form-field-message-padding-top) - var(--form-field-message-border-top-width));
3093
+ padding-bottom: calc(var(--form-field-message-padding-bottom) - var(--form-field-message-border-bottom-width));
3094
+ padding-left: calc(var(--form-field-message-padding-left) - var(--form-field-message-border-left-width));
3095
+ padding-right: calc(var(--form-field-message-padding-right) - var(--form-field-message-border-right-width));
3096
+ row-gap: var(--form-field-message-row-gap);
3097
+ -moz-column-gap: var(--form-field-message-column-gap);
3098
+ column-gap: var(--form-field-message-column-gap);
3099
+ border-bottom-width: var(--form-field-message-border-bottom-width);
3100
+ border-left-width: var(--form-field-message-border-left-width);
3101
+ border-right-width: var(--form-field-message-border-right-width);
3102
+ border-top-width: var(--form-field-message-border-top-width);
3103
+ border-style: var(--form-field-message-border-style);
3104
+ border-color: var(--form-field-message-border-color);
3105
+ border-top-left-radius: var(--form-field-message-border-top-left-radius);
3106
+ border-top-right-radius: var(--form-field-message-border-top-right-radius);
3107
+ border-bottom-right-radius: var(--form-field-message-border-bottom-right-radius);
3108
+ border-bottom-left-radius: var(--form-field-message-border-bottom-left-radius);
3109
+ outline-width: var(--form-field-message-outline-width);
3110
+ outline-style: var(--form-field-message-outline-style);
3111
+ outline-color: var(--form-field-message-outline-color);
3112
+ background-color: var(--form-field-message-background-color);
3113
+ font-family: var(--form-field-message-font-family);
3114
+ font-weight: var(--form-field-message-font-weight);
3115
+ font-size: var(--form-field-message-font-size);
3116
+ letter-spacing: var(--form-field-message-letter-spacing);
3117
+ line-height: var(--form-field-fiemessageld-line-height);
3118
+ color: var(--form-field-message-color);
3119
+ }
3120
+ .FormField-module_formField__vNu-s .FormField-module_messageIcon__UgBkw {
3121
+ display: block;
3122
+ flex: 0 0 auto;
3123
+ --icon-fill: var(--form-field-message-icon-color);
3124
+ }
2945
3125
  .Grid-module_grid__XrLxR {
2946
3126
  display: grid;
2947
3127
  }
@@ -3369,8 +3549,43 @@ span.flatpickr-weekday {
3369
3549
  color: white;
3370
3550
  color: var(--progress-bar-label-color, white);
3371
3551
  }
3372
- .ProgressBar-module_progressBar__FcALd.ProgressBar-module_Horizontal__K0u1- {
3373
- flex-direction: row;
3552
+ .ProgressBar-module_progressBar__FcALd.ProgressBar-module_Horizontal__K0u1- {
3553
+ flex-direction: row;
3554
+ }
3555
+ .Option-module_option__EOKym {
3556
+ display: flex;
3557
+ width: 100%;
3558
+ height: auto;
3559
+ cursor: pointer;
3560
+ padding-top: calc(var(--select-list-item-padding-top) - var(--select-list-item-border-top-width));
3561
+ padding-bottom: calc(var(--select-list-item-padding-bottom) - var(--select-list-item-border-bottom-width));
3562
+ padding-left: calc(var(--select-list-item-padding-left) - var(--select-list-item-border-left-width));
3563
+ padding-right: calc(var(--select-list-item-padding-right) - var(--select-list-item-border-right-width));
3564
+ row-gap: var(--select-list-item-row-gap);
3565
+ -moz-column-gap: var(--select-list-item-column-gap);
3566
+ column-gap: var(--select-list-item-column-gap);
3567
+ border-bottom-width: var(--select-list-item-border-bottom-width);
3568
+ border-left-width: var(--select-list-item-border-left-width);
3569
+ border-right-width: var(--select-list-item-border-right-width);
3570
+ border-top-width: var(--select-list-item-border-top-width);
3571
+ border-style: var(--select-list-item-border-style);
3572
+ border-color: var(--select-list-item-border-color);
3573
+ border-top-left-radius: var(--select-list-item-border-top-left-radius);
3574
+ border-top-right-radius: var(--select-list-item-border-top-right-radius);
3575
+ border-bottom-right-radius: var(--select-list-item-border-bottom-right-radius);
3576
+ border-bottom-left-radius: var(--select-list-item-border-bottom-left-radius);
3577
+ outline-width: var(--select-list-item-outline-width);
3578
+ outline-style: var(--select-list-item-outline-style);
3579
+ outline-color: var(--select-list-item-outline-color);
3580
+ background-color: var(--select-list-item-background-color);
3581
+ font-family: var(--select-list-item-font-family);
3582
+ font-size: var(--select-list-item-font-size);
3583
+ font-weight: var(--select-list-item-font-weight);
3584
+ line-height: var(--select-list-item-line-height);
3585
+ color: var(--select-list-item-color);
3586
+ }
3587
+ .Option-module_option__EOKym .Option-module_content__jLIAJ {
3588
+ width: 100%;
3374
3589
  }
3375
3590
  .Select-module_select__sbUrw {
3376
3591
  width: 100%;
@@ -3382,7 +3597,6 @@ span.flatpickr-weekday {
3382
3597
  row-gap: var(--select-row-gap);
3383
3598
  -moz-column-gap: var(--select-column-gap);
3384
3599
  column-gap: var(--select-column-gap);
3385
- position: relative;
3386
3600
  }
3387
3601
  .Select-module_select__sbUrw .Select-module_collapseIcon__WvAz5 {
3388
3602
  transform: rotate(180deg);
@@ -3453,41 +3667,6 @@ span.flatpickr-weekday {
3453
3667
  border-bottom-left-radius: var(--select-options-border-bottom-left-radius);
3454
3668
  background-color: var(--select-options-background-color);
3455
3669
  }
3456
- .Option-module_option__EOKym {
3457
- display: flex;
3458
- width: 100%;
3459
- height: auto;
3460
- cursor: pointer;
3461
- padding-top: calc(var(--select-list-item-padding-top) - var(--select-list-item-border-top-width));
3462
- padding-bottom: calc(var(--select-list-item-padding-bottom) - var(--select-list-item-border-bottom-width));
3463
- padding-left: calc(var(--select-list-item-padding-left) - var(--select-list-item-border-left-width));
3464
- padding-right: calc(var(--select-list-item-padding-right) - var(--select-list-item-border-right-width));
3465
- row-gap: var(--select-list-item-row-gap);
3466
- -moz-column-gap: var(--select-list-item-column-gap);
3467
- column-gap: var(--select-list-item-column-gap);
3468
- border-bottom-width: var(--select-list-item-border-bottom-width);
3469
- border-left-width: var(--select-list-item-border-left-width);
3470
- border-right-width: var(--select-list-item-border-right-width);
3471
- border-top-width: var(--select-list-item-border-top-width);
3472
- border-style: var(--select-list-item-border-style);
3473
- border-color: var(--select-list-item-border-color);
3474
- border-top-left-radius: var(--select-list-item-border-top-left-radius);
3475
- border-top-right-radius: var(--select-list-item-border-top-right-radius);
3476
- border-bottom-right-radius: var(--select-list-item-border-bottom-right-radius);
3477
- border-bottom-left-radius: var(--select-list-item-border-bottom-left-radius);
3478
- outline-width: var(--select-list-item-outline-width);
3479
- outline-style: var(--select-list-item-outline-style);
3480
- outline-color: var(--select-list-item-outline-color);
3481
- background-color: var(--select-list-item-background-color);
3482
- font-family: var(--select-list-item-font-family);
3483
- font-size: var(--select-list-item-font-size);
3484
- font-weight: var(--select-list-item-font-weight);
3485
- line-height: var(--select-list-item-line-height);
3486
- color: var(--select-list-item-color);
3487
- }
3488
- .Option-module_option__EOKym .Option-module_content__jLIAJ {
3489
- width: 100%;
3490
- }
3491
3670
  .ChipInput-module_popover__wIomV {
3492
3671
  display: flex;
3493
3672
  flex-wrap: wrap;
@@ -3603,189 +3782,6 @@ span.flatpickr-weekday {
3603
3782
  --checkbox-item-row-gap: var(--chip-input-checkbox-item-row-gap);
3604
3783
  --checkbox-item-column-gap: var(--chip-input-checkbox-item-column-gap);
3605
3784
  }
3606
- .RadioButton-module_radioButton__rJ-J1 {
3607
- position: relative;
3608
- display: inline-flex;
3609
- align-items: center;
3610
- justify-content: flex-start;
3611
- gap: var(--radio-button-row-gap) var(--radio-button-column-gap);
3612
- height: var(--radio-button-height);
3613
- width: var(--radio-button-width);
3614
- min-width: var(--radio-button-min-width);
3615
- min-height: var(--radio-button-min-height);
3616
- max-width: var(--radio-button-max-width);
3617
- max-height: var(--radio-button-max-height);
3618
- cursor: pointer;
3619
- outline: none;
3620
- border-top-width: var(--radio-button-border-top-width);
3621
- border-right-width: var(--radio-button-border-right-width);
3622
- border-bottom-width: var(--radio-button-border-bottom-width);
3623
- border-left-width: var(--radio-button-border-left-width);
3624
- border-style: var(--radio-button-border-style);
3625
- border-color: var(--radio-button-border-color);
3626
- border-top-left-radius: var(--radio-button-border-top-left-radius);
3627
- border-top-right-radius: var(--radio-button-border-top-right-radius);
3628
- border-bottom-left-radius: var(--radio-button-border-bottom-left-radius);
3629
- border-bottom-right-radius: var(--radio-button-border-bottom-right-radius);
3630
- padding-top: var(--radio-button-padding-top);
3631
- padding-right: var(--radio-button-padding-right);
3632
- padding-bottom: var(--radio-button-padding-bottom);
3633
- padding-left: var(--radio-button-padding-left);
3634
- background-color: var(--radio-button-background-color);
3635
- color: var(--radio-button-color);
3636
- font-family: var(--radio-button-font-family);
3637
- font-size: var(--radio-button-font-size);
3638
- font-weight: var(--radio-button-font-weight);
3639
- letter-spacing: var(--radio-button-letter-spacing);
3640
- line-height: var(--radio-button-line-height);
3641
- }
3642
- .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO {
3643
- position: absolute;
3644
- opacity: 0;
3645
- width: 0px;
3646
- height: 0px;
3647
- margin: 0;
3648
- cursor: pointer;
3649
- }
3650
- .RadioButton-module_radioButton__rJ-J1.RadioButton-module_disabled__Zorag {
3651
- cursor: not-allowed;
3652
- }
3653
- .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_iconWrapper__4e-9q {
3654
- position: relative;
3655
- display: inline-flex;
3656
- align-items: center;
3657
- justify-content: center;
3658
- width: var(--radio-button-ring-wrapper-width);
3659
- height: var(--radio-button-ring-wrapper-height);
3660
- border-top-width: 0px;
3661
- border-top-width: var(--radio-button-ring-wrapper-border-top-width, 0px);
3662
- border-right-width: 0px;
3663
- border-right-width: var(--radio-button-ring-wrapper-border-right-width, 0px);
3664
- border-bottom-width: 0px;
3665
- border-bottom-width: var(--radio-button-ring-wrapper-border-bottom-width, 0px);
3666
- border-left-width: 0px;
3667
- border-left-width: var(--radio-button-ring-wrapper-border-left-width, 0px);
3668
- border-style: solid;
3669
- border-style: var(--radio-button-ring-wrapper-border-style, solid);
3670
- border-color: transparent;
3671
- border-color: var(--radio-button-ring-wrapper-border-color, transparent);
3672
- transition: all 0.2s ease-in-out;
3673
- }
3674
- .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO {
3675
- position: relative;
3676
- display: inline-flex;
3677
- align-items: center;
3678
- justify-content: center;
3679
- width: 100%;
3680
- width: var(--radio-button-ring-width, 100%);
3681
- height: 100%;
3682
- height: var(--radio-button-ring-height, 100%);
3683
- border-radius: 50%;
3684
- background-color: var(--radio-button-ring-background-color);
3685
- transition: all 0.2s ease-in-out;
3686
- cursor: pointer;
3687
- }
3688
- .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO::before {
3689
- content: "";
3690
- position: absolute;
3691
- top: 50%;
3692
- left: 50%;
3693
- width: 80%;
3694
- height: 80%;
3695
- transform: translate(-50%, -50%);
3696
- border-top-width: var(--radio-button-ring-border-top-width);
3697
- border-right-width: var(--radio-button-ring-border-right-width);
3698
- border-bottom-width: var(--radio-button-ring-border-bottom-width);
3699
- border-left-width: var(--radio-button-ring-border-left-width);
3700
- border-style: solid;
3701
- border-style: var(--radio-button-ring-border-style, solid);
3702
- border-color: var(--radio-button-ring-border-color);
3703
- border-radius: 50%;
3704
- transition: all 0.2s ease-in-out;
3705
- }
3706
- .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO .RadioButton-module_dot__nQVRU {
3707
- position: absolute;
3708
- top: 50%;
3709
- left: 50%;
3710
- transform: translate(-50%, -50%) scale(0);
3711
- width: var(--radio-button-dot-width);
3712
- height: var(--radio-button-dot-height);
3713
- background-color: var(--radio-button-dot-background-color);
3714
- border-radius: 50%;
3715
- transition: transform 0.2s ease-in-out;
3716
- }
3717
- .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:checked + .RadioButton-module_iconWrapper__4e-9q .RadioButton-module_radio__BeUQO {
3718
- border-color: var(--radio-button-ring-border-color);
3719
- }
3720
- .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:checked + .RadioButton-module_iconWrapper__4e-9q .RadioButton-module_radio__BeUQO .RadioButton-module_dot__nQVRU {
3721
- transform: translate(-50%, -50%) scale(1);
3722
- background-color: var(--radio-button-dot-background-color);
3723
- width: var(--radio-button-dot-width);
3724
- height: var(--radio-button-dot-height);
3725
- border-radius: 50%;
3726
- opacity: 1;
3727
- }
3728
- .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:focus-visible + .RadioButton-module_radio__BeUQO::before {
3729
- border-color: var(--radio-button-ring-border-color);
3730
- }
3731
- .RadioButton-module_radioButton__rJ-J1.RadioButton-module_labelLeft__gsYcf {
3732
- flex-direction: row-reverse;
3733
- justify-content: flex-end;
3734
- }
3735
- .RadioButton-module_radioButton__rJ-J1.RadioButton-module_labelRight__mo9H8 {
3736
- flex-direction: row;
3737
- justify-content: flex-start;
3738
- }
3739
- .RadioButtonItem-module_radioButtonItem__YF8qk {
3740
- position: relative;
3741
- display: inline-flex;
3742
- align-items: center;
3743
- justify-content: flex-start;
3744
- width: var(--radio-button-item-width);
3745
- height: var(--radio-button-item-height);
3746
- min-height: var(--radio-button-item-min-height);
3747
- min-width: var(--radio-button-item-min-width);
3748
- cursor: pointer;
3749
- color: var(--radio-button-item-text-color);
3750
- font-family: var(--radio-button-item-font-family);
3751
- font-size: var(--radio-button-item-font-size);
3752
- font-weight: var(--radio-button-item-font-weight);
3753
- letter-spacing: var(--radio-button-item-letter-spacing);
3754
- line-height: var(--radio-button-item-line-height);
3755
- background-color: var(--radio-button-item-background-color);
3756
- border-top-width: var(--radio-button-item-top-border-width);
3757
- border-right-width: var(--radio-button-item-right-border-width);
3758
- border-bottom-width: var(--radio-button-item-bottom-border-width);
3759
- border-left-width: var(--radio-button-item-left-border-width);
3760
- border-style: var(--radio-button-item-border-style);
3761
- border-color: var(--radio-button-item-border-color);
3762
- border-top-left-radius: var(--radio-button-item-border-top-left-radius);
3763
- border-top-right-radius: var(--radio-button-item-border-top-right-radius);
3764
- border-bottom-left-radius: var(--radio-button-item-border-bottom-left-radius);
3765
- border-bottom-right-radius: var(--radio-button-item-border-bottom-right-radius);
3766
- padding-top: var(--radio-button-item-top-padding);
3767
- padding-right: var(--radio-button-item-right-padding);
3768
- padding-bottom: var(--radio-button-item-bottom-padding);
3769
- padding-left: var(--radio-button-item-left-padding);
3770
- }
3771
- .RadioButtonItem-module_radioButtonItem__YF8qk.RadioButtonItem-module_disabled__0hvhJ {
3772
- cursor: not-allowed;
3773
- }
3774
- .RadioButtonItem-module_radioButtonItem__YF8qk.RadioButtonItem-module_hasRightButton__4uBKQ {
3775
- padding-right: 8px;
3776
- }
3777
- .RadioButtonItem-module_radioButtonItem__YF8qk .RadioButtonItem-module_rightButton__5BQVK {
3778
- margin-left: 8px;
3779
- }
3780
- .RadioButtonItem-module_radioButtonItem__YF8qk .RadioButtonItem-module_rightButton__5BQVK:disabled {
3781
- opacity: 0.5;
3782
- }
3783
- .RadioButtonItem-module_radioButtonItem__YF8qk [component-variant^=radio-button-selected],
3784
- .RadioButtonItem-module_radioButtonItem__YF8qk [component-variant^=radio-button-indeterminate] {
3785
- --radio-button-dot-color: var(--radio-button-item-radio-dot-color);
3786
- --radio-button-ring-background: var(--radio-button-item-radio-ring-background);
3787
- --radio-button-ring-border-color: var(--radio-button-item-radio-ring-border-color);
3788
- }
3789
3785
  .Dropzone-module_dropzone__4uDyI {
3790
3786
  width: var(--dropzone-width);
3791
3787
  }
@@ -4261,35 +4257,83 @@ span.flatpickr-weekday {
4261
4257
  .TabItem-module_tabItem__--dM- {
4262
4258
  --button-content-justify-content: center;
4263
4259
  display: flex;
4260
+ flex-direction: column;
4261
+ justify-content: center;
4262
+ align-items: center;
4263
+ height: var(--tab-item-height);
4264
+ min-height: var(--tab-item-min-height);
4265
+ max-height: var(--tab-item-max-height);
4266
+ width: var(--tab-item-width);
4267
+ min-width: var(--tab-item-min-width);
4268
+ max-width: var(--tab-item-max-width);
4269
+ padding-top: calc(var(--tab-item-padding-top) - var(--tab-item-border-top-width));
4270
+ padding-bottom: calc(var(--tab-item-padding-bottom) - var(--tab-item-border-bottom-width));
4271
+ padding-left: calc(var(--tab-item-padding-left) - var(--tab-item-border-left-width));
4272
+ padding-right: calc(var(--tab-item-padding-right) - var(--tab-item-border-right-width));
4273
+ row-gap: var(--tab-item-row-gap);
4274
+ -moz-column-gap: var(--tab-item-column-gap);
4275
+ column-gap: var(--tab-item-column-gap);
4276
+ border-bottom-width: var(--tab-item-border-bottom-width);
4277
+ border-left-width: var(--tab-item-border-left-width);
4278
+ border-right-width: var(--tab-item-border-right-width);
4279
+ border-top-width: var(--tab-item-border-top-width);
4280
+ border-style: var(--tab-item-border-style);
4281
+ border-color: var(--tab-item-border-color);
4282
+ border-top-left-radius: var(--tab-item-border-top-left-radius);
4283
+ border-top-right-radius: var(--tab-item-border-top-right-radius);
4284
+ border-bottom-right-radius: var(--tab-item-border-bottom-right-radius);
4285
+ border-bottom-left-radius: var(--tab-item-border-bottom-left-radius);
4286
+ outline-width: var(--tab-item-outline-width);
4287
+ outline-style: var(--tab-item-outline-style);
4288
+ outline-color: var(--tab-item-outline-color);
4289
+ background-color: var(--tab-item-background-color);
4290
+ font-family: var(--tab-item-font-family);
4291
+ font-size: var(--tab-item-font-size);
4292
+ font-weight: var(--tab-item-font-weight);
4293
+ line-height: var(--tab-item-line-height);
4294
+ color: var(--tab-item-color);
4295
+ }
4296
+ .TabItem-module_tabItem__--dM- .TabItem-module_contentContainer__hESs0 {
4297
+ display: flex;
4298
+ flex-direction: row;
4264
4299
  justify-content: center;
4265
4300
  align-items: center;
4266
- --button-height: var(--tab-item-height);
4267
- --button-min-height: var(--tab-item-min-height);
4268
- --button-max-height: var(--tab-item-max-height);
4269
- --button-width: var(--tab-item-width);
4270
- --button-min-width: var(--tab-item-min-width);
4271
- --button-max-width: var(--tab-item-max-width);
4272
- --button-padding-top: calc(var(--tab-item-padding-top) - var(--tab-item-border-top-width));
4273
- --button-padding-bottom: calc(var(--tab-item-padding-bottom) - var(--tab-item-border-bottom-width));
4274
- --button-padding-left: calc(var(--tab-item-padding-left) - var(--tab-item-border-left-width));
4275
- --button-padding-right: calc(var(--tab-item-padding-right) - var(--tab-item-border-right-width));
4276
- --button-row-gap: var(--tab-item-row-gap);
4277
- --button-column-gap: var(--tab-item-column-gap);
4278
- --button-border-bottom-width: var(--tab-item-border-bottom-width);
4279
- --button-border-left-width: var(--tab-item-border-left-width);
4280
- --button-border-right-width: var(--tab-item-border-right-width);
4281
- --button-border-top-width: var(--tab-item-border-top-width);
4282
- --button-border-style: var(--tab-item-border-style);
4283
- --button-border-color: var(--tab-item-border-color);
4284
- --button-border-top-left-radius: var(--tab-item-border-top-left-radius);
4285
- --button-border-top-right-radius: var(--tab-item-border-top-right-radius);
4286
- --button-border-bottom-right-radius: var(--tab-item-border-bottom-right-radius);
4287
- --button-border-bottom-left-radius: var(--tab-item-border-bottom-left-radius);
4288
- --button-outline-width: var(--tab-item-outline-width);
4289
- --button-outline-style: var(--tab-item-outline-style);
4290
- --button-outline-color: var(--tab-item-outline-color);
4291
- --button-background-color: var(--tab-item-background-color);
4292
- --button-color: var(--tab-item-color);
4301
+ height: var(--tab-item-wrapper-height);
4302
+ min-height: var(--tab-item-wrapper-min-height);
4303
+ max-height: var(--tab-item-wrapper-max-height);
4304
+ width: var(--tab-item-wrapper-width);
4305
+ min-width: var(--tab-item-wrapper-min-width);
4306
+ max-width: var(--tab-item-wrapper-max-width);
4307
+ padding-top: calc(var(--tab-item-wrapper-padding-top) - 0px);
4308
+ padding-top: calc(var(--tab-item-wrapper-padding-top) - var(--tab-item-wrapper-border-top-width, 0px));
4309
+ padding-bottom: calc(var(--tab-item-wrapper-padding-bottom) - 0px);
4310
+ padding-bottom: calc(var(--tab-item-wrapper-padding-bottom) - var(--tab-item-wrapper-border-bottom-width, 0px));
4311
+ padding-left: calc(var(--tab-item-wrapper-padding-left) - 0px);
4312
+ padding-left: calc(var(--tab-item-wrapper-padding-left) - var(--tab-item-wrapper-border-left-width, 0px));
4313
+ padding-right: calc(var(--tab-item-wrapper-padding-right) - 0px);
4314
+ padding-right: calc(var(--tab-item-wrapper-padding-right) - var(--tab-item-wrapper-border-right-width, 0px));
4315
+ row-gap: var(--tab-item-wrapper-row-gap);
4316
+ -moz-column-gap: var(--tab-item-wrapper-column-gap);
4317
+ column-gap: var(--tab-item-wrapper-column-gap);
4318
+ border-bottom-width: var(--tab-item-wrapper-border-bottom-width);
4319
+ border-left-width: var(--tab-item-wrapper-border-left-width);
4320
+ border-right-width: var(--tab-item-wrapper-border-right-width);
4321
+ border-top-width: var(--tab-item-wrapper-border-top-width);
4322
+ border-style: var(--tab-item-wrapper-border-style);
4323
+ border-color: var(--tab-item-wrapper-border-color);
4324
+ border-top-left-radius: var(--button-border-top-left-radius);
4325
+ border-top-right-radius: var(--tab-item-wrapper-border-top-right-radius);
4326
+ border-bottom-right-radius: var(--tab-item-wrapper-border-bottom-right-radius);
4327
+ border-bottom-left-radius: var(--tab-item-wrapper-border-bottom-left-radius);
4328
+ outline-width: var(--tab-item-wrapper-outline-width);
4329
+ outline-style: var(--tab-item-wrapper-outline-style);
4330
+ outline-color: var(--tab-item-wrapper-outline-color);
4331
+ background-color: var(--tab-item-wrapper-background-color);
4332
+ }
4333
+ .TabItem-module_tabItem__--dM- .TabItem-module_underline__MVnHi {
4334
+ width: var(--tab-item-underline-width);
4335
+ height: var(--tab-item-underline-height);
4336
+ background-color: var(--tab-item-underline-background-color);
4293
4337
  }
4294
4338
  .TabContent-module_tabContent__3-qqV {
4295
4339
  display: flex;
@@ -26545,7 +26589,7 @@ span.flatpickr-weekday {
26545
26589
  --dropzone-content-paragraph-spacing: 0px;
26546
26590
  --dropzone-content-paragraph-indent: 0px
26547
26591
  }
26548
- [data-theme='dark'] [component-variant^="tab-item-"], [data-theme='light'] [component-variant^="tab-item-"] {
26592
+ [data-theme='custom'] [component-variant^="tab-item-"], [data-theme='dark'] [component-variant^="tab-item-"], [data-theme='light'] [component-variant^="tab-item-"] {
26549
26593
  --tab-item-opacity: 1;
26550
26594
  --tab-item-height: auto;
26551
26595
  --tab-item-min-height: auto;
@@ -26584,7 +26628,7 @@ span.flatpickr-weekday {
26584
26628
  --tab-item-paragraph-spacing: ;
26585
26629
  --tab-item-paragraph-indent:
26586
26630
  }
26587
- [data-theme='dark'] [component-variant="tab-item-filled-selected"], [data-theme='light'] [component-variant="tab-item-filled-selected"] {
26631
+ [data-theme='custom'] [component-variant="tab-item-filled-selected"], [data-theme='dark'] [component-variant="tab-item-filled-selected"], [data-theme='light'] [component-variant="tab-item-filled-selected"] {
26588
26632
  --tab-item-width: 100%;
26589
26633
  --tab-item-background-color: var(--interactive-surface-secondary-hover);
26590
26634
  --tab-item-color: var(--text-primary);
@@ -26605,7 +26649,7 @@ span.flatpickr-weekday {
26605
26649
  --tab-item-paragraph-spacing: 0px;
26606
26650
  --tab-item-paragraph-indent: 0px
26607
26651
  }
26608
- [data-theme='dark'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]) {
26652
+ [data-theme='custom'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]) {
26609
26653
  --tab-item-width: 100%;
26610
26654
  --tab-item-background-color: var(--interactive-surface-secondary-hover);
26611
26655
  --tab-item-color: var(--text-primary);
@@ -26626,7 +26670,7 @@ span.flatpickr-weekday {
26626
26670
  --tab-item-paragraph-spacing: 0px;
26627
26671
  --tab-item-paragraph-indent: 0px
26628
26672
  }
26629
- [data-theme='dark'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]) {
26673
+ [data-theme='custom'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]) {
26630
26674
  --tab-item-width: 100%;
26631
26675
  --tab-item-background-color: var(--interactive-surface-secondary-hover);
26632
26676
  --tab-item-color: var(--text-primary);
@@ -26647,7 +26691,7 @@ span.flatpickr-weekday {
26647
26691
  --tab-item-paragraph-spacing: 0px;
26648
26692
  --tab-item-paragraph-indent: 0px
26649
26693
  }
26650
- [data-theme='dark'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]) {
26694
+ [data-theme='custom'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]) {
26651
26695
  --tab-item-width: 100%;
26652
26696
  --tab-item-background-color: var(--interactive-surface-secondary-hover);
26653
26697
  --tab-item-color: var(--text-primary);
@@ -26673,7 +26717,7 @@ span.flatpickr-weekday {
26673
26717
  --tab-item-paragraph-spacing: 0px;
26674
26718
  --tab-item-paragraph-indent: 0px
26675
26719
  }
26676
- [data-theme='dark'] [component-variant="tab-item-filled-unselected"], [data-theme='light'] [component-variant="tab-item-filled-unselected"] {
26720
+ [data-theme='custom'] [component-variant="tab-item-filled-unselected"], [data-theme='dark'] [component-variant="tab-item-filled-unselected"], [data-theme='light'] [component-variant="tab-item-filled-unselected"] {
26677
26721
  --tab-item-width: 100%;
26678
26722
  --tab-item-background-color: var(--colours-grey-900);
26679
26723
  --tab-item-color: var(--text-primary);
@@ -26694,7 +26738,7 @@ span.flatpickr-weekday {
26694
26738
  --tab-item-paragraph-spacing: 0px;
26695
26739
  --tab-item-paragraph-indent: 0px
26696
26740
  }
26697
- [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]) {
26741
+ [data-theme='custom'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]) {
26698
26742
  --tab-item-width: 100%;
26699
26743
  --tab-item-background-color: var(--colours-grey-700);
26700
26744
  --tab-item-color: var(--text-primary);
@@ -26715,7 +26759,7 @@ span.flatpickr-weekday {
26715
26759
  --tab-item-paragraph-spacing: 0px;
26716
26760
  --tab-item-paragraph-indent: 0px
26717
26761
  }
26718
- [data-theme='dark'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]) {
26762
+ [data-theme='custom'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]) {
26719
26763
  --tab-item-width: 100%;
26720
26764
  --tab-item-background-color: var(--colours-grey-700);
26721
26765
  --tab-item-color: var(--text-primary);
@@ -26736,7 +26780,7 @@ span.flatpickr-weekday {
26736
26780
  --tab-item-paragraph-spacing: 0px;
26737
26781
  --tab-item-paragraph-indent: 0px
26738
26782
  }
26739
- [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]) {
26783
+ [data-theme='custom'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]) {
26740
26784
  --tab-item-width: 100%;
26741
26785
  --tab-item-background-color: var(--colours-grey-700);
26742
26786
  --tab-item-color: var(--text-primary);
@@ -26762,13 +26806,11 @@ span.flatpickr-weekday {
26762
26806
  --tab-item-paragraph-spacing: 0px;
26763
26807
  --tab-item-paragraph-indent: 0px
26764
26808
  }
26765
- [data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
26809
+ [data-theme='custom'] [component-variant="tab-item-underlined-selected"], [data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
26766
26810
  --tab-item-color: var(--text-primary);
26767
- --tab-item-border-color: var(--colours-purple-500);
26768
- --tab-item-border-bottom-width: 2px;
26769
26811
  --tab-item-padding-top: var(--spacing-space-5);
26770
- --tab-item-row-gap: var(--spacing-space-5);
26771
- --tab-item-column-gap: var(--spacing-space-5);
26812
+ --tab-item-row-gap: var(--spacing-space-4);
26813
+ --tab-item-column-gap: var(--spacing-space-4);
26772
26814
  --tab-item-font-family: var(--font-family-body);
26773
26815
  --tab-item-font-size: var(--font-size-body-small);
26774
26816
  --tab-item-font-weight: var(--font-weight-medium);
@@ -26777,11 +26819,11 @@ span.flatpickr-weekday {
26777
26819
  --tab-item-paragraph-indent: 0px;
26778
26820
  --tab-item-width: 100%
26779
26821
  }
26780
- [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]) {
26822
+ [data-theme='custom'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]) {
26781
26823
  --tab-item-color: var(--text-primary);
26782
26824
  --tab-item-padding-top: var(--spacing-space-5);
26783
- --tab-item-row-gap: var(--spacing-space-5);
26784
- --tab-item-column-gap: var(--spacing-space-5);
26825
+ --tab-item-row-gap: var(--spacing-space-4);
26826
+ --tab-item-column-gap: var(--spacing-space-4);
26785
26827
  --tab-item-font-family: var(--font-family-body);
26786
26828
  --tab-item-font-size: var(--font-size-body-small);
26787
26829
  --tab-item-font-weight: var(--font-weight-medium);
@@ -26790,11 +26832,11 @@ span.flatpickr-weekday {
26790
26832
  --tab-item-paragraph-indent: 0px;
26791
26833
  --tab-item-width: 100%
26792
26834
  }
26793
- [data-theme='dark'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]) {
26835
+ [data-theme='custom'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]) {
26794
26836
  --tab-item-color: var(--text-primary);
26795
26837
  --tab-item-padding-top: var(--spacing-space-5);
26796
- --tab-item-row-gap: var(--spacing-space-5);
26797
- --tab-item-column-gap: var(--spacing-space-5);
26838
+ --tab-item-row-gap: var(--spacing-space-4);
26839
+ --tab-item-column-gap: var(--spacing-space-4);
26798
26840
  --tab-item-font-family: var(--font-family-body);
26799
26841
  --tab-item-font-size: var(--font-size-body-small);
26800
26842
  --tab-item-font-weight: var(--font-weight-medium);
@@ -26803,31 +26845,29 @@ span.flatpickr-weekday {
26803
26845
  --tab-item-paragraph-indent: 0px;
26804
26846
  --tab-item-width: 100%
26805
26847
  }
26806
- [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]) {
26848
+ [data-theme='custom'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]) {
26807
26849
  --tab-item-color: var(--text-primary);
26808
26850
  --tab-item-border-color: var(--border-border-grey-1);
26809
26851
  --tab-item-border-top-width: 2px;
26810
26852
  --tab-item-border-right-width: 2px;
26811
26853
  --tab-item-border-bottom-width: 2px;
26812
26854
  --tab-item-border-left-width: 2px;
26813
- --tab-item-padding-left: var(--spacing-space-3);
26814
- --tab-item-padding-right: var(--spacing-space-3);
26815
- --tab-item-row-gap: var(--spacing-space-5);
26816
- --tab-item-column-gap: var(--spacing-space-5);
26855
+ --tab-item-padding-top: var(--spacing-space-5);
26856
+ --tab-item-padding-bottom: var(--spacing-space-5);
26857
+ --tab-item-row-gap: var(--spacing-space-4);
26858
+ --tab-item-column-gap: var(--spacing-space-4);
26817
26859
  --tab-item-font-family: var(--font-family-body);
26818
26860
  --tab-item-font-size: var(--font-size-body-small);
26819
26861
  --tab-item-font-weight: var(--font-weight-medium);
26820
26862
  --tab-item-line-height: var(--line-height-body-small);
26821
26863
  --tab-item-paragraph-spacing: 0px;
26822
26864
  --tab-item-paragraph-indent: 0px;
26823
- --tab-item-height: 34px;
26824
26865
  --tab-item-width: 100%
26825
26866
  }
26826
- [data-theme='dark'] [component-variant="tab-item-underlined-unselected"], [data-theme='light'] [component-variant="tab-item-underlined-unselected"] {
26827
- --tab-item-height: 34px;
26867
+ [data-theme='custom'] [component-variant="tab-item-underlined-unselected"], [data-theme='dark'] [component-variant="tab-item-underlined-unselected"], [data-theme='light'] [component-variant="tab-item-underlined-unselected"] {
26828
26868
  --tab-item-color: var(--text-secondary);
26829
- --tab-item-padding-left: var(--spacing-space-3);
26830
- --tab-item-padding-right: var(--spacing-space-3);
26869
+ --tab-item-padding-top: var(--spacing-space-5);
26870
+ --tab-item-padding-bottom: var(--spacing-space-5);
26831
26871
  --tab-item-row-gap: var(--spacing-space-5);
26832
26872
  --tab-item-column-gap: var(--spacing-space-5);
26833
26873
  --tab-item-font-family: var(--font-family-body);
@@ -26838,11 +26878,10 @@ span.flatpickr-weekday {
26838
26878
  --tab-item-paragraph-indent: 0px;
26839
26879
  --tab-item-width: 100%
26840
26880
  }
26841
- [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]) {
26842
- --tab-item-height: 34px;
26881
+ [data-theme='custom'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]) {
26843
26882
  --tab-item-color: var(--text-primary);
26844
- --tab-item-padding-left: var(--spacing-space-3);
26845
- --tab-item-padding-right: var(--spacing-space-3);
26883
+ --tab-item-padding-top: var(--spacing-space-5);
26884
+ --tab-item-padding-bottom: var(--spacing-space-5);
26846
26885
  --tab-item-row-gap: var(--spacing-space-5);
26847
26886
  --tab-item-column-gap: var(--spacing-space-5);
26848
26887
  --tab-item-font-family: var(--font-family-body);
@@ -26853,11 +26892,10 @@ span.flatpickr-weekday {
26853
26892
  --tab-item-paragraph-indent: 0px;
26854
26893
  --tab-item-width: 100%
26855
26894
  }
26856
- [data-theme='dark'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]) {
26857
- --tab-item-height: 34px;
26895
+ [data-theme='custom'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]) {
26858
26896
  --tab-item-color: var(--text-primary);
26859
- --tab-item-padding-left: var(--spacing-space-3);
26860
- --tab-item-padding-right: var(--spacing-space-3);
26897
+ --tab-item-padding-top: var(--spacing-space-5);
26898
+ --tab-item-padding-bottom: var(--spacing-space-5);
26861
26899
  --tab-item-row-gap: var(--spacing-space-5);
26862
26900
  --tab-item-column-gap: var(--spacing-space-5);
26863
26901
  --tab-item-font-family: var(--font-family-body);
@@ -26868,16 +26906,15 @@ span.flatpickr-weekday {
26868
26906
  --tab-item-paragraph-indent: 0px;
26869
26907
  --tab-item-width: 100%
26870
26908
  }
26871
- [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]) {
26872
- --tab-item-height: 34px;
26909
+ [data-theme='custom'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]) {
26873
26910
  --tab-item-color: var(--text-primary);
26874
26911
  --tab-item-border-color: var(--border-border-grey-1);
26875
26912
  --tab-item-border-top-width: 1px;
26876
26913
  --tab-item-border-right-width: 1px;
26877
26914
  --tab-item-border-bottom-width: 1px;
26878
26915
  --tab-item-border-left-width: 1px;
26879
- --tab-item-padding-left: var(--spacing-space-3);
26880
- --tab-item-padding-right: var(--spacing-space-3);
26916
+ --tab-item-padding-top: var(--spacing-space-5);
26917
+ --tab-item-padding-bottom: var(--spacing-space-5);
26881
26918
  --tab-item-row-gap: var(--spacing-space-5);
26882
26919
  --tab-item-column-gap: var(--spacing-space-5);
26883
26920
  --tab-item-font-family: var(--font-family-body);
@@ -26888,6 +26925,206 @@ span.flatpickr-weekday {
26888
26925
  --tab-item-paragraph-indent: 0px;
26889
26926
  --tab-item-width: 100%
26890
26927
  }
26928
+ [data-theme='custom'] [component-variant="tab-item-filled-selected"], [data-theme='dark'] [component-variant="tab-item-filled-selected"], [data-theme='light'] [component-variant="tab-item-filled-selected"] {
26929
+ --tab-item-wrapper-row-gap: 8px;
26930
+ --tab-item-wrapper-column-gap: 8px;
26931
+ --tab-item-wrapper-font-family: sans-sarif;
26932
+ --tab-item-wrapper-font-size: initial;
26933
+ --tab-item-wrapper-font-weight: regular;
26934
+ --tab-item-wrapper-paragraph-spacing: 0px;
26935
+ --tab-item-wrapper-paragraph-indent: 0px
26936
+ }
26937
+ [data-theme='custom'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]) {
26938
+ --tab-item-wrapper-row-gap: 8px;
26939
+ --tab-item-wrapper-column-gap: 8px;
26940
+ --tab-item-wrapper-font-family: sans-sarif;
26941
+ --tab-item-wrapper-font-size: initial;
26942
+ --tab-item-wrapper-font-weight: regular;
26943
+ --tab-item-wrapper-paragraph-spacing: 0px;
26944
+ --tab-item-wrapper-paragraph-indent: 0px
26945
+ }
26946
+ [data-theme='custom'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]) {
26947
+ --tab-item-wrapper-row-gap: 8px;
26948
+ --tab-item-wrapper-column-gap: 8px;
26949
+ --tab-item-wrapper-font-family: sans-sarif;
26950
+ --tab-item-wrapper-font-size: initial;
26951
+ --tab-item-wrapper-font-weight: regular;
26952
+ --tab-item-wrapper-paragraph-spacing: 0px;
26953
+ --tab-item-wrapper-paragraph-indent: 0px
26954
+ }
26955
+ [data-theme='custom'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]) {
26956
+ --tab-item-wrapper-row-gap: 8px;
26957
+ --tab-item-wrapper-column-gap: 8px;
26958
+ --tab-item-wrapper-font-family: sans-sarif;
26959
+ --tab-item-wrapper-font-size: initial;
26960
+ --tab-item-wrapper-font-weight: regular;
26961
+ --tab-item-wrapper-paragraph-spacing: 0px;
26962
+ --tab-item-wrapper-paragraph-indent: 0px
26963
+ }
26964
+ [data-theme='custom'] [component-variant="tab-item-filled-unselected"], [data-theme='dark'] [component-variant="tab-item-filled-unselected"], [data-theme='light'] [component-variant="tab-item-filled-unselected"] {
26965
+ --tab-item-wrapper-row-gap: 8px;
26966
+ --tab-item-wrapper-column-gap: 8px;
26967
+ --tab-item-wrapper-font-family: sans-sarif;
26968
+ --tab-item-wrapper-font-size: initial;
26969
+ --tab-item-wrapper-font-weight: regular;
26970
+ --tab-item-wrapper-paragraph-spacing: 0px;
26971
+ --tab-item-wrapper-paragraph-indent: 0px
26972
+ }
26973
+ [data-theme='custom'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]) {
26974
+ --tab-item-wrapper-row-gap: 8px;
26975
+ --tab-item-wrapper-column-gap: 8px;
26976
+ --tab-item-wrapper-font-family: sans-sarif;
26977
+ --tab-item-wrapper-font-size: initial;
26978
+ --tab-item-wrapper-font-weight: regular;
26979
+ --tab-item-wrapper-paragraph-spacing: 0px;
26980
+ --tab-item-wrapper-paragraph-indent: 0px
26981
+ }
26982
+ [data-theme='custom'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]) {
26983
+ --tab-item-wrapper-row-gap: 8px;
26984
+ --tab-item-wrapper-column-gap: 8px;
26985
+ --tab-item-wrapper-font-family: sans-sarif;
26986
+ --tab-item-wrapper-font-size: initial;
26987
+ --tab-item-wrapper-font-weight: regular;
26988
+ --tab-item-wrapper-paragraph-spacing: 0px;
26989
+ --tab-item-wrapper-paragraph-indent: 0px
26990
+ }
26991
+ [data-theme='custom'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]) {
26992
+ --tab-item-wrapper-row-gap: 8px;
26993
+ --tab-item-wrapper-column-gap: 8px;
26994
+ --tab-item-wrapper-font-family: sans-sarif;
26995
+ --tab-item-wrapper-font-size: initial;
26996
+ --tab-item-wrapper-font-weight: regular;
26997
+ --tab-item-wrapper-paragraph-spacing: 0px;
26998
+ --tab-item-wrapper-paragraph-indent: 0px
26999
+ }
27000
+ [data-theme='custom'] [component-variant="tab-item-underlined-selected"], [data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
27001
+ --tab-item-wrapper-padding-left: var(--spacing-space-3);
27002
+ --tab-item-wrapper-padding-right: var(--spacing-space-3);
27003
+ --tab-item-wrapper-row-gap: 8px;
27004
+ --tab-item-wrapper-column-gap: 8px;
27005
+ --tab-item-wrapper-font-family: sans-sarif;
27006
+ --tab-item-wrapper-font-size: initial;
27007
+ --tab-item-wrapper-font-weight: regular;
27008
+ --tab-item-wrapper-paragraph-spacing: 0px;
27009
+ --tab-item-wrapper-paragraph-indent: 0px
27010
+ }
27011
+ [data-theme='custom'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]) {
27012
+ --tab-item-wrapper-padding-left: var(--spacing-space-3);
27013
+ --tab-item-wrapper-padding-right: var(--spacing-space-3);
27014
+ --tab-item-wrapper-row-gap: 8px;
27015
+ --tab-item-wrapper-column-gap: 8px;
27016
+ --tab-item-wrapper-font-family: sans-sarif;
27017
+ --tab-item-wrapper-font-size: initial;
27018
+ --tab-item-wrapper-font-weight: regular;
27019
+ --tab-item-wrapper-paragraph-spacing: 0px;
27020
+ --tab-item-wrapper-paragraph-indent: 0px
27021
+ }
27022
+ [data-theme='custom'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]) {
27023
+ --tab-item-wrapper-padding-left: var(--spacing-space-3);
27024
+ --tab-item-wrapper-padding-right: var(--spacing-space-3);
27025
+ --tab-item-wrapper-row-gap: 8px;
27026
+ --tab-item-wrapper-column-gap: 8px;
27027
+ --tab-item-wrapper-font-family: sans-sarif;
27028
+ --tab-item-wrapper-font-size: initial;
27029
+ --tab-item-wrapper-font-weight: regular;
27030
+ --tab-item-wrapper-paragraph-spacing: 0px;
27031
+ --tab-item-wrapper-paragraph-indent: 0px
27032
+ }
27033
+ [data-theme='custom'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]) {
27034
+ --tab-item-wrapper-padding-left: var(--spacing-space-3);
27035
+ --tab-item-wrapper-padding-right: var(--spacing-space-3);
27036
+ --tab-item-wrapper-row-gap: 8px;
27037
+ --tab-item-wrapper-column-gap: 8px;
27038
+ --tab-item-wrapper-font-family: sans-sarif;
27039
+ --tab-item-wrapper-font-size: initial;
27040
+ --tab-item-wrapper-font-weight: regular;
27041
+ --tab-item-wrapper-paragraph-spacing: 0px;
27042
+ --tab-item-wrapper-paragraph-indent: 0px
27043
+ }
27044
+ [data-theme='custom'] [component-variant="tab-item-underlined-unselected"], [data-theme='dark'] [component-variant="tab-item-underlined-unselected"], [data-theme='light'] [component-variant="tab-item-underlined-unselected"] {
27045
+ --tab-item-wrapper-row-gap: 8px;
27046
+ --tab-item-wrapper-column-gap: 8px;
27047
+ --tab-item-wrapper-font-family: sans-sarif;
27048
+ --tab-item-wrapper-font-size: initial;
27049
+ --tab-item-wrapper-font-weight: regular;
27050
+ --tab-item-wrapper-paragraph-spacing: 0px;
27051
+ --tab-item-wrapper-paragraph-indent: 0px
27052
+ }
27053
+ [data-theme='custom'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]) {
27054
+ --tab-item-wrapper-row-gap: 8px;
27055
+ --tab-item-wrapper-column-gap: 8px;
27056
+ --tab-item-wrapper-font-family: sans-sarif;
27057
+ --tab-item-wrapper-font-size: initial;
27058
+ --tab-item-wrapper-font-weight: regular;
27059
+ --tab-item-wrapper-paragraph-spacing: 0px;
27060
+ --tab-item-wrapper-paragraph-indent: 0px
27061
+ }
27062
+ [data-theme='custom'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]) {
27063
+ --tab-item-wrapper-row-gap: 8px;
27064
+ --tab-item-wrapper-column-gap: 8px;
27065
+ --tab-item-wrapper-font-family: sans-sarif;
27066
+ --tab-item-wrapper-font-size: initial;
27067
+ --tab-item-wrapper-font-weight: regular;
27068
+ --tab-item-wrapper-paragraph-spacing: 0px;
27069
+ --tab-item-wrapper-paragraph-indent: 0px
27070
+ }
27071
+ [data-theme='custom'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]) {
27072
+ --tab-item-wrapper-row-gap: 8px;
27073
+ --tab-item-wrapper-column-gap: 8px;
27074
+ --tab-item-wrapper-font-family: sans-sarif;
27075
+ --tab-item-wrapper-font-size: initial;
27076
+ --tab-item-wrapper-font-weight: regular;
27077
+ --tab-item-wrapper-paragraph-spacing: 0px;
27078
+ --tab-item-wrapper-paragraph-indent: 0px
27079
+ }
27080
+ [data-theme='custom'] [component-variant="tab-item-underlined-selected"], [data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
27081
+ --tab-item-underline-height: 2px;
27082
+ --tab-item-underline-width: 100%;
27083
+ --tab-item-underline-background-color: var(--border-primary);
27084
+ --tab-item-underline-padding-left: 10px;
27085
+ --tab-item-underline-padding-right: 10px;
27086
+ --tab-item-underline-padding-top: 10px;
27087
+ --tab-item-underline-padding-bottom: 10px;
27088
+ --tab-item-underline-row-gap: 10px;
27089
+ --tab-item-underline-column-gap: 10px;
27090
+ --tab-item-underline-font-family: sans-sarif;
27091
+ --tab-item-underline-font-size: initial;
27092
+ --tab-item-underline-font-weight: regular;
27093
+ --tab-item-underline-paragraph-spacing: 0px;
27094
+ --tab-item-underline-paragraph-indent: 0px
27095
+ }
27096
+ [data-theme='custom'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]) {
27097
+ --tab-item-underline-height: 2px;
27098
+ --tab-item-underline-width: 100%;
27099
+ --tab-item-underline-background-color: var(--border-primary);
27100
+ --tab-item-underline-padding-left: 10px;
27101
+ --tab-item-underline-padding-right: 10px;
27102
+ --tab-item-underline-padding-top: 10px;
27103
+ --tab-item-underline-padding-bottom: 10px;
27104
+ --tab-item-underline-row-gap: 10px;
27105
+ --tab-item-underline-column-gap: 10px;
27106
+ --tab-item-underline-font-family: sans-sarif;
27107
+ --tab-item-underline-font-size: initial;
27108
+ --tab-item-underline-font-weight: regular;
27109
+ --tab-item-underline-paragraph-spacing: 0px;
27110
+ --tab-item-underline-paragraph-indent: 0px
27111
+ }
27112
+ [data-theme='custom'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]) {
27113
+ --tab-item-underline-width: 100%;
27114
+ --tab-item-underline-background-color: var(--border-primary);
27115
+ --tab-item-underline-padding-left: 10px;
27116
+ --tab-item-underline-padding-right: 10px;
27117
+ --tab-item-underline-padding-top: 10px;
27118
+ --tab-item-underline-padding-bottom: 10px;
27119
+ --tab-item-underline-row-gap: 10px;
27120
+ --tab-item-underline-column-gap: 10px;
27121
+ --tab-item-underline-font-family: sans-sarif;
27122
+ --tab-item-underline-font-size: initial;
27123
+ --tab-item-underline-font-weight: regular;
27124
+ --tab-item-underline-paragraph-spacing: 0px;
27125
+ --tab-item-underline-paragraph-indent: 0px;
27126
+ --tab-item-underline-height: 2px
27127
+ }
26891
27128
  [data-theme='dark'] [component-variant^="tabs-header-"], [data-theme='light'] [component-variant^="tabs-header-"] {
26892
27129
  --tabs-header-opacity: 1;
26893
27130
  --tabs-header-height: auto;