@delightui/components 0.1.80 → 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/Modal/ModalFooter/ModalFooter.types.d.ts +6 -0
- package/dist/cjs/library.css +74 -38
- package/dist/cjs/library.js +1 -1
- package/dist/cjs/library.js.map +1 -1
- package/dist/esm/components/molecules/Modal/ModalFooter/ModalFooter.types.d.ts +6 -0
- package/dist/esm/library.css +74 -38
- package/dist/esm/library.js +1 -1
- package/dist/esm/library.js.map +1 -1
- package/dist/index.d.ts +6 -0
- package/package.json +1 -1
|
@@ -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
|
*/
|
package/dist/cjs/library.css
CHANGED
|
@@ -15845,7 +15845,7 @@ span.flatpickr-weekday {
|
|
|
15845
15845
|
--modal-footer-paragraph-spacing: ;
|
|
15846
15846
|
--modal-footer-paragraph-indent:
|
|
15847
15847
|
}
|
|
15848
|
-
[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
15849
|
--modal-footer-width: 100%;
|
|
15850
15850
|
--modal-footer-color: var(--text-primary);
|
|
15851
15851
|
--modal-footer-padding-left: var(--spacing-space-8);
|
|
@@ -15861,9 +15861,45 @@ span.flatpickr-weekday {
|
|
|
15861
15861
|
--modal-footer-paragraph-spacing: 0px;
|
|
15862
15862
|
--modal-footer-paragraph-indent: 0px
|
|
15863
15863
|
}
|
|
15864
|
-
[data-theme='dark'] [component-variant="modal-footer-
|
|
15864
|
+
[data-theme='dark'] [component-variant="modal-footer-with-stroke-2-buttons"], [data-theme='light'] [component-variant="modal-footer-with-stroke-2-buttons"] {
|
|
15865
|
+
--modal-footer-width: 100%;
|
|
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);
|
|
15885
|
+
--modal-footer-padding-left: var(--spacing-space-8);
|
|
15886
|
+
--modal-footer-padding-right: var(--spacing-space-8);
|
|
15887
|
+
--modal-footer-padding-top: var(--spacing-space-6);
|
|
15888
|
+
--modal-footer-padding-bottom: var(--spacing-space-8);
|
|
15889
|
+
--modal-footer-row-gap: var(--spacing-space-6);
|
|
15890
|
+
--modal-footer-column-gap: var(--spacing-space-6);
|
|
15891
|
+
--modal-footer-font-family: var(--font-family-body);
|
|
15892
|
+
--modal-footer-font-size: var(--font-size-body-small);
|
|
15893
|
+
--modal-footer-font-weight: var(--font-weight-medium);
|
|
15894
|
+
--modal-footer-line-height: var(--line-height-body-small);
|
|
15895
|
+
--modal-footer-paragraph-spacing: 0px;
|
|
15896
|
+
--modal-footer-paragraph-indent: 0px
|
|
15897
|
+
}
|
|
15898
|
+
[data-theme='dark'] [component-variant="modal-footer-with-stroke-1-button"], [data-theme='light'] [component-variant="modal-footer-with-stroke-1-button"] {
|
|
15865
15899
|
--modal-footer-width: 100%;
|
|
15866
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;
|
|
15867
15903
|
--modal-footer-padding-left: var(--spacing-space-8);
|
|
15868
15904
|
--modal-footer-padding-right: var(--spacing-space-8);
|
|
15869
15905
|
--modal-footer-padding-top: var(--spacing-space-6);
|
|
@@ -26596,7 +26632,7 @@ span.flatpickr-weekday {
|
|
|
26596
26632
|
--dropzone-content-paragraph-spacing: 0px;
|
|
26597
26633
|
--dropzone-content-paragraph-indent: 0px
|
|
26598
26634
|
}
|
|
26599
|
-
[data-theme='
|
|
26635
|
+
[data-theme='dark'] [component-variant^="tab-item-"], [data-theme='light'] [component-variant^="tab-item-"] {
|
|
26600
26636
|
--tab-item-opacity: 1;
|
|
26601
26637
|
--tab-item-height: auto;
|
|
26602
26638
|
--tab-item-min-height: auto;
|
|
@@ -26635,7 +26671,7 @@ span.flatpickr-weekday {
|
|
|
26635
26671
|
--tab-item-paragraph-spacing: ;
|
|
26636
26672
|
--tab-item-paragraph-indent:
|
|
26637
26673
|
}
|
|
26638
|
-
[data-theme='
|
|
26674
|
+
[data-theme='dark'] [component-variant="tab-item-filled-selected"], [data-theme='light'] [component-variant="tab-item-filled-selected"] {
|
|
26639
26675
|
--tab-item-width: 100%;
|
|
26640
26676
|
--tab-item-background-color: var(--interactive-surface-secondary-hover);
|
|
26641
26677
|
--tab-item-color: var(--text-primary);
|
|
@@ -26656,7 +26692,7 @@ span.flatpickr-weekday {
|
|
|
26656
26692
|
--tab-item-paragraph-spacing: 0px;
|
|
26657
26693
|
--tab-item-paragraph-indent: 0px
|
|
26658
26694
|
}
|
|
26659
|
-
[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]) {
|
|
26660
26696
|
--tab-item-width: 100%;
|
|
26661
26697
|
--tab-item-background-color: var(--interactive-surface-secondary-hover);
|
|
26662
26698
|
--tab-item-color: var(--text-primary);
|
|
@@ -26677,7 +26713,7 @@ span.flatpickr-weekday {
|
|
|
26677
26713
|
--tab-item-paragraph-spacing: 0px;
|
|
26678
26714
|
--tab-item-paragraph-indent: 0px
|
|
26679
26715
|
}
|
|
26680
|
-
[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]) {
|
|
26681
26717
|
--tab-item-width: 100%;
|
|
26682
26718
|
--tab-item-background-color: var(--interactive-surface-secondary-hover);
|
|
26683
26719
|
--tab-item-color: var(--text-primary);
|
|
@@ -26698,7 +26734,7 @@ span.flatpickr-weekday {
|
|
|
26698
26734
|
--tab-item-paragraph-spacing: 0px;
|
|
26699
26735
|
--tab-item-paragraph-indent: 0px
|
|
26700
26736
|
}
|
|
26701
|
-
[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]) {
|
|
26702
26738
|
--tab-item-width: 100%;
|
|
26703
26739
|
--tab-item-background-color: var(--interactive-surface-secondary-hover);
|
|
26704
26740
|
--tab-item-color: var(--text-primary);
|
|
@@ -26724,7 +26760,7 @@ span.flatpickr-weekday {
|
|
|
26724
26760
|
--tab-item-paragraph-spacing: 0px;
|
|
26725
26761
|
--tab-item-paragraph-indent: 0px
|
|
26726
26762
|
}
|
|
26727
|
-
[data-theme='
|
|
26763
|
+
[data-theme='dark'] [component-variant="tab-item-filled-unselected"], [data-theme='light'] [component-variant="tab-item-filled-unselected"] {
|
|
26728
26764
|
--tab-item-width: 100%;
|
|
26729
26765
|
--tab-item-background-color: var(--colours-grey-900);
|
|
26730
26766
|
--tab-item-color: var(--text-primary);
|
|
@@ -26745,7 +26781,7 @@ span.flatpickr-weekday {
|
|
|
26745
26781
|
--tab-item-paragraph-spacing: 0px;
|
|
26746
26782
|
--tab-item-paragraph-indent: 0px
|
|
26747
26783
|
}
|
|
26748
|
-
[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]) {
|
|
26749
26785
|
--tab-item-width: 100%;
|
|
26750
26786
|
--tab-item-background-color: var(--colours-grey-700);
|
|
26751
26787
|
--tab-item-color: var(--text-primary);
|
|
@@ -26766,7 +26802,7 @@ span.flatpickr-weekday {
|
|
|
26766
26802
|
--tab-item-paragraph-spacing: 0px;
|
|
26767
26803
|
--tab-item-paragraph-indent: 0px
|
|
26768
26804
|
}
|
|
26769
|
-
[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]) {
|
|
26770
26806
|
--tab-item-width: 100%;
|
|
26771
26807
|
--tab-item-background-color: var(--colours-grey-700);
|
|
26772
26808
|
--tab-item-color: var(--text-primary);
|
|
@@ -26787,7 +26823,7 @@ span.flatpickr-weekday {
|
|
|
26787
26823
|
--tab-item-paragraph-spacing: 0px;
|
|
26788
26824
|
--tab-item-paragraph-indent: 0px
|
|
26789
26825
|
}
|
|
26790
|
-
[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]) {
|
|
26791
26827
|
--tab-item-width: 100%;
|
|
26792
26828
|
--tab-item-background-color: var(--colours-grey-700);
|
|
26793
26829
|
--tab-item-color: var(--text-primary);
|
|
@@ -26813,7 +26849,7 @@ span.flatpickr-weekday {
|
|
|
26813
26849
|
--tab-item-paragraph-spacing: 0px;
|
|
26814
26850
|
--tab-item-paragraph-indent: 0px
|
|
26815
26851
|
}
|
|
26816
|
-
[data-theme='
|
|
26852
|
+
[data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
|
|
26817
26853
|
--tab-item-color: var(--text-primary);
|
|
26818
26854
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26819
26855
|
--tab-item-row-gap: var(--spacing-space-4);
|
|
@@ -26826,7 +26862,7 @@ span.flatpickr-weekday {
|
|
|
26826
26862
|
--tab-item-paragraph-indent: 0px;
|
|
26827
26863
|
--tab-item-width: 100%
|
|
26828
26864
|
}
|
|
26829
|
-
[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]) {
|
|
26830
26866
|
--tab-item-color: var(--text-primary);
|
|
26831
26867
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26832
26868
|
--tab-item-row-gap: var(--spacing-space-4);
|
|
@@ -26839,7 +26875,7 @@ span.flatpickr-weekday {
|
|
|
26839
26875
|
--tab-item-paragraph-indent: 0px;
|
|
26840
26876
|
--tab-item-width: 100%
|
|
26841
26877
|
}
|
|
26842
|
-
[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]) {
|
|
26843
26879
|
--tab-item-color: var(--text-primary);
|
|
26844
26880
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26845
26881
|
--tab-item-row-gap: var(--spacing-space-4);
|
|
@@ -26852,7 +26888,7 @@ span.flatpickr-weekday {
|
|
|
26852
26888
|
--tab-item-paragraph-indent: 0px;
|
|
26853
26889
|
--tab-item-width: 100%
|
|
26854
26890
|
}
|
|
26855
|
-
[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]) {
|
|
26856
26892
|
--tab-item-color: var(--text-primary);
|
|
26857
26893
|
--tab-item-border-color: var(--border-border-grey-1);
|
|
26858
26894
|
--tab-item-border-top-width: 2px;
|
|
@@ -26871,7 +26907,7 @@ span.flatpickr-weekday {
|
|
|
26871
26907
|
--tab-item-paragraph-indent: 0px;
|
|
26872
26908
|
--tab-item-width: 100%
|
|
26873
26909
|
}
|
|
26874
|
-
[data-theme='
|
|
26910
|
+
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"], [data-theme='light'] [component-variant="tab-item-underlined-unselected"] {
|
|
26875
26911
|
--tab-item-color: var(--text-secondary);
|
|
26876
26912
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26877
26913
|
--tab-item-padding-bottom: var(--spacing-space-5);
|
|
@@ -26885,7 +26921,7 @@ span.flatpickr-weekday {
|
|
|
26885
26921
|
--tab-item-paragraph-indent: 0px;
|
|
26886
26922
|
--tab-item-width: 100%
|
|
26887
26923
|
}
|
|
26888
|
-
[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]) {
|
|
26889
26925
|
--tab-item-color: var(--text-primary);
|
|
26890
26926
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26891
26927
|
--tab-item-padding-bottom: var(--spacing-space-5);
|
|
@@ -26899,7 +26935,7 @@ span.flatpickr-weekday {
|
|
|
26899
26935
|
--tab-item-paragraph-indent: 0px;
|
|
26900
26936
|
--tab-item-width: 100%
|
|
26901
26937
|
}
|
|
26902
|
-
[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]) {
|
|
26903
26939
|
--tab-item-color: var(--text-primary);
|
|
26904
26940
|
--tab-item-padding-top: var(--spacing-space-5);
|
|
26905
26941
|
--tab-item-padding-bottom: var(--spacing-space-5);
|
|
@@ -26913,7 +26949,7 @@ span.flatpickr-weekday {
|
|
|
26913
26949
|
--tab-item-paragraph-indent: 0px;
|
|
26914
26950
|
--tab-item-width: 100%
|
|
26915
26951
|
}
|
|
26916
|
-
[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]) {
|
|
26917
26953
|
--tab-item-color: var(--text-primary);
|
|
26918
26954
|
--tab-item-border-color: var(--border-border-grey-1);
|
|
26919
26955
|
--tab-item-border-top-width: 1px;
|
|
@@ -26932,7 +26968,7 @@ span.flatpickr-weekday {
|
|
|
26932
26968
|
--tab-item-paragraph-indent: 0px;
|
|
26933
26969
|
--tab-item-width: 100%
|
|
26934
26970
|
}
|
|
26935
|
-
[data-theme='
|
|
26971
|
+
[data-theme='dark'] [component-variant="tab-item-filled-selected"], [data-theme='light'] [component-variant="tab-item-filled-selected"] {
|
|
26936
26972
|
--tab-item-wrapper-row-gap: 8px;
|
|
26937
26973
|
--tab-item-wrapper-column-gap: 8px;
|
|
26938
26974
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26941,7 +26977,7 @@ span.flatpickr-weekday {
|
|
|
26941
26977
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26942
26978
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26943
26979
|
}
|
|
26944
|
-
[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]) {
|
|
26945
26981
|
--tab-item-wrapper-row-gap: 8px;
|
|
26946
26982
|
--tab-item-wrapper-column-gap: 8px;
|
|
26947
26983
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26950,7 +26986,7 @@ span.flatpickr-weekday {
|
|
|
26950
26986
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26951
26987
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26952
26988
|
}
|
|
26953
|
-
[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]) {
|
|
26954
26990
|
--tab-item-wrapper-row-gap: 8px;
|
|
26955
26991
|
--tab-item-wrapper-column-gap: 8px;
|
|
26956
26992
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26959,7 +26995,7 @@ span.flatpickr-weekday {
|
|
|
26959
26995
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26960
26996
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26961
26997
|
}
|
|
26962
|
-
[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]) {
|
|
26963
26999
|
--tab-item-wrapper-row-gap: 8px;
|
|
26964
27000
|
--tab-item-wrapper-column-gap: 8px;
|
|
26965
27001
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26968,7 +27004,7 @@ span.flatpickr-weekday {
|
|
|
26968
27004
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26969
27005
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26970
27006
|
}
|
|
26971
|
-
[data-theme='
|
|
27007
|
+
[data-theme='dark'] [component-variant="tab-item-filled-unselected"], [data-theme='light'] [component-variant="tab-item-filled-unselected"] {
|
|
26972
27008
|
--tab-item-wrapper-row-gap: 8px;
|
|
26973
27009
|
--tab-item-wrapper-column-gap: 8px;
|
|
26974
27010
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26977,7 +27013,7 @@ span.flatpickr-weekday {
|
|
|
26977
27013
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26978
27014
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26979
27015
|
}
|
|
26980
|
-
[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]) {
|
|
26981
27017
|
--tab-item-wrapper-row-gap: 8px;
|
|
26982
27018
|
--tab-item-wrapper-column-gap: 8px;
|
|
26983
27019
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26986,7 +27022,7 @@ span.flatpickr-weekday {
|
|
|
26986
27022
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26987
27023
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26988
27024
|
}
|
|
26989
|
-
[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]) {
|
|
26990
27026
|
--tab-item-wrapper-row-gap: 8px;
|
|
26991
27027
|
--tab-item-wrapper-column-gap: 8px;
|
|
26992
27028
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -26995,7 +27031,7 @@ span.flatpickr-weekday {
|
|
|
26995
27031
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
26996
27032
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
26997
27033
|
}
|
|
26998
|
-
[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]) {
|
|
26999
27035
|
--tab-item-wrapper-row-gap: 8px;
|
|
27000
27036
|
--tab-item-wrapper-column-gap: 8px;
|
|
27001
27037
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -27004,7 +27040,7 @@ span.flatpickr-weekday {
|
|
|
27004
27040
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27005
27041
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27006
27042
|
}
|
|
27007
|
-
[data-theme='
|
|
27043
|
+
[data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
|
|
27008
27044
|
--tab-item-wrapper-padding-left: var(--spacing-space-3);
|
|
27009
27045
|
--tab-item-wrapper-padding-right: var(--spacing-space-3);
|
|
27010
27046
|
--tab-item-wrapper-row-gap: 8px;
|
|
@@ -27015,7 +27051,7 @@ span.flatpickr-weekday {
|
|
|
27015
27051
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27016
27052
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27017
27053
|
}
|
|
27018
|
-
[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]) {
|
|
27019
27055
|
--tab-item-wrapper-padding-left: var(--spacing-space-3);
|
|
27020
27056
|
--tab-item-wrapper-padding-right: var(--spacing-space-3);
|
|
27021
27057
|
--tab-item-wrapper-row-gap: 8px;
|
|
@@ -27026,7 +27062,7 @@ span.flatpickr-weekday {
|
|
|
27026
27062
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27027
27063
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27028
27064
|
}
|
|
27029
|
-
[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]) {
|
|
27030
27066
|
--tab-item-wrapper-padding-left: var(--spacing-space-3);
|
|
27031
27067
|
--tab-item-wrapper-padding-right: var(--spacing-space-3);
|
|
27032
27068
|
--tab-item-wrapper-row-gap: 8px;
|
|
@@ -27037,7 +27073,7 @@ span.flatpickr-weekday {
|
|
|
27037
27073
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27038
27074
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27039
27075
|
}
|
|
27040
|
-
[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]) {
|
|
27041
27077
|
--tab-item-wrapper-padding-left: var(--spacing-space-3);
|
|
27042
27078
|
--tab-item-wrapper-padding-right: var(--spacing-space-3);
|
|
27043
27079
|
--tab-item-wrapper-row-gap: 8px;
|
|
@@ -27048,7 +27084,7 @@ span.flatpickr-weekday {
|
|
|
27048
27084
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27049
27085
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27050
27086
|
}
|
|
27051
|
-
[data-theme='
|
|
27087
|
+
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"], [data-theme='light'] [component-variant="tab-item-underlined-unselected"] {
|
|
27052
27088
|
--tab-item-wrapper-row-gap: 8px;
|
|
27053
27089
|
--tab-item-wrapper-column-gap: 8px;
|
|
27054
27090
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -27057,7 +27093,7 @@ span.flatpickr-weekday {
|
|
|
27057
27093
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27058
27094
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27059
27095
|
}
|
|
27060
|
-
[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]) {
|
|
27061
27097
|
--tab-item-wrapper-row-gap: 8px;
|
|
27062
27098
|
--tab-item-wrapper-column-gap: 8px;
|
|
27063
27099
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -27066,7 +27102,7 @@ span.flatpickr-weekday {
|
|
|
27066
27102
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27067
27103
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27068
27104
|
}
|
|
27069
|
-
[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]) {
|
|
27070
27106
|
--tab-item-wrapper-row-gap: 8px;
|
|
27071
27107
|
--tab-item-wrapper-column-gap: 8px;
|
|
27072
27108
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -27075,7 +27111,7 @@ span.flatpickr-weekday {
|
|
|
27075
27111
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27076
27112
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27077
27113
|
}
|
|
27078
|
-
[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]) {
|
|
27079
27115
|
--tab-item-wrapper-row-gap: 8px;
|
|
27080
27116
|
--tab-item-wrapper-column-gap: 8px;
|
|
27081
27117
|
--tab-item-wrapper-font-family: sans-sarif;
|
|
@@ -27084,7 +27120,7 @@ span.flatpickr-weekday {
|
|
|
27084
27120
|
--tab-item-wrapper-paragraph-spacing: 0px;
|
|
27085
27121
|
--tab-item-wrapper-paragraph-indent: 0px
|
|
27086
27122
|
}
|
|
27087
|
-
[data-theme='
|
|
27123
|
+
[data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
|
|
27088
27124
|
--tab-item-underline-height: 2px;
|
|
27089
27125
|
--tab-item-underline-width: 100%;
|
|
27090
27126
|
--tab-item-underline-background-color: var(--border-primary);
|
|
@@ -27100,7 +27136,7 @@ span.flatpickr-weekday {
|
|
|
27100
27136
|
--tab-item-underline-paragraph-spacing: 0px;
|
|
27101
27137
|
--tab-item-underline-paragraph-indent: 0px
|
|
27102
27138
|
}
|
|
27103
|
-
[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]) {
|
|
27104
27140
|
--tab-item-underline-height: 2px;
|
|
27105
27141
|
--tab-item-underline-width: 100%;
|
|
27106
27142
|
--tab-item-underline-background-color: var(--border-primary);
|
|
@@ -27116,7 +27152,7 @@ span.flatpickr-weekday {
|
|
|
27116
27152
|
--tab-item-underline-paragraph-spacing: 0px;
|
|
27117
27153
|
--tab-item-underline-paragraph-indent: 0px
|
|
27118
27154
|
}
|
|
27119
|
-
[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]) {
|
|
27120
27156
|
--tab-item-underline-width: 100%;
|
|
27121
27157
|
--tab-item-underline-background-color: var(--border-primary);
|
|
27122
27158
|
--tab-item-underline-padding-left: 10px;
|