@breadstone/mosaik-elements-svelte 0.0.254 → 0.0.255
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/CHANGELOG.md +4 -0
- package/index.mjs +122 -60
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
package/index.mjs
CHANGED
|
@@ -172451,7 +172451,6 @@ function H_e() {
|
|
|
172451
172451
|
flex-direction: column;
|
|
172452
172452
|
flex: 1;
|
|
172453
172453
|
display: flex;
|
|
172454
|
-
overflow: hidden;
|
|
172455
172454
|
}
|
|
172456
172455
|
|
|
172457
172456
|
`;
|
|
@@ -172528,7 +172527,6 @@ function U_e() {
|
|
|
172528
172527
|
flex-direction: column;
|
|
172529
172528
|
flex: 1;
|
|
172530
172529
|
display: flex;
|
|
172531
|
-
overflow: hidden;
|
|
172532
172530
|
}
|
|
172533
172531
|
|
|
172534
172532
|
`;
|
|
@@ -172605,7 +172603,6 @@ function W_e() {
|
|
|
172605
172603
|
flex-direction: column;
|
|
172606
172604
|
flex: 1;
|
|
172607
172605
|
display: flex;
|
|
172608
|
-
overflow: hidden;
|
|
172609
172606
|
}
|
|
172610
172607
|
|
|
172611
172608
|
`;
|
|
@@ -213908,15 +213905,36 @@ function ywe() {
|
|
|
213908
213905
|
--tab-strip-item-foreground-color: var(--joy-scheme-disabled);
|
|
213909
213906
|
}
|
|
213910
213907
|
|
|
213911
|
-
:host(:hover:not([disabled]:not([disabled="false"])))
|
|
213908
|
+
:host(:hover:not([disabled]:not([disabled="false"]))) {
|
|
213909
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
213910
|
+
}
|
|
213911
|
+
|
|
213912
|
+
:host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="icon"], :host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
213912
213913
|
color: var(--joy-color-primary-500);
|
|
213913
213914
|
}
|
|
213914
213915
|
|
|
213915
|
-
:host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="label"], :host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-text)
|
|
213916
|
+
:host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="label"], :host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
213917
|
+
color: var(--joy-color-primary-500);
|
|
213918
|
+
font-weight: 600;
|
|
213919
|
+
}
|
|
213920
|
+
|
|
213921
|
+
:host([is-selected]:not([disabled]:not([disabled="false"]))) {
|
|
213922
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
213923
|
+
}
|
|
213924
|
+
|
|
213925
|
+
:host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="icon"], :host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
213926
|
+
color: var(--joy-color-primary-500);
|
|
213927
|
+
}
|
|
213928
|
+
|
|
213929
|
+
:host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="label"], :host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
213916
213930
|
color: var(--joy-color-primary-500);
|
|
213917
213931
|
font-weight: 600;
|
|
213918
213932
|
}
|
|
213919
213933
|
|
|
213934
|
+
:host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
213935
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
213936
|
+
}
|
|
213937
|
+
|
|
213920
213938
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
213921
213939
|
color: var(--joy-color-primary-500);
|
|
213922
213940
|
}
|
|
@@ -213926,148 +213944,180 @@ function ywe() {
|
|
|
213926
213944
|
font-weight: 600;
|
|
213927
213945
|
}
|
|
213928
213946
|
|
|
213947
|
+
:host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
213948
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
213949
|
+
}
|
|
213950
|
+
|
|
213929
213951
|
:host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
213930
213952
|
color: var(--joy-color-primary-500);
|
|
213931
213953
|
}
|
|
213932
213954
|
|
|
213933
|
-
:host([variant="
|
|
213934
|
-
background-color: var(--joy-
|
|
213955
|
+
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
213956
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
213935
213957
|
}
|
|
213936
213958
|
|
|
213937
213959
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
213938
|
-
color: var(--joy-color-
|
|
213960
|
+
color: var(--joy-color-secondary-500);
|
|
213939
213961
|
}
|
|
213940
213962
|
|
|
213941
213963
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
213942
|
-
color: var(--joy-color-
|
|
213964
|
+
color: var(--joy-color-secondary-500);
|
|
213943
213965
|
font-weight: 600;
|
|
213944
213966
|
}
|
|
213945
213967
|
|
|
213968
|
+
:host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
213969
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
213970
|
+
}
|
|
213971
|
+
|
|
213946
213972
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
213947
|
-
color: var(--joy-color-
|
|
213973
|
+
color: var(--joy-color-secondary-500);
|
|
213948
213974
|
}
|
|
213949
213975
|
|
|
213950
|
-
:host([variant="
|
|
213951
|
-
background-color: var(--joy-
|
|
213976
|
+
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
213977
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
213952
213978
|
}
|
|
213953
213979
|
|
|
213954
213980
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
213955
|
-
color: var(--joy-color-
|
|
213981
|
+
color: var(--joy-color-tertiary-500);
|
|
213956
213982
|
}
|
|
213957
213983
|
|
|
213958
213984
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
213959
|
-
color: var(--joy-color-
|
|
213985
|
+
color: var(--joy-color-tertiary-500);
|
|
213960
213986
|
font-weight: 600;
|
|
213961
213987
|
}
|
|
213962
213988
|
|
|
213989
|
+
:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
213990
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
213991
|
+
}
|
|
213992
|
+
|
|
213963
213993
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
213964
|
-
color: var(--joy-color-
|
|
213994
|
+
color: var(--joy-color-tertiary-500);
|
|
213965
213995
|
}
|
|
213966
213996
|
|
|
213967
|
-
:host([variant="
|
|
213968
|
-
background-color: var(--joy-
|
|
213997
|
+
:host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
|
|
213998
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
213969
213999
|
}
|
|
213970
214000
|
|
|
213971
214001
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
213972
|
-
color: var(--joy-color-
|
|
214002
|
+
color: var(--joy-color-danger-500);
|
|
213973
214003
|
}
|
|
213974
214004
|
|
|
213975
214005
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
213976
|
-
color: var(--joy-color-
|
|
214006
|
+
color: var(--joy-color-danger-500);
|
|
213977
214007
|
font-weight: 600;
|
|
213978
214008
|
}
|
|
213979
214009
|
|
|
214010
|
+
:host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
214011
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
214012
|
+
}
|
|
214013
|
+
|
|
213980
214014
|
:host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
213981
|
-
color: var(--joy-color-
|
|
214015
|
+
color: var(--joy-color-danger-500);
|
|
213982
214016
|
}
|
|
213983
214017
|
|
|
213984
|
-
:host([variant="
|
|
213985
|
-
background-color: var(--joy-
|
|
214018
|
+
:host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
|
|
214019
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
213986
214020
|
}
|
|
213987
214021
|
|
|
213988
214022
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
213989
|
-
color: var(--joy-color-
|
|
214023
|
+
color: var(--joy-color-warning-500);
|
|
213990
214024
|
}
|
|
213991
214025
|
|
|
213992
214026
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
213993
|
-
color: var(--joy-color-
|
|
214027
|
+
color: var(--joy-color-warning-500);
|
|
213994
214028
|
font-weight: 600;
|
|
213995
214029
|
}
|
|
213996
214030
|
|
|
214031
|
+
:host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
214032
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
214033
|
+
}
|
|
214034
|
+
|
|
213997
214035
|
:host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
213998
|
-
color: var(--joy-color-
|
|
214036
|
+
color: var(--joy-color-warning-500);
|
|
213999
214037
|
}
|
|
214000
214038
|
|
|
214001
|
-
:host([variant="
|
|
214002
|
-
background-color: var(--joy-
|
|
214039
|
+
:host([variant="success"]:not([disabled]:not([disabled="false"])):hover) {
|
|
214040
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
214003
214041
|
}
|
|
214004
214042
|
|
|
214005
214043
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
214006
|
-
color: var(--joy-color-
|
|
214044
|
+
color: var(--joy-color-success-500);
|
|
214007
214045
|
}
|
|
214008
214046
|
|
|
214009
214047
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
214010
|
-
color: var(--joy-color-
|
|
214048
|
+
color: var(--joy-color-success-500);
|
|
214011
214049
|
font-weight: 600;
|
|
214012
214050
|
}
|
|
214013
214051
|
|
|
214052
|
+
:host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
214053
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
214054
|
+
}
|
|
214055
|
+
|
|
214014
214056
|
:host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
214015
|
-
color: var(--joy-color-
|
|
214057
|
+
color: var(--joy-color-success-500);
|
|
214016
214058
|
}
|
|
214017
214059
|
|
|
214018
|
-
:host([variant="
|
|
214019
|
-
background-color: var(--joy-
|
|
214060
|
+
:host([variant="info"]:not([disabled]:not([disabled="false"])):hover) {
|
|
214061
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
214020
214062
|
}
|
|
214021
214063
|
|
|
214022
214064
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
214023
|
-
color: var(--joy-color-
|
|
214065
|
+
color: var(--joy-color-info-500);
|
|
214024
214066
|
}
|
|
214025
214067
|
|
|
214026
214068
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
214027
|
-
color: var(--joy-color-
|
|
214069
|
+
color: var(--joy-color-info-500);
|
|
214028
214070
|
font-weight: 600;
|
|
214029
214071
|
}
|
|
214030
214072
|
|
|
214073
|
+
:host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
214074
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
214075
|
+
}
|
|
214076
|
+
|
|
214031
214077
|
:host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
214032
|
-
color: var(--joy-color-
|
|
214078
|
+
color: var(--joy-color-info-500);
|
|
214033
214079
|
}
|
|
214034
214080
|
|
|
214035
|
-
:host([variant="
|
|
214036
|
-
background-color: var(--joy-
|
|
214081
|
+
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
|
|
214082
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
214037
214083
|
}
|
|
214038
214084
|
|
|
214039
214085
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
214040
|
-
color: var(--joy-color-
|
|
214086
|
+
color: var(--joy-color-highlight-500);
|
|
214041
214087
|
}
|
|
214042
214088
|
|
|
214043
214089
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
214044
|
-
color: var(--joy-color-
|
|
214090
|
+
color: var(--joy-color-highlight-500);
|
|
214045
214091
|
font-weight: 600;
|
|
214046
214092
|
}
|
|
214047
214093
|
|
|
214094
|
+
:host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
214095
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
214096
|
+
}
|
|
214097
|
+
|
|
214048
214098
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
214049
|
-
color: var(--joy-color-
|
|
214099
|
+
color: var(--joy-color-highlight-500);
|
|
214050
214100
|
}
|
|
214051
214101
|
|
|
214052
|
-
:host([variant="
|
|
214053
|
-
background-color: var(--joy-
|
|
214102
|
+
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
|
|
214103
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
214054
214104
|
}
|
|
214055
214105
|
|
|
214056
214106
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
214057
|
-
color: var(--joy-color-
|
|
214107
|
+
color: var(--joy-color-neutral-500);
|
|
214058
214108
|
}
|
|
214059
214109
|
|
|
214060
214110
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
214061
|
-
color: var(--joy-color-
|
|
214111
|
+
color: var(--joy-color-neutral-500);
|
|
214062
214112
|
font-weight: 600;
|
|
214063
214113
|
}
|
|
214064
214114
|
|
|
214065
|
-
:host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected])
|
|
214066
|
-
color: var(--joy-
|
|
214115
|
+
:host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
214116
|
+
--tab-strip-item-background-color: var(--joy-scheme-highlight);
|
|
214067
214117
|
}
|
|
214068
214118
|
|
|
214069
|
-
:host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"]:
|
|
214070
|
-
|
|
214119
|
+
:host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
214120
|
+
color: var(--joy-color-neutral-500);
|
|
214071
214121
|
}
|
|
214072
214122
|
|
|
214073
214123
|
`;
|
|
@@ -214261,6 +214311,18 @@ var r7 = function(e, t, n, r) {
|
|
|
214261
214311
|
static get is() {
|
|
214262
214312
|
return "mosaik-tab-strip-item";
|
|
214263
214313
|
}
|
|
214314
|
+
get disabled() {
|
|
214315
|
+
return this._inheritance.get("disabled", super.disabled);
|
|
214316
|
+
}
|
|
214317
|
+
set disabled(e) {
|
|
214318
|
+
this._inheritance.markExplicit("disabled"), super.disabled = e;
|
|
214319
|
+
}
|
|
214320
|
+
get variant() {
|
|
214321
|
+
return this._inheritance.get("variant", super.variant);
|
|
214322
|
+
}
|
|
214323
|
+
set variant(e) {
|
|
214324
|
+
this._inheritance.markExplicit("variant"), super.variant = e;
|
|
214325
|
+
}
|
|
214264
214326
|
get placement() {
|
|
214265
214327
|
return this._placement;
|
|
214266
214328
|
}
|
|
@@ -214663,7 +214725,7 @@ var o7 = function(e, t, n, r) {
|
|
|
214663
214725
|
_placement;
|
|
214664
214726
|
_hasIndicator;
|
|
214665
214727
|
constructor() {
|
|
214666
|
-
super(), this._placement = t7.Top, this._hasIndicator = !
|
|
214728
|
+
super(), this._placement = t7.Top, this._hasIndicator = !1, this._indicatorElement = null, this._keyboardController = new vA(this, { capture: !0 }), this._resizeController = new Lz(this, { callback: () => {
|
|
214667
214729
|
let e = this.getCurrent();
|
|
214668
214730
|
e && this.alignIndicatorTo(e);
|
|
214669
214731
|
} });
|
|
@@ -215209,11 +215271,11 @@ function p7(e) {
|
|
|
215209
215271
|
`;
|
|
215210
215272
|
}
|
|
215211
215273
|
//#endregion
|
|
215212
|
-
//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.
|
|
215274
|
+
//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.Cosmopolitan.js
|
|
215213
215275
|
function kwe() {
|
|
215214
215276
|
return B`
|
|
215215
215277
|
:host {
|
|
215216
|
-
--tab-panel-background-color:
|
|
215278
|
+
--tab-panel-background-color: unset;
|
|
215217
215279
|
--tab-panel-font-family: unset;
|
|
215218
215280
|
--tab-panel-font-letter-spacing: unset;
|
|
215219
215281
|
--tab-panel-font-line-height: unset;
|
|
@@ -215301,11 +215363,11 @@ function kwe() {
|
|
|
215301
215363
|
`;
|
|
215302
215364
|
}
|
|
215303
215365
|
//#endregion
|
|
215304
|
-
//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.
|
|
215366
|
+
//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.Joy.js
|
|
215305
215367
|
function Awe() {
|
|
215306
215368
|
return B`
|
|
215307
215369
|
:host {
|
|
215308
|
-
--tab-panel-background-color: var(--
|
|
215370
|
+
--tab-panel-background-color: var(--joy-scheme-background);
|
|
215309
215371
|
--tab-panel-font-family: unset;
|
|
215310
215372
|
--tab-panel-font-letter-spacing: unset;
|
|
215311
215373
|
--tab-panel-font-line-height: unset;
|
|
@@ -215393,11 +215455,11 @@ function Awe() {
|
|
|
215393
215455
|
`;
|
|
215394
215456
|
}
|
|
215395
215457
|
//#endregion
|
|
215396
|
-
//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.
|
|
215458
|
+
//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.Memphis.js
|
|
215397
215459
|
function jwe() {
|
|
215398
215460
|
return B`
|
|
215399
215461
|
:host {
|
|
215400
|
-
--tab-panel-background-color:
|
|
215462
|
+
--tab-panel-background-color: var(--memphis-scheme-background);
|
|
215401
215463
|
--tab-panel-font-family: unset;
|
|
215402
215464
|
--tab-panel-font-letter-spacing: unset;
|
|
215403
215465
|
--tab-panel-font-line-height: unset;
|
|
@@ -215503,7 +215565,7 @@ var m7 = function(e, t, n, r) {
|
|
|
215503
215565
|
_hasIndicator;
|
|
215504
215566
|
_enableGestures;
|
|
215505
215567
|
constructor() {
|
|
215506
|
-
super(), this._alignment = e7.Start, this._placement = t7.Top, this._hasScrollableContent = !1, this._canScrollToStart = !0, this._canScrollToEnd = !1, this._hasIndicator = !
|
|
215568
|
+
super(), this._alignment = e7.Start, this._placement = t7.Top, this._hasScrollableContent = !1, this._canScrollToStart = !0, this._canScrollToEnd = !1, this._hasIndicator = !1, this._enableGestures = !1;
|
|
215507
215569
|
}
|
|
215508
215570
|
static get is() {
|
|
215509
215571
|
return "mosaik-tab-panel";
|
|
@@ -215609,9 +215671,9 @@ m7([
|
|
|
215609
215671
|
selector: "mosaik-tab-panel",
|
|
215610
215672
|
template: p7,
|
|
215611
215673
|
themes: {
|
|
215612
|
-
joy:
|
|
215613
|
-
memphis:
|
|
215614
|
-
cosmopolitan:
|
|
215674
|
+
joy: Awe,
|
|
215675
|
+
memphis: jwe,
|
|
215676
|
+
cosmopolitan: kwe
|
|
215615
215677
|
},
|
|
215616
215678
|
options: {
|
|
215617
215679
|
mode: "open",
|
|
@@ -216388,7 +216450,7 @@ var _7 = function(e, t, n, r) {
|
|
|
216388
216450
|
_hasIndicator;
|
|
216389
216451
|
_enableGestures;
|
|
216390
216452
|
constructor() {
|
|
216391
|
-
super(), this._alignment = e7.Stretch, this._placement = t7.Top, this._hasIndicator = !
|
|
216453
|
+
super(), this._alignment = e7.Stretch, this._placement = t7.Top, this._hasIndicator = !1, this._enableGestures = !1;
|
|
216392
216454
|
}
|
|
216393
216455
|
static get is() {
|
|
216394
216456
|
return "mosaik-tab";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@breadstone/mosaik-elements-svelte",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.255",
|
|
4
4
|
"description": "Mosaik elements for Svelte.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"vite": "*"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@breadstone/mosaik-elements": "^0.0.
|
|
19
|
-
"@breadstone/mosaik-elements-foundation": "^0.0.
|
|
18
|
+
"@breadstone/mosaik-elements": "^0.0.255",
|
|
19
|
+
"@breadstone/mosaik-elements-foundation": "^0.0.255"
|
|
20
20
|
},
|
|
21
21
|
"exports": {
|
|
22
22
|
".": {
|