@delightui/components 0.1.75 → 0.1.76

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 (23) hide show
  1. package/dist/cjs/components/utils/ConditionalView/ConditionalView.d.ts +3 -0
  2. package/dist/cjs/components/utils/ConditionalView/ConditionalView.types.d.ts +5 -0
  3. package/dist/cjs/components/utils/ConditionalView/index.d.ts +2 -0
  4. package/dist/cjs/components/utils/WrapTextNodes/WrapTextNodes.d.ts +6 -0
  5. package/dist/cjs/components/utils/WrapTextNodes/WrapTextNodes.types.d.ts +2 -0
  6. package/dist/cjs/components/utils/WrapTextNodes/index.d.ts +4 -0
  7. package/dist/cjs/components/utils/index.d.ts +5 -0
  8. package/dist/cjs/components/utils/utils.d.ts +16 -0
  9. package/dist/cjs/library.css +310 -69
  10. package/dist/cjs/library.js +3 -3
  11. package/dist/cjs/library.js.map +1 -1
  12. package/dist/esm/components/utils/ConditionalView/ConditionalView.d.ts +3 -0
  13. package/dist/esm/components/utils/ConditionalView/ConditionalView.types.d.ts +5 -0
  14. package/dist/esm/components/utils/ConditionalView/index.d.ts +2 -0
  15. package/dist/esm/components/utils/WrapTextNodes/WrapTextNodes.d.ts +6 -0
  16. package/dist/esm/components/utils/WrapTextNodes/WrapTextNodes.types.d.ts +2 -0
  17. package/dist/esm/components/utils/WrapTextNodes/index.d.ts +4 -0
  18. package/dist/esm/components/utils/index.d.ts +5 -0
  19. package/dist/esm/components/utils/utils.d.ts +16 -0
  20. package/dist/esm/library.css +310 -69
  21. package/dist/esm/library.js +1 -1
  22. package/dist/esm/library.js.map +1 -1
  23. package/package.json +1 -1
