@delightui/components 0.1.79 → 0.1.81
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.
- package/dist/cjs/components/molecules/ChipInput/ChipInput.presenter.d.ts +5 -0
- package/dist/cjs/components/molecules/FormField/FormField.presenter.d.ts +3 -2
- package/dist/cjs/components/molecules/Modal/ModalFooter/ModalFooter.types.d.ts +6 -0
- package/dist/cjs/components/molecules/Select/Select.presenter.d.ts +2 -2
- package/dist/cjs/library.css +81 -38
- package/dist/cjs/library.js +1 -1
- package/dist/cjs/library.js.map +1 -1
- package/dist/esm/components/molecules/ChipInput/ChipInput.presenter.d.ts +5 -0
- package/dist/esm/components/molecules/FormField/FormField.presenter.d.ts +3 -2
- package/dist/esm/components/molecules/Modal/ModalFooter/ModalFooter.types.d.ts +6 -0
- package/dist/esm/components/molecules/Select/Select.presenter.d.ts +2 -2
- package/dist/esm/library.css +81 -38
- package/dist/esm/library.js +3 -3
- package/dist/esm/library.js.map +1 -1
- package/dist/index.d.ts +6 -0
- package/package.json +1 -1
|
@@ -9,6 +9,7 @@ declare const usePresenter: (props: ChipInputProps) => {
|
|
|
9
9
|
onValueChange: (value: string) => void;
|
|
10
10
|
placeholder: string;
|
|
11
11
|
className: string;
|
|
12
|
+
disabled: boolean;
|
|
12
13
|
};
|
|
13
14
|
inputRef: import("react").RefObject<HTMLInputElement>;
|
|
14
15
|
})[];
|
|
@@ -24,5 +25,9 @@ declare const usePresenter: (props: ChipInputProps) => {
|
|
|
24
25
|
variantProps: {
|
|
25
26
|
'component-variant': string;
|
|
26
27
|
};
|
|
28
|
+
stateProps: {
|
|
29
|
+
invalid: boolean;
|
|
30
|
+
disabled: boolean;
|
|
31
|
+
};
|
|
27
32
|
};
|
|
28
33
|
export default usePresenter;
|
|
@@ -4,12 +4,13 @@ declare const usePresenter: (props: FormFieldProps) => {
|
|
|
4
4
|
required: boolean | undefined;
|
|
5
5
|
infoIcon: import("react").ReactNode;
|
|
6
6
|
children: import("react").ReactNode;
|
|
7
|
-
hasMessage: boolean | undefined;
|
|
8
7
|
messageText: string | undefined;
|
|
9
|
-
isInvalid: boolean;
|
|
10
8
|
fieldId: string;
|
|
11
9
|
variantProps: {
|
|
12
10
|
'component-variant': string;
|
|
13
11
|
};
|
|
12
|
+
showMessageContainer: string | true | undefined;
|
|
13
|
+
showErrorIcon: string | false | undefined;
|
|
14
|
+
showInfoIcon: string | false | undefined;
|
|
14
15
|
};
|
|
15
16
|
export default usePresenter;
|
|
@@ -4,6 +4,7 @@ import type { HTMLAttributes, ReactNode } from "react";
|
|
|
4
4
|
* @default "1Button"
|
|
5
5
|
*/
|
|
6
6
|
export type ModalFooterTypeEnum = "1Button" | "2Buttons";
|
|
7
|
+
export type ModalFooterStyleEnum = "NoStroke" | "WithStroke";
|
|
7
8
|
/**
|
|
8
9
|
* Props for the ModalFooter component.
|
|
9
10
|
*/
|
|
@@ -13,6 +14,11 @@ export type ModalFooterProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
|
|
|
13
14
|
* @default "1Button"
|
|
14
15
|
*/
|
|
15
16
|
type?: ModalFooterTypeEnum;
|
|
17
|
+
/**
|
|
18
|
+
* Determines the style of the footer.
|
|
19
|
+
* @default "NoStroke"
|
|
20
|
+
*/
|
|
21
|
+
style?: ModalFooterStyleEnum;
|
|
16
22
|
/**
|
|
17
23
|
* The primary button element.
|
|
18
24
|
*/
|
|
@@ -15,12 +15,12 @@ declare const usePresenter: (props: SelectProps) => {
|
|
|
15
15
|
isOpen: boolean;
|
|
16
16
|
selectedValue: import("../..").FieldValue;
|
|
17
17
|
resetSelectedValue: () => void;
|
|
18
|
-
|
|
18
|
+
triggerProps: {
|
|
19
|
+
invalid: boolean;
|
|
19
20
|
disabled?: boolean | undefined;
|
|
20
21
|
required?: boolean | undefined;
|
|
21
22
|
checked?: boolean | undefined;
|
|
22
23
|
value?: import("../..").FieldValue | undefined;
|
|
23
|
-
invalid?: boolean | undefined;
|
|
24
24
|
onValueChange?: ((value: import("../..").FieldValue) => void) | undefined;
|
|
25
25
|
initialValue?: import("../..").FieldValue | undefined;
|
|
26
26
|
role?: import("react").AriaRole | undefined;
|
package/dist/cjs/library.css
CHANGED
|
@@ -3742,6 +3742,13 @@ span.flatpickr-weekday {
|
|
|
3742
3742
|
--input-border-left-width: 0px;
|
|
3743
3743
|
}
|
|
3744
3744
|
|
|
3745
|
+
.ChipInput-module_chipInput__tCCgW .ChipInput-module_input__J979Z.ChipInput-module_disabledInput__ciuDU {
|
|
3746
|
+
--input-border-top-width: 0px;
|
|
3747
|
+
--input-border-right-width: 0px;
|
|
3748
|
+
--input-border-bottom-width: 0px;
|
|
3749
|
+
--input-border-left-width: 0px;
|
|
3750
|
+
}
|
|
3751
|
+
|
|
3745
3752
|
.ChipInput-module_chipInput__tCCgW .ChipInput-module_input__J979Z:hover:not(:disabled), .ChipInput-module_chipInput__tCCgW .ChipInput-module_input__J979Z:active:not(:disabled), .ChipInput-module_chipInput__tCCgW .ChipInput-module_input__J979Z:has(:focus-visible):not(:disabled) {
|
|
3746
3753
|
--input-border-top-width: 0px;
|
|
3747
3754
|
--input-border-right-width: 0px;
|
|
@@ -15838,9 +15845,43 @@ span.flatpickr-weekday {
|
|
|
15838
15845
|
--modal-footer-paragraph-spacing: ;
|
|
15839
15846
|
--modal-footer-paragraph-indent:
|
|
15840
15847
|
}
|
|
15841
|
-
[data-theme='dark'] [component-variant="modal-footer-2-buttons"], [data-theme='light'] [component-variant="modal-footer-2-buttons"] {
|
|
15848
|
+
[data-theme='dark'] [component-variant="modal-footer-no-stroke-2-buttons"], [data-theme='light'] [component-variant="modal-footer-no-stroke-2-buttons"] {
|
|
15849
|
+
--modal-footer-width: 100%;
|
|
15850
|
+
--modal-footer-color: var(--text-primary);
|
|
15851
|
+
--modal-footer-padding-left: var(--spacing-space-8);
|
|
15852
|
+
--modal-footer-padding-right: var(--spacing-space-8);
|
|
15853
|
+
--modal-footer-padding-top: var(--spacing-space-6);
|
|
15854
|
+
--modal-footer-padding-bottom: var(--spacing-space-8);
|
|
15855
|
+
--modal-footer-row-gap: var(--spacing-space-6);
|
|
15856
|
+
--modal-footer-column-gap: var(--spacing-space-6);
|
|
15857
|
+
--modal-footer-font-family: var(--font-family-body);
|
|
15858
|
+
--modal-footer-font-size: var(--font-size-body-small);
|
|
15859
|
+
--modal-footer-font-weight: var(--font-weight-medium);
|
|
15860
|
+
--modal-footer-line-height: var(--line-height-body-small);
|
|
15861
|
+
--modal-footer-paragraph-spacing: 0px;
|
|
15862
|
+
--modal-footer-paragraph-indent: 0px
|
|
15863
|
+
}
|
|
15864
|
+
[data-theme='dark'] [component-variant="modal-footer-with-stroke-2-buttons"], [data-theme='light'] [component-variant="modal-footer-with-stroke-2-buttons"] {
|
|
15842
15865
|
--modal-footer-width: 100%;
|
|
15843
15866
|
--modal-footer-color: var(--text-primary);
|
|
15867
|
+
--modal-footer-border-color: var(--border-border-grey-3);
|
|
15868
|
+
--modal-footer-border-top-width: 1px;
|
|
15869
|
+
--modal-footer-padding-left: var(--spacing-space-8);
|
|
15870
|
+
--modal-footer-padding-right: var(--spacing-space-8);
|
|
15871
|
+
--modal-footer-padding-top: var(--spacing-space-6);
|
|
15872
|
+
--modal-footer-padding-bottom: var(--spacing-space-8);
|
|
15873
|
+
--modal-footer-row-gap: var(--spacing-space-6);
|
|
15874
|
+
--modal-footer-column-gap: var(--spacing-space-6);
|
|
15875
|
+
--modal-footer-font-family: var(--font-family-body);
|
|
15876
|
+
--modal-footer-font-size: var(--font-size-body-small);
|
|
15877
|
+
--modal-footer-font-weight: var(--font-weight-medium);
|
|
15878
|
+
--modal-footer-line-height: var(--line-height-body-small);
|
|
15879
|
+
--modal-footer-paragraph-spacing: 0px;
|
|
15880
|
+
--modal-footer-paragraph-indent: 0px
|
|
15881
|
+
}
|
|
15882
|
+
[data-theme='dark'] [component-variant="modal-footer-no-stroke-1-button"], [data-theme='light'] [component-variant="modal-footer-no-stroke-1-button"] {
|
|
15883
|
+
--modal-footer-width: 100%;
|
|
15884
|
+
--modal-footer-color: var(--text-colour-button-text);
|
|
15844
15885
|
--modal-footer-padding-left: var(--spacing-space-8);
|
|
15845
15886
|
--modal-footer-padding-right: var(--spacing-space-8);
|
|
15846
15887
|
--modal-footer-padding-top: var(--spacing-space-6);
|
|
@@ -15854,9 +15895,11 @@ span.flatpickr-weekday {
|
|
|
15854
15895
|
--modal-footer-paragraph-spacing: 0px;
|
|
15855
15896
|
--modal-footer-paragraph-indent: 0px
|
|
15856
15897
|
}
|
|
15857
|
-
[data-theme='dark'] [component-variant="modal-footer-1-button"], [data-theme='light'] [component-variant="modal-footer-1-button"] {
|
|
15898
|
+
[data-theme='dark'] [component-variant="modal-footer-with-stroke-1-button"], [data-theme='light'] [component-variant="modal-footer-with-stroke-1-button"] {
|
|
15858
15899
|
--modal-footer-width: 100%;
|
|
15859
15900
|
--modal-footer-color: var(--text-colour-button-text);
|
|
15901
|
+
--modal-footer-border-color: var(--border-border-grey-3);
|
|
15902
|
+
--modal-footer-border-top-width: 1px;
|
|
15860
15903
|
--modal-footer-padding-left: var(--spacing-space-8);
|
|
15861
15904
|
--modal-footer-padding-right: var(--spacing-space-8);
|
|
15862
15905
|
--modal-footer-padding-top: var(--spacing-space-6);
|
|
@@ -26589,7 +26632,7 @@ span.flatpickr-weekday {
|
|
|
26589
26632
|
--dropzone-content-paragraph-spacing: 0px;
|
|
26590
26633
|
--dropzone-content-paragraph-indent: 0px
|
|
26591
26634
|
}
|
|
26592
|
-
[data-theme='
|
|
26635
|
+
[data-theme='dark'] [component-variant^="tab-item-"], [data-theme='light'] [component-variant^="tab-item-"] {
|
|
26593
26636
|
--tab-item-opacity: 1;
|
|
26594
26637
|
--tab-item-height: auto;
|
|
26595
26638
|
--tab-item-min-height: auto;
|
|
@@ -26628,7 +26671,7 @@ span.flatpickr-weekday {
|
|
|
26628
26671
|
--tab-item-paragraph-spacing: ;
|
|
26629
26672
|
--tab-item-paragraph-indent:
|
|
26630
26673
|
}
|
|
26631
|
-
[data-theme='
|
|
26674
|
+
[data-theme='dark'] [component-variant="tab-item-filled-selected"], [data-theme='light'] [component-variant="tab-item-filled-selected"] {
|
|
26632
26675
|
--tab-item-width: 100%;
|
|
26633
26676
|
--tab-item-background-color: var(--interactive-surface-secondary-hover);
|
|
26634
26677
|
--tab-item-color: var(--text-primary);
|
|
@@ -26649,7 +26692,7 @@ span.flatpickr-weekday {
|
|
|
26649
26692
|
--tab-item-paragraph-spacing: 0px;
|
|
26650
26693
|
--tab-item-paragraph-indent: 0px
|
|
26651
26694
|
}
|
|
26652
|
-
[data-theme='
|
|
26695
|
+
[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]) {
|
|
26653
26696
|
--tab-item-width: 100%;
|
|
26654
26697
|
--tab-item-background-color: var(--interactive-surface-secondary-hover);
|
|
26655
26698
|
--tab-item-color: var(--text-primary);
|
|
@@ -26670,7 +26713,7 @@ span.flatpickr-weekday {
|
|
|
26670
26713
|
--tab-item-paragraph-spacing: 0px;
|
|
26671
26714
|
--tab-item-paragraph-indent: 0px
|
|
26672
26715
|
}
|
|
26673
|
-
[data-theme='
|
|
26716
|
+
[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]) {
|
|
26674
26717
|
--tab-item-width: 100%;
|
|
26675
26718
|
--tab-item-background-color: var(--interactive-surface-secondary-hover);
|
|
26676
26719
|
--tab-item-color: var(--text-primary);
|
|
@@ -26691,7 +26734,7 @@ span.flatpickr-weekday {
|
|
|
26691
26734
|
--tab-item-paragraph-spacing: 0px;
|
|
26692
26735
|
--tab-item-paragraph-indent: 0px
|
|
26693
26736
|
}
|
|
26694
|
-
[data-theme='
|
|
26737
|
+
[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]) {
|
|
26695
26738
|
--tab-item-width: 100%;
|
|
26696
26739
|
--tab-item-background-color: var(--interactive-surface-secondary-hover);
|
|
26697
26740
|
--tab-item-color: var(--text-primary);
|
|
@@ -26717,7 +26760,7 @@ span.flatpickr-weekday {
|
|
|
26717
26760
|
--tab-item-paragraph-spacing: 0px;
|
|
26718
26761
|
--tab-item-paragraph-indent: 0px
|
|
26719
26762
|
}
|
|
26720
|
-
[data-theme='
|
|
26763
|
+
[data-theme='dark'] [component-variant="tab-item-filled-unselected"], [data-theme='light'] [component-variant="tab-item-filled-unselected"] {
|
|
26721
26764
|
--tab-item-width: 100%;
|
|
26722
26765
|
--tab-item-background-color: var(--colours-grey-900);
|
|
26723
26766
|
--tab-item-color: var(--text-primary);
|
|
@@ -26738,7 +26781,7 @@ span.flatpickr-weekday {
|
|
|
26738
26781
|
--tab-item-paragraph-spacing: 0px;
|
|
26739
26782
|
--tab-item-paragraph-indent: 0px
|
|
26740
26783
|
}
|
|
26741
|
-
[data-theme='
|
|
26784
|
+
[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]) {
|
|
26742
26785
|
--tab-item-width: 100%;
|
|
26743
26786
|
--tab-item-background-color: var(--colours-grey-700);
|
|
26744
26787
|
--tab-item-color: var(--text-primary);
|
|
@@ -26759,7 +26802,7 @@ span.flatpickr-weekday {
|
|
|
26759
26802
|
--tab-item-paragraph-spacing: 0px;
|
|
26760
26803
|
--tab-item-paragraph-indent: 0px
|
|
26761
26804
|
}
|
|
26762
|
-
[data-theme='
|
|
26805
|
+
[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]) {
|
|
26763
26806
|
--tab-item-width: 100%;
|
|
26764
26807
|
--tab-item-background-color: var(--colours-grey-700);
|
|
26765
26808
|
--tab-item-color: var(--text-primary);
|
|
@@ -26780,7 +26823,7 @@ span.flatpickr-weekday {
|
|
|
26780
26823
|
--tab-item-paragraph-spacing: 0px;
|
|
26781
26824
|
--tab-item-paragraph-indent: 0px
|
|
26782
26825
|
}
|
|
26783
|
-
[data-theme='
|
|
26826
|
+
[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]) {
|
|
26784
26827
|
--tab-item-width: 100%;
|
|
26785
26828
|
--tab-item-background-color: var(--colours-grey-700);
|
|
26786
26829
|
--tab-item-color: var(--text-primary);
|
|
@@ -26806,7 +26849,7 @@ span.flatpickr-weekday {
|
|
|
26806
26849
|
--tab-item-paragraph-spacing: 0px;
|
|
26807
26850
|
--tab-item-paragraph-indent: 0px
|
|
26808
26851
|
}
|
|
26809
|
-
[data-theme='
|
|
26852
|
+
[data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
|
|
26810
26853
|
--tab-item-color: var(--text-primary);
|
|
26811
26854
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26812
26855
|
--tab-item-row-gap: var(--spacing-space-4);
|
|
@@ -26819,7 +26862,7 @@ span.flatpickr-weekday {
|
|
|
26819
26862
|
--tab-item-paragraph-indent: 0px;
|
|
26820
26863
|
--tab-item-width: 100%
|
|
26821
26864
|
}
|
|
26822
|
-
[data-theme='
|
|
26865
|
+
[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]) {
|
|
26823
26866
|
--tab-item-color: var(--text-primary);
|
|
26824
26867
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26825
26868
|
--tab-item-row-gap: var(--spacing-space-4);
|
|
@@ -26832,7 +26875,7 @@ span.flatpickr-weekday {
|
|
|
26832
26875
|
--tab-item-paragraph-indent: 0px;
|
|
26833
26876
|
--tab-item-width: 100%
|
|
26834
26877
|
}
|
|
26835
|
-
[data-theme='
|
|
26878
|
+
[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]) {
|
|
26836
26879
|
--tab-item-color: var(--text-primary);
|
|
26837
26880
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26838
26881
|
--tab-item-row-gap: var(--spacing-space-4);
|
|
@@ -26845,7 +26888,7 @@ span.flatpickr-weekday {
|
|
|
26845
26888
|
--tab-item-paragraph-indent: 0px;
|
|
26846
26889
|
--tab-item-width: 100%
|
|
26847
26890
|
}
|
|
26848
|
-
[data-theme='
|
|
26891
|
+
[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]) {
|
|
26849
26892
|
--tab-item-color: var(--text-primary);
|
|
26850
26893
|
--tab-item-border-color: var(--border-border-grey-1);
|
|
26851
26894
|
--tab-item-border-top-width: 2px;
|
|
@@ -26864,7 +26907,7 @@ span.flatpickr-weekday {
|
|
|
26864
26907
|
--tab-item-paragraph-indent: 0px;
|
|
26865
26908
|
--tab-item-width: 100%
|
|
26866
26909
|
}
|
|
26867
|
-
[data-theme='
|
|
26910
|
+
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"], [data-theme='light'] [component-variant="tab-item-underlined-unselected"] {
|
|
26868
26911
|
--tab-item-color: var(--text-secondary);
|
|
26869
26912
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26870
26913
|
--tab-item-padding-bottom: var(--spacing-space-5);
|
|
@@ -26878,7 +26921,7 @@ span.flatpickr-weekday {
|
|
|
26878
26921
|
--tab-item-paragraph-indent: 0px;
|
|
26879
26922
|
--tab-item-width: 100%
|
|
26880
26923
|
}
|
|
26881
|
-
[data-theme='
|
|
26924
|
+
[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]) {
|
|
26882
26925
|
--tab-item-color: var(--text-primary);
|
|
26883
26926
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26884
26927
|
--tab-item-padding-bottom: var(--spacing-space-5);
|
|
@@ -26892,7 +26935,7 @@ span.flatpickr-weekday {
|
|
|
26892
26935
|
--tab-item-paragraph-indent: 0px;
|
|
26893
26936
|
--tab-item-width: 100%
|
|
26894
26937
|
}
|
|
26895
|
-
[data-theme='
|
|
26938
|
+
[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]) {
|
|
26896
26939
|
--tab-item-color: var(--text-primary);
|
|
26897
26940
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26898
26941
|
--tab-item-padding-bottom: var(--spacing-space-5);
|
|
@@ -26906,7 +26949,7 @@ span.flatpickr-weekday {
|
|
|
26906
26949
|
--tab-item-paragraph-indent: 0px;
|
|
26907
26950
|
--tab-item-width: 100%
|
|
26908
26951
|
}
|
|
26909
|
-
[data-theme='
|
|
26952
|
+
[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]) {
|
|
26910
26953
|
--tab-item-color: var(--text-primary);
|
|
26911
26954
|
--tab-item-border-color: var(--border-border-grey-1);
|
|
26912
26955
|
--tab-item-border-top-width: 1px;
|
|
@@ -26925,7 +26968,7 @@ span.flatpickr-weekday {
|
|
|
26925
26968
|
--tab-item-paragraph-indent: 0px;
|
|
26926
26969
|
--tab-item-width: 100%
|
|
26927
26970
|
}
|
|
26928
|
-
[data-theme='
|
|
26971
|
+
[data-theme='dark'] [component-variant="tab-item-filled-selected"], [data-theme='light'] [component-variant="tab-item-filled-selected"] {
|
|
26929
26972
|
--tab-item-wrapper-row-gap: 8px;
|
|
26930
26973
|
--tab-item-wrapper-column-gap: 8px;
|
|
26931
26974
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26934,7 +26977,7 @@ span.flatpickr-weekday {
|
|
|
26934
26977
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26935
26978
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26936
26979
|
}
|
|
26937
|
-
[data-theme='
|
|
26980
|
+
[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
26981
|
--tab-item-wrapper-row-gap: 8px;
|
|
26939
26982
|
--tab-item-wrapper-column-gap: 8px;
|
|
26940
26983
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26943,7 +26986,7 @@ span.flatpickr-weekday {
|
|
|
26943
26986
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26944
26987
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26945
26988
|
}
|
|
26946
|
-
[data-theme='
|
|
26989
|
+
[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]) {
|
|
26947
26990
|
--tab-item-wrapper-row-gap: 8px;
|
|
26948
26991
|
--tab-item-wrapper-column-gap: 8px;
|
|
26949
26992
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26952,7 +26995,7 @@ span.flatpickr-weekday {
|
|
|
26952
26995
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26953
26996
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26954
26997
|
}
|
|
26955
|
-
[data-theme='
|
|
26998
|
+
[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]) {
|
|
26956
26999
|
--tab-item-wrapper-row-gap: 8px;
|
|
26957
27000
|
--tab-item-wrapper-column-gap: 8px;
|
|
26958
27001
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26961,7 +27004,7 @@ span.flatpickr-weekday {
|
|
|
26961
27004
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26962
27005
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26963
27006
|
}
|
|
26964
|
-
[data-theme='
|
|
27007
|
+
[data-theme='dark'] [component-variant="tab-item-filled-unselected"], [data-theme='light'] [component-variant="tab-item-filled-unselected"] {
|
|
26965
27008
|
--tab-item-wrapper-row-gap: 8px;
|
|
26966
27009
|
--tab-item-wrapper-column-gap: 8px;
|
|
26967
27010
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26970,7 +27013,7 @@ span.flatpickr-weekday {
|
|
|
26970
27013
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26971
27014
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26972
27015
|
}
|
|
26973
|
-
[data-theme='
|
|
27016
|
+
[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
27017
|
--tab-item-wrapper-row-gap: 8px;
|
|
26975
27018
|
--tab-item-wrapper-column-gap: 8px;
|
|
26976
27019
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26979,7 +27022,7 @@ span.flatpickr-weekday {
|
|
|
26979
27022
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26980
27023
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26981
27024
|
}
|
|
26982
|
-
[data-theme='
|
|
27025
|
+
[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]) {
|
|
26983
27026
|
--tab-item-wrapper-row-gap: 8px;
|
|
26984
27027
|
--tab-item-wrapper-column-gap: 8px;
|
|
26985
27028
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26988,7 +27031,7 @@ span.flatpickr-weekday {
|
|
|
26988
27031
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26989
27032
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26990
27033
|
}
|
|
26991
|
-
[data-theme='
|
|
27034
|
+
[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]) {
|
|
26992
27035
|
--tab-item-wrapper-row-gap: 8px;
|
|
26993
27036
|
--tab-item-wrapper-column-gap: 8px;
|
|
26994
27037
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26997,7 +27040,7 @@ span.flatpickr-weekday {
|
|
|
26997
27040
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26998
27041
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26999
27042
|
}
|
|
27000
|
-
[data-theme='
|
|
27043
|
+
[data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
|
|
27001
27044
|
--tab-item-wrapper-padding-left: var(--spacing-space-3);
|
|
27002
27045
|
--tab-item-wrapper-padding-right: var(--spacing-space-3);
|
|
27003
27046
|
--tab-item-wrapper-row-gap: 8px;
|
|
@@ -27008,7 +27051,7 @@ span.flatpickr-weekday {
|
|
|
27008
27051
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27009
27052
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27010
27053
|
}
|
|
27011
|
-
[data-theme='
|
|
27054
|
+
[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
27055
|
--tab-item-wrapper-padding-left: var(--spacing-space-3);
|
|
27013
27056
|
--tab-item-wrapper-padding-right: var(--spacing-space-3);
|
|
27014
27057
|
--tab-item-wrapper-row-gap: 8px;
|
|
@@ -27019,7 +27062,7 @@ span.flatpickr-weekday {
|
|
|
27019
27062
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27020
27063
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27021
27064
|
}
|
|
27022
|
-
[data-theme='
|
|
27065
|
+
[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]) {
|
|
27023
27066
|
--tab-item-wrapper-padding-left: var(--spacing-space-3);
|
|
27024
27067
|
--tab-item-wrapper-padding-right: var(--spacing-space-3);
|
|
27025
27068
|
--tab-item-wrapper-row-gap: 8px;
|
|
@@ -27030,7 +27073,7 @@ span.flatpickr-weekday {
|
|
|
27030
27073
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27031
27074
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27032
27075
|
}
|
|
27033
|
-
[data-theme='
|
|
27076
|
+
[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]) {
|
|
27034
27077
|
--tab-item-wrapper-padding-left: var(--spacing-space-3);
|
|
27035
27078
|
--tab-item-wrapper-padding-right: var(--spacing-space-3);
|
|
27036
27079
|
--tab-item-wrapper-row-gap: 8px;
|
|
@@ -27041,7 +27084,7 @@ span.flatpickr-weekday {
|
|
|
27041
27084
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27042
27085
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27043
27086
|
}
|
|
27044
|
-
[data-theme='
|
|
27087
|
+
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"], [data-theme='light'] [component-variant="tab-item-underlined-unselected"] {
|
|
27045
27088
|
--tab-item-wrapper-row-gap: 8px;
|
|
27046
27089
|
--tab-item-wrapper-column-gap: 8px;
|
|
27047
27090
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -27050,7 +27093,7 @@ span.flatpickr-weekday {
|
|
|
27050
27093
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27051
27094
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27052
27095
|
}
|
|
27053
|
-
[data-theme='
|
|
27096
|
+
[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
27097
|
--tab-item-wrapper-row-gap: 8px;
|
|
27055
27098
|
--tab-item-wrapper-column-gap: 8px;
|
|
27056
27099
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -27059,7 +27102,7 @@ span.flatpickr-weekday {
|
|
|
27059
27102
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27060
27103
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27061
27104
|
}
|
|
27062
|
-
[data-theme='
|
|
27105
|
+
[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]) {
|
|
27063
27106
|
--tab-item-wrapper-row-gap: 8px;
|
|
27064
27107
|
--tab-item-wrapper-column-gap: 8px;
|
|
27065
27108
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -27068,7 +27111,7 @@ span.flatpickr-weekday {
|
|
|
27068
27111
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27069
27112
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27070
27113
|
}
|
|
27071
|
-
[data-theme='
|
|
27114
|
+
[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]) {
|
|
27072
27115
|
--tab-item-wrapper-row-gap: 8px;
|
|
27073
27116
|
--tab-item-wrapper-column-gap: 8px;
|
|
27074
27117
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -27077,7 +27120,7 @@ span.flatpickr-weekday {
|
|
|
27077
27120
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27078
27121
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27079
27122
|
}
|
|
27080
|
-
[data-theme='
|
|
27123
|
+
[data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
|
|
27081
27124
|
--tab-item-underline-height: 2px;
|
|
27082
27125
|
--tab-item-underline-width: 100%;
|
|
27083
27126
|
--tab-item-underline-background-color: var(--border-primary);
|
|
@@ -27093,7 +27136,7 @@ span.flatpickr-weekday {
|
|
|
27093
27136
|
--tab-item-underline-paragraph-spacing: 0px;
|
|
27094
27137
|
--tab-item-underline-paragraph-indent: 0px
|
|
27095
27138
|
}
|
|
27096
|
-
[data-theme='
|
|
27139
|
+
[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
27140
|
--tab-item-underline-height: 2px;
|
|
27098
27141
|
--tab-item-underline-width: 100%;
|
|
27099
27142
|
--tab-item-underline-background-color: var(--border-primary);
|
|
@@ -27109,7 +27152,7 @@ span.flatpickr-weekday {
|
|
|
27109
27152
|
--tab-item-underline-paragraph-spacing: 0px;
|
|
27110
27153
|
--tab-item-underline-paragraph-indent: 0px
|
|
27111
27154
|
}
|
|
27112
|
-
[data-theme='
|
|
27155
|
+
[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]) {
|
|
27113
27156
|
--tab-item-underline-width: 100%;
|
|
27114
27157
|
--tab-item-underline-background-color: var(--border-primary);
|
|
27115
27158
|
--tab-item-underline-padding-left: 10px;
|