package/dist/cjs/components/utils/ConditionalView/ConditionalView.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { ConditionalViewProps } from "./ConditionalView.types";
2
+ declare const ConditionalView: ({ condition, children }: ConditionalViewProps) => import("react").ReactNode;
3
+ export default ConditionalView;
package/dist/cjs/components/utils/ConditionalView/ConditionalView.types.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { ReactNode } from "react";
2
+ export type ConditionalViewProps = {
3
+ condition: ReactNode | undefined;
4
+ children: ReactNode;
5
+ };
package/dist/cjs/components/utils/ConditionalView/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default as ConditionalView } from './ConditionalView';
2
+ export type { ConditionalViewProps } from './ConditionalView.types';
package/dist/cjs/components/utils/WrapTextNodes/WrapTextNodes.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ import { WrapTextNodesProps } from "./WrapTextNodes.types";
3
+ /**
4
+ * Wraps string and number children in a <Text> component.
5
+ */
6
+ export declare const WrapTextNodes: React.FC<WrapTextNodesProps>;
package/dist/cjs/components/utils/WrapTextNodes/WrapTextNodes.types.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { TextProps } from '../../atoms/Text';
2
+ export type WrapTextNodesProps = Omit<TextProps, 'className'>;
package/dist/cjs/components/utils/WrapTextNodes/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { WrapTextNodes } from './WrapTextNodes';
2
+ import type { WrapTextNodesProps } from './WrapTextNodes.types';
3
+ export { WrapTextNodes };
4
+ export type { WrapTextNodesProps };
package/dist/cjs/components/utils/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export { ConditionalView } from './ConditionalView';
2
+ export { WrapTextNodes } from './WrapTextNodes';
3
+ export * from './ConditionalView';
4
+ export * from './WrapTextNodes';
5
+ export * from './utils';
package/dist/cjs/components/utils/utils.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import { Ref, ReactNode } from 'react';
2
+ /**
3
+ * Clones valid React elements and applies additional props to them.
4
+ *
5
+ * @param children - The child nodes to process.
6
+ * @param extraProps - Additional props to be passed to valid React elements.
7
+ * @returns A ReactNode with extra props applied to valid elements, leaving others unchanged.
8
+ */
9
+ export declare const applyPropsToChildren: (children: ReactNode, extraProps?: Record<string, any>) => ReactNode;
10
+ /**
11
+ * Utility function to merge multiple refs into a single ref callback function.
12
+ *
13
+ * @param refs - Refs to be merged.
14
+ * @returns A callback function that sets the value on all merged refs.
15
+ */
16
+ export declare const mergeRefs: <T>(...refs: (Ref<T> | undefined)[]) => Ref<T>;
package/dist/cjs/library.css CHANGED
@@ -4261,35 +4261,83 @@ span.flatpickr-weekday {
4261
4261
  .TabItem-module_tabItem__--dM- {
4262
4262
  --button-content-justify-content: center;
4263
4263
  display: flex;
4264
+ flex-direction: column;
4264
4265
  justify-content: center;
4265
4266
  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);
4267
+ height: var(--tab-item-height);
4268
+ min-height: var(--tab-item-min-height);
4269
+ max-height: var(--tab-item-max-height);
4270
+ width: var(--tab-item-width);
4271
+ min-width: var(--tab-item-min-width);
4272
+ max-width: var(--tab-item-max-width);
4273
+ padding-top: calc(var(--tab-item-padding-top) - var(--tab-item-border-top-width));
4274
+ padding-bottom: calc(var(--tab-item-padding-bottom) - var(--tab-item-border-bottom-width));
4275
+ padding-left: calc(var(--tab-item-padding-left) - var(--tab-item-border-left-width));
4276
+ padding-right: calc(var(--tab-item-padding-right) - var(--tab-item-border-right-width));
4277
+ row-gap: var(--tab-item-row-gap);
4278
+ -moz-column-gap: var(--tab-item-column-gap);
4279
+ column-gap: var(--tab-item-column-gap);
4280
+ border-bottom-width: var(--tab-item-border-bottom-width);
4281
+ border-left-width: var(--tab-item-border-left-width);
4282
+ border-right-width: var(--tab-item-border-right-width);
4283
+ border-top-width: var(--tab-item-border-top-width);
4284
+ border-style: var(--tab-item-border-style);
4285
+ border-color: var(--tab-item-border-color);
4286
+ border-top-left-radius: var(--tab-item-border-top-left-radius);
4287
+ border-top-right-radius: var(--tab-item-border-top-right-radius);
4288
+ border-bottom-right-radius: var(--tab-item-border-bottom-right-radius);
4289
+ border-bottom-left-radius: var(--tab-item-border-bottom-left-radius);
4290
+ outline-width: var(--tab-item-outline-width);
4291
+ outline-style: var(--tab-item-outline-style);
4292
+ outline-color: var(--tab-item-outline-color);
4293
+ background-color: var(--tab-item-background-color);
4294
+ font-family: var(--tab-item-font-family);
4295
+ font-size: var(--tab-item-font-size);
4296
+ font-weight: var(--tab-item-font-weight);
4297
+ line-height: var(--tab-item-line-height);
4298
+ color: var(--tab-item-color);
4299
+ }
4300
+ .TabItem-module_tabItem__--dM- .TabItem-module_contentContainer__hESs0 {
4301
+ display: flex;
4302
+ flex-direction: row;
4303
+ justify-content: center;
4304
+ align-items: center;
4305
+ height: var(--tab-item-wrapper-height);
4306
+ min-height: var(--tab-item-wrapper-min-height);
4307
+ max-height: var(--tab-item-wrapper-max-height);
4308
+ width: var(--tab-item-wrapper-width);
4309
+ min-width: var(--tab-item-wrapper-min-width);
4310
+ max-width: var(--tab-item-wrapper-max-width);
4311
+ padding-top: calc(var(--tab-item-wrapper-padding-top) - 0px);
4312
+ padding-top: calc(var(--tab-item-wrapper-padding-top) - var(--tab-item-wrapper-border-top-width, 0px));
4313
+ padding-bottom: calc(var(--tab-item-wrapper-padding-bottom) - 0px);
4314
+ padding-bottom: calc(var(--tab-item-wrapper-padding-bottom) - var(--tab-item-wrapper-border-bottom-width, 0px));
4315
+ padding-left: calc(var(--tab-item-wrapper-padding-left) - 0px);
4316
+ padding-left: calc(var(--tab-item-wrapper-padding-left) - var(--tab-item-wrapper-border-left-width, 0px));
4317
+ padding-right: calc(var(--tab-item-wrapper-padding-right) - 0px);
4318
+ padding-right: calc(var(--tab-item-wrapper-padding-right) - var(--tab-item-wrapper-border-right-width, 0px));
4319
+ row-gap: var(--tab-item-wrapper-row-gap);
4320
+ -moz-column-gap: var(--tab-item-wrapper-column-gap);
4321
+ column-gap: var(--tab-item-wrapper-column-gap);
4322
+ border-bottom-width: var(--tab-item-wrapper-border-bottom-width);
4323
+ border-left-width: var(--tab-item-wrapper-border-left-width);
4324
+ border-right-width: var(--tab-item-wrapper-border-right-width);
4325
+ border-top-width: var(--tab-item-wrapper-border-top-width);
4326
+ border-style: var(--tab-item-wrapper-border-style);
4327
+ border-color: var(--tab-item-wrapper-border-color);
4328
+ border-top-left-radius: var(--button-border-top-left-radius);
4329
+ border-top-right-radius: var(--tab-item-wrapper-border-top-right-radius);
4330
+ border-bottom-right-radius: var(--tab-item-wrapper-border-bottom-right-radius);
4331
+ border-bottom-left-radius: var(--tab-item-wrapper-border-bottom-left-radius);
4332
+ outline-width: var(--tab-item-wrapper-outline-width);
4333
+ outline-style: var(--tab-item-wrapper-outline-style);
4334
+ outline-color: var(--tab-item-wrapper-outline-color);
4335
+ background-color: var(--tab-item-wrapper-background-color);
4336
+ }
4337
+ .TabItem-module_tabItem__--dM- .TabItem-module_underline__MVnHi {
4338
+ width: var(--tab-item-underline-width);
4339
+ height: var(--tab-item-underline-height);
4340
+ background-color: var(--tab-item-underline-background-color);
4293
4341
  }
4294
4342
  .TabContent-module_tabContent__3-qqV {
4295
4343
  display: flex;
@@ -26545,7 +26593,7 @@ span.flatpickr-weekday {
26545
26593
  --dropzone-content-paragraph-spacing: 0px;
26546
26594
  --dropzone-content-paragraph-indent: 0px
26547
26595
  }
26548
- [data-theme='dark'] [component-variant^="tab-item-"], [data-theme='light'] [component-variant^="tab-item-"] {
26596
+ [data-theme='custom'] [component-variant^="tab-item-"], [data-theme='dark'] [component-variant^="tab-item-"], [data-theme='light'] [component-variant^="tab-item-"] {
26549
26597
  --tab-item-opacity: 1;
26550
26598
  --tab-item-height: auto;
26551
26599
  --tab-item-min-height: auto;
@@ -26584,7 +26632,7 @@ span.flatpickr-weekday {
26584
26632
  --tab-item-paragraph-spacing: ;
26585
26633
  --tab-item-paragraph-indent:
26586
26634
  }
26587
- [data-theme='dark'] [component-variant="tab-item-filled-selected"], [data-theme='light'] [component-variant="tab-item-filled-selected"] {
26635
+ [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
26636
  --tab-item-width: 100%;
26589
26637
  --tab-item-background-color: var(--interactive-surface-secondary-hover);
26590
26638
  --tab-item-color: var(--text-primary);
@@ -26605,7 +26653,7 @@ span.flatpickr-weekday {
26605
26653
  --tab-item-paragraph-spacing: 0px;
26606
26654
  --tab-item-paragraph-indent: 0px
26607
26655
  }
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]) {
26656
+ [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
26657
  --tab-item-width: 100%;
26610
26658
  --tab-item-background-color: var(--interactive-surface-secondary-hover);
26611
26659
  --tab-item-color: var(--text-primary);
@@ -26626,7 +26674,7 @@ span.flatpickr-weekday {
26626
26674
  --tab-item-paragraph-spacing: 0px;
26627
26675
  --tab-item-paragraph-indent: 0px
26628
26676
  }
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]) {
26677
+ [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
26678
  --tab-item-width: 100%;
26631
26679
  --tab-item-background-color: var(--interactive-surface-secondary-hover);
26632
26680
  --tab-item-color: var(--text-primary);
@@ -26647,7 +26695,7 @@ span.flatpickr-weekday {
26647
26695
  --tab-item-paragraph-spacing: 0px;
26648
26696
  --tab-item-paragraph-indent: 0px
26649
26697
  }
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]) {
26698
+ [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
26699
  --tab-item-width: 100%;
26652
26700
  --tab-item-background-color: var(--interactive-surface-secondary-hover);
26653
26701
  --tab-item-color: var(--text-primary);
@@ -26673,7 +26721,7 @@ span.flatpickr-weekday {
26673
26721
  --tab-item-paragraph-spacing: 0px;
26674
26722
  --tab-item-paragraph-indent: 0px
26675
26723
  }
26676
- [data-theme='dark'] [component-variant="tab-item-filled-unselected"], [data-theme='light'] [component-variant="tab-item-filled-unselected"] {
26724
+ [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
26725
  --tab-item-width: 100%;
26678
26726
  --tab-item-background-color: var(--colours-grey-900);
26679
26727
  --tab-item-color: var(--text-primary);
@@ -26694,7 +26742,7 @@ span.flatpickr-weekday {
26694
26742
  --tab-item-paragraph-spacing: 0px;
26695
26743
  --tab-item-paragraph-indent: 0px
26696
26744
  }
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]) {
26745
+ [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
26746
  --tab-item-width: 100%;
26699
26747
  --tab-item-background-color: var(--colours-grey-700);
26700
26748
  --tab-item-color: var(--text-primary);
@@ -26715,7 +26763,7 @@ span.flatpickr-weekday {
26715
26763
  --tab-item-paragraph-spacing: 0px;
26716
26764
  --tab-item-paragraph-indent: 0px
26717
26765
  }
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]) {
26766
+ [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
26767
  --tab-item-width: 100%;
26720
26768
  --tab-item-background-color: var(--colours-grey-700);
26721
26769
  --tab-item-color: var(--text-primary);
@@ -26736,7 +26784,7 @@ span.flatpickr-weekday {
26736
26784
  --tab-item-paragraph-spacing: 0px;
26737
26785
  --tab-item-paragraph-indent: 0px
26738
26786
  }
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]) {
26787
+ [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
26788
  --tab-item-width: 100%;
26741
26789
  --tab-item-background-color: var(--colours-grey-700);
26742
26790
  --tab-item-color: var(--text-primary);
@@ -26762,13 +26810,11 @@ span.flatpickr-weekday {
26762
26810
  --tab-item-paragraph-spacing: 0px;
26763
26811
  --tab-item-paragraph-indent: 0px
26764
26812
  }
26765
- [data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
26813
+ [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
26814
  --tab-item-color: var(--text-primary);
26767
- --tab-item-border-color: var(--colours-purple-500);
26768
- --tab-item-border-bottom-width: 2px;
26769
26815
  --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);
26816
+ --tab-item-row-gap: var(--spacing-space-4);
26817
+ --tab-item-column-gap: var(--spacing-space-4);
26772
26818
  --tab-item-font-family: var(--font-family-body);
26773
26819
  --tab-item-font-size: var(--font-size-body-small);
26774
26820
  --tab-item-font-weight: var(--font-weight-medium);
@@ -26777,11 +26823,11 @@ span.flatpickr-weekday {
26777
26823
  --tab-item-paragraph-indent: 0px;
26778
26824
  --tab-item-width: 100%
26779
26825
  }
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]) {
26826
+ [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
26827
  --tab-item-color: var(--text-primary);
26782
26828
  --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);
26829
+ --tab-item-row-gap: var(--spacing-space-4);
26830
+ --tab-item-column-gap: var(--spacing-space-4);
26785
26831
  --tab-item-font-family: var(--font-family-body);
26786
26832
  --tab-item-font-size: var(--font-size-body-small);
26787
26833
  --tab-item-font-weight: var(--font-weight-medium);
@@ -26790,11 +26836,11 @@ span.flatpickr-weekday {
26790
26836
  --tab-item-paragraph-indent: 0px;
26791
26837
  --tab-item-width: 100%
26792
26838
  }
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]) {
26839
+ [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
26840
  --tab-item-color: var(--text-primary);
26795
26841
  --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);
26842
+ --tab-item-row-gap: var(--spacing-space-4);
26843
+ --tab-item-column-gap: var(--spacing-space-4);
26798
26844
  --tab-item-font-family: var(--font-family-body);
26799
26845
  --tab-item-font-size: var(--font-size-body-small);
26800
26846
  --tab-item-font-weight: var(--font-weight-medium);
@@ -26803,31 +26849,29 @@ span.flatpickr-weekday {
26803
26849
  --tab-item-paragraph-indent: 0px;
26804
26850
  --tab-item-width: 100%
26805
26851
  }
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]) {
26852
+ [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
26853
  --tab-item-color: var(--text-primary);
26808
26854
  --tab-item-border-color: var(--border-border-grey-1);
26809
26855
  --tab-item-border-top-width: 2px;
26810
26856
  --tab-item-border-right-width: 2px;
26811
26857
  --tab-item-border-bottom-width: 2px;
26812
26858
  --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);
26859
+ --tab-item-padding-top: var(--spacing-space-5);
26860
+ --tab-item-padding-bottom: var(--spacing-space-5);
26861
+ --tab-item-row-gap: var(--spacing-space-4);
26862
+ --tab-item-column-gap: var(--spacing-space-4);
26817
26863
  --tab-item-font-family: var(--font-family-body);
26818
26864
  --tab-item-font-size: var(--font-size-body-small);
26819
26865
  --tab-item-font-weight: var(--font-weight-medium);
26820
26866
  --tab-item-line-height: var(--line-height-body-small);
26821
26867
  --tab-item-paragraph-spacing: 0px;
26822
26868
  --tab-item-paragraph-indent: 0px;
26823
- --tab-item-height: 34px;
26824
26869
  --tab-item-width: 100%
26825
26870
  }
26826
- [data-theme='dark'] [component-variant="tab-item-underlined-unselected"], [data-theme='light'] [component-variant="tab-item-underlined-unselected"] {
26827
- --tab-item-height: 34px;
26871
+ [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
26872
  --tab-item-color: var(--text-secondary);
26829
- --tab-item-padding-left: var(--spacing-space-3);
26830
- --tab-item-padding-right: var(--spacing-space-3);
26873
+ --tab-item-padding-top: var(--spacing-space-5);
26874
+ --tab-item-padding-bottom: var(--spacing-space-5);
26831
26875
  --tab-item-row-gap: var(--spacing-space-5);
26832
26876
  --tab-item-column-gap: var(--spacing-space-5);
26833
26877
  --tab-item-font-family: var(--font-family-body);
@@ -26838,11 +26882,10 @@ span.flatpickr-weekday {
26838
26882
  --tab-item-paragraph-indent: 0px;
26839
26883
  --tab-item-width: 100%
26840
26884
  }
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;
26885
+ [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
26886
  --tab-item-color: var(--text-primary);
26844
- --tab-item-padding-left: var(--spacing-space-3);
26845
- --tab-item-padding-right: var(--spacing-space-3);
26887
+ --tab-item-padding-top: var(--spacing-space-5);
26888
+ --tab-item-padding-bottom: var(--spacing-space-5);
26846
26889
  --tab-item-row-gap: var(--spacing-space-5);
26847
26890
  --tab-item-column-gap: var(--spacing-space-5);
26848
26891
  --tab-item-font-family: var(--font-family-body);
@@ -26853,11 +26896,10 @@ span.flatpickr-weekday {
26853
26896
  --tab-item-paragraph-indent: 0px;
26854
26897
  --tab-item-width: 100%
26855
26898
  }
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;
26899
+ [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
26900
  --tab-item-color: var(--text-primary);
26859
- --tab-item-padding-left: var(--spacing-space-3);
26860
- --tab-item-padding-right: var(--spacing-space-3);
26901
+ --tab-item-padding-top: var(--spacing-space-5);
26902
+ --tab-item-padding-bottom: var(--spacing-space-5);
26861
26903
  --tab-item-row-gap: var(--spacing-space-5);
26862
26904
  --tab-item-column-gap: var(--spacing-space-5);
26863
26905
  --tab-item-font-family: var(--font-family-body);
@@ -26868,16 +26910,15 @@ span.flatpickr-weekday {
26868
26910
  --tab-item-paragraph-indent: 0px;
26869
26911
  --tab-item-width: 100%
26870
26912
  }
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;
26913
+ [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
26914
  --tab-item-color: var(--text-primary);
26874
26915
  --tab-item-border-color: var(--border-border-grey-1);
26875
26916
  --tab-item-border-top-width: 1px;
26876
26917
  --tab-item-border-right-width: 1px;
26877
26918
  --tab-item-border-bottom-width: 1px;
26878
26919
  --tab-item-border-left-width: 1px;
26879
- --tab-item-padding-left: var(--spacing-space-3);
26880
- --tab-item-padding-right: var(--spacing-space-3);
26920
+ --tab-item-padding-top: var(--spacing-space-5);
26921
+ --tab-item-padding-bottom: var(--spacing-space-5);
26881
26922
  --tab-item-row-gap: var(--spacing-space-5);
26882
26923
  --tab-item-column-gap: var(--spacing-space-5);
26883
26924
  --tab-item-font-family: var(--font-family-body);
@@ -26888,6 +26929,206 @@ span.flatpickr-weekday {
26888
26929
  --tab-item-paragraph-indent: 0px;
26889
26930
  --tab-item-width: 100%
26890
26931
  }
26932
+ [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"] {
26933
+ --tab-item-wrapper-row-gap: 8px;
26934
+ --tab-item-wrapper-column-gap: 8px;
26935
+ --tab-item-wrapper-font-family: sans-sarif;
26936
+ --tab-item-wrapper-font-size: initial;
26937
+ --tab-item-wrapper-font-weight: regular;
26938
+ --tab-item-wrapper-paragraph-spacing: 0px;
26939
+ --tab-item-wrapper-paragraph-indent: 0px
26940
+ }
26941
+ [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]) {
26942
+ --tab-item-wrapper-row-gap: 8px;
26943
+ --tab-item-wrapper-column-gap: 8px;
26944
+ --tab-item-wrapper-font-family: sans-sarif;
26945
+ --tab-item-wrapper-font-size: initial;
26946
+ --tab-item-wrapper-font-weight: regular;
26947
+ --tab-item-wrapper-paragraph-spacing: 0px;
26948
+ --tab-item-wrapper-paragraph-indent: 0px
26949
+ }
26950
+ [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]) {
26951
+ --tab-item-wrapper-row-gap: 8px;
26952
+ --tab-item-wrapper-column-gap: 8px;
26953
+ --tab-item-wrapper-font-family: sans-sarif;
26954
+ --tab-item-wrapper-font-size: initial;
26955
+ --tab-item-wrapper-font-weight: regular;
26956
+ --tab-item-wrapper-paragraph-spacing: 0px;
26957
+ --tab-item-wrapper-paragraph-indent: 0px
26958
+ }
26959
+ [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]) {
26960
+ --tab-item-wrapper-row-gap: 8px;
26961
+ --tab-item-wrapper-column-gap: 8px;
26962
+ --tab-item-wrapper-font-family: sans-sarif;
26963
+ --tab-item-wrapper-font-size: initial;
26964
+ --tab-item-wrapper-font-weight: regular;
26965
+ --tab-item-wrapper-paragraph-spacing: 0px;
26966
+ --tab-item-wrapper-paragraph-indent: 0px
26967
+ }
26968
+ [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"] {
26969
+ --tab-item-wrapper-row-gap: 8px;
26970
+ --tab-item-wrapper-column-gap: 8px;
26971
+ --tab-item-wrapper-font-family: sans-sarif;
26972
+ --tab-item-wrapper-font-size: initial;
26973
+ --tab-item-wrapper-font-weight: regular;
26974
+ --tab-item-wrapper-paragraph-spacing: 0px;
26975
+ --tab-item-wrapper-paragraph-indent: 0px
26976
+ }
26977
+ [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]) {
26978
+ --tab-item-wrapper-row-gap: 8px;
26979
+ --tab-item-wrapper-column-gap: 8px;
26980
+ --tab-item-wrapper-font-family: sans-sarif;
26981
+ --tab-item-wrapper-font-size: initial;
26982
+ --tab-item-wrapper-font-weight: regular;
26983
+ --tab-item-wrapper-paragraph-spacing: 0px;
26984
+ --tab-item-wrapper-paragraph-indent: 0px
26985
+ }
26986
+ [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]) {
26987
+ --tab-item-wrapper-row-gap: 8px;
26988
+ --tab-item-wrapper-column-gap: 8px;
26989
+ --tab-item-wrapper-font-family: sans-sarif;
26990
+ --tab-item-wrapper-font-size: initial;
26991
+ --tab-item-wrapper-font-weight: regular;
26992
+ --tab-item-wrapper-paragraph-spacing: 0px;
26993
+ --tab-item-wrapper-paragraph-indent: 0px
26994
+ }
26995
+ [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]) {
26996
+ --tab-item-wrapper-row-gap: 8px;
26997
+ --tab-item-wrapper-column-gap: 8px;
26998
+ --tab-item-wrapper-font-family: sans-sarif;
26999
+ --tab-item-wrapper-font-size: initial;
27000
+ --tab-item-wrapper-font-weight: regular;
27001
+ --tab-item-wrapper-paragraph-spacing: 0px;
27002
+ --tab-item-wrapper-paragraph-indent: 0px
27003
+ }
27004
+ [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"] {
27005
+ --tab-item-wrapper-padding-left: var(--spacing-space-3);
27006
+ --tab-item-wrapper-padding-right: var(--spacing-space-3);
27007
+ --tab-item-wrapper-row-gap: 8px;
27008
+ --tab-item-wrapper-column-gap: 8px;
27009
+ --tab-item-wrapper-font-family: sans-sarif;
27010
+ --tab-item-wrapper-font-size: initial;
27011
+ --tab-item-wrapper-font-weight: regular;
27012
+ --tab-item-wrapper-paragraph-spacing: 0px;
27013
+ --tab-item-wrapper-paragraph-indent: 0px
27014
+ }
27015
+ [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]) {
27016
+ --tab-item-wrapper-padding-left: var(--spacing-space-3);
27017
+ --tab-item-wrapper-padding-right: var(--spacing-space-3);
27018
+ --tab-item-wrapper-row-gap: 8px;
27019
+ --tab-item-wrapper-column-gap: 8px;
27020
+ --tab-item-wrapper-font-family: sans-sarif;
27021
+ --tab-item-wrapper-font-size: initial;
27022
+ --tab-item-wrapper-font-weight: regular;
27023
+ --tab-item-wrapper-paragraph-spacing: 0px;
27024
+ --tab-item-wrapper-paragraph-indent: 0px
27025
+ }
27026
+ [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]) {
27027
+ --tab-item-wrapper-padding-left: var(--spacing-space-3);
27028
+ --tab-item-wrapper-padding-right: var(--spacing-space-3);
27029
+ --tab-item-wrapper-row-gap: 8px;
27030
+ --tab-item-wrapper-column-gap: 8px;
27031
+ --tab-item-wrapper-font-family: sans-sarif;
27032
+ --tab-item-wrapper-font-size: initial;
27033
+ --tab-item-wrapper-font-weight: regular;
27034
+ --tab-item-wrapper-paragraph-spacing: 0px;
27035
+ --tab-item-wrapper-paragraph-indent: 0px
27036
+ }
27037
+ [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]) {
27038
+ --tab-item-wrapper-padding-left: var(--spacing-space-3);
27039
+ --tab-item-wrapper-padding-right: var(--spacing-space-3);
27040
+ --tab-item-wrapper-row-gap: 8px;
27041
+ --tab-item-wrapper-column-gap: 8px;
27042
+ --tab-item-wrapper-font-family: sans-sarif;
27043
+ --tab-item-wrapper-font-size: initial;
27044
+ --tab-item-wrapper-font-weight: regular;
27045
+ --tab-item-wrapper-paragraph-spacing: 0px;
27046
+ --tab-item-wrapper-paragraph-indent: 0px
27047
+ }
27048
+ [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"] {
27049
+ --tab-item-wrapper-row-gap: 8px;
27050
+ --tab-item-wrapper-column-gap: 8px;
27051
+ --tab-item-wrapper-font-family: sans-sarif;
27052
+ --tab-item-wrapper-font-size: initial;
27053
+ --tab-item-wrapper-font-weight: regular;
27054
+ --tab-item-wrapper-paragraph-spacing: 0px;
27055
+ --tab-item-wrapper-paragraph-indent: 0px
27056
+ }
27057
+ [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]) {
27058
+ --tab-item-wrapper-row-gap: 8px;
27059
+ --tab-item-wrapper-column-gap: 8px;
27060
+ --tab-item-wrapper-font-family: sans-sarif;
27061
+ --tab-item-wrapper-font-size: initial;
27062
+ --tab-item-wrapper-font-weight: regular;
27063
+ --tab-item-wrapper-paragraph-spacing: 0px;
27064
+ --tab-item-wrapper-paragraph-indent: 0px
27065
+ }
27066
+ [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]) {
27067
+ --tab-item-wrapper-row-gap: 8px;
27068
+ --tab-item-wrapper-column-gap: 8px;
27069
+ --tab-item-wrapper-font-family: sans-sarif;
27070
+ --tab-item-wrapper-font-size: initial;
27071
+ --tab-item-wrapper-font-weight: regular;
27072
+ --tab-item-wrapper-paragraph-spacing: 0px;
27073
+ --tab-item-wrapper-paragraph-indent: 0px
27074
+ }
27075
+ [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]) {
27076
+ --tab-item-wrapper-row-gap: 8px;
27077
+ --tab-item-wrapper-column-gap: 8px;
27078
+ --tab-item-wrapper-font-family: sans-sarif;
27079
+ --tab-item-wrapper-font-size: initial;
27080
+ --tab-item-wrapper-font-weight: regular;
27081
+ --tab-item-wrapper-paragraph-spacing: 0px;
27082
+ --tab-item-wrapper-paragraph-indent: 0px
27083
+ }
27084
+ [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"] {
27085
+ --tab-item-underline-height: 2px;
27086
+ --tab-item-underline-width: 100%;
27087
+ --tab-item-underline-background-color: var(--border-primary);
27088
+ --tab-item-underline-padding-left: 10px;
27089
+ --tab-item-underline-padding-right: 10px;
27090
+ --tab-item-underline-padding-top: 10px;
27091
+ --tab-item-underline-padding-bottom: 10px;
27092
+ --tab-item-underline-row-gap: 10px;
27093
+ --tab-item-underline-column-gap: 10px;
27094
+ --tab-item-underline-font-family: sans-sarif;
27095
+ --tab-item-underline-font-size: initial;
27096
+ --tab-item-underline-font-weight: regular;
27097
+ --tab-item-underline-paragraph-spacing: 0px;
27098
+ --tab-item-underline-paragraph-indent: 0px
27099
+ }
27100
+ [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]) {
27101
+ --tab-item-underline-height: 2px;
27102
+ --tab-item-underline-width: 100%;
27103
+ --tab-item-underline-background-color: var(--border-primary);
27104
+ --tab-item-underline-padding-left: 10px;
27105
+ --tab-item-underline-padding-right: 10px;
27106
+ --tab-item-underline-padding-top: 10px;
27107
+ --tab-item-underline-padding-bottom: 10px;
27108
+ --tab-item-underline-row-gap: 10px;
27109
+ --tab-item-underline-column-gap: 10px;
27110
+ --tab-item-underline-font-family: sans-sarif;
27111
+ --tab-item-underline-font-size: initial;
27112
+ --tab-item-underline-font-weight: regular;
27113
+ --tab-item-underline-paragraph-spacing: 0px;
27114
+ --tab-item-underline-paragraph-indent: 0px
27115
+ }
27116
+ [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]) {
27117
+ --tab-item-underline-width: 100%;
27118
+ --tab-item-underline-background-color: var(--border-primary);
27119
+ --tab-item-underline-padding-left: 10px;
27120
+ --tab-item-underline-padding-right: 10px;
27121
+ --tab-item-underline-padding-top: 10px;
27122
+ --tab-item-underline-padding-bottom: 10px;
27123
+ --tab-item-underline-row-gap: 10px;
27124
+ --tab-item-underline-column-gap: 10px;
27125
+ --tab-item-underline-font-family: sans-sarif;
27126
+ --tab-item-underline-font-size: initial;
27127
+ --tab-item-underline-font-weight: regular;
27128
+ --tab-item-underline-paragraph-spacing: 0px;
27129
+ --tab-item-underline-paragraph-indent: 0px;
27130
+ --tab-item-underline-height: 2px
27131
+ }
26891
27132
  [data-theme='dark'] [component-variant^="tabs-header-"], [data-theme='light'] [component-variant^="tabs-header-"] {
26892
27133
  --tabs-header-opacity: 1;
26893
27134
  --tabs-header-height: auto;