@i-cell/ids-styles 0.0.24 → 0.0.26
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/components.css +318 -655
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +407 -730
- package/dist/segmented-control/segmented-control-toggle.css +117 -228
- package/dist/segmented-control/segmented-control-toggle.min.css +1 -1
- package/dist/segmented-control/segmented-control-toggle.plugin.js +206 -334
- package/dist/segmented-control/segmented-control.css +4 -267
- package/dist/segmented-control/segmented-control.min.css +1 -1
- package/dist/segmented-control/segmented-control.plugin.js +4 -252
- package/dist/tooltip/tooltip.css +197 -160
- package/dist/tooltip/tooltip.min.css +1 -1
- package/dist/tooltip/tooltip.plugin.js +197 -144
- package/package.json +1 -1
|
@@ -8852,58 +8852,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
8852
8852
|
},
|
|
8853
8853
|
'.ids-segmented-control.ids-segmented-control-primary .ids-segmented-control-item>button:focus,.ids-segmented-control.ids-segmented-control-primary .ids-segmented-control-item>button:focus-visible':
|
|
8854
8854
|
{ outlineColor: 'var(--ids-comp-segmented-control-focused-outline-color-dark-focused)' },
|
|
8855
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled': {
|
|
8856
|
-
backgroundColor: 'var(--ids-comp-segmented-control-container-filled-color-bg-primary-default)',
|
|
8857
|
-
borderColor: 'var(--ids-comp-segmented-control-container-filled-color-border-primary-default)',
|
|
8858
|
-
},
|
|
8859
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button': {
|
|
8860
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-primary-default)',
|
|
8861
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-default)',
|
|
8862
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-primary-default)',
|
|
8863
|
-
},
|
|
8864
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon': {
|
|
8865
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-default)',
|
|
8866
|
-
},
|
|
8867
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled)':
|
|
8868
|
-
{
|
|
8869
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-primary-active)',
|
|
8870
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-active)',
|
|
8871
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-primary-active)',
|
|
8872
|
-
},
|
|
8873
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon':
|
|
8874
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-active)' },
|
|
8875
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:hover': {
|
|
8876
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-primary-hovered)',
|
|
8877
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-hovered)',
|
|
8878
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-primary-hovered)',
|
|
8879
|
-
},
|
|
8880
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon':
|
|
8881
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-hovered)' },
|
|
8882
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:active': {
|
|
8883
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-primary-pressed)',
|
|
8884
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-pressed)',
|
|
8885
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-primary-pressed)',
|
|
8886
|
-
},
|
|
8887
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon':
|
|
8888
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-pressed)' },
|
|
8889
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:focus,.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:focus-visible':
|
|
8890
|
-
{
|
|
8891
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-primary-focused)',
|
|
8892
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-focused)',
|
|
8893
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-primary-focused)',
|
|
8894
|
-
},
|
|
8895
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon,.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:focus-visible .ids-icon':
|
|
8896
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-focused)' },
|
|
8897
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:disabled': {
|
|
8898
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-primary-disabled)',
|
|
8899
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-disabled)',
|
|
8900
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-primary-disabled)',
|
|
8901
|
-
},
|
|
8902
|
-
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon':
|
|
8903
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-disabled)' },
|
|
8904
8855
|
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined': {
|
|
8905
|
-
backgroundColor: 'var(--ids-comp-segmented-control-container-outlined-color-bg-
|
|
8906
|
-
borderColor: 'var(--ids-comp-segmented-control-container-outlined-color-border-
|
|
8856
|
+
backgroundColor: 'var(--ids-comp-segmented-control-container-outlined-color-bg-surface-default)',
|
|
8857
|
+
borderColor: 'var(--ids-comp-segmented-control-container-outlined-color-border-surface-default)',
|
|
8907
8858
|
},
|
|
8908
8859
|
'.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button': {
|
|
8909
8860
|
backgroundColor: 'var(--ids-comp-segmented-control-button-outlined-color-bg-primary-default)',
|
|
@@ -8952,55 +8903,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
8952
8903
|
{ color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-icon-primary-disabled)' },
|
|
8953
8904
|
'.ids-segmented-control.ids-segmented-control-surface .ids-segmented-control-item>button:focus,.ids-segmented-control.ids-segmented-control-surface .ids-segmented-control-item>button:focus-visible':
|
|
8954
8905
|
{ outlineColor: 'var(--ids-comp-segmented-control-focused-outline-color-dark-focused)' },
|
|
8955
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled': {
|
|
8956
|
-
backgroundColor: 'var(--ids-comp-segmented-control-container-filled-color-bg-surface-default)',
|
|
8957
|
-
borderColor: 'var(--ids-comp-segmented-control-container-filled-color-border-surface-default)',
|
|
8958
|
-
},
|
|
8959
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button': {
|
|
8960
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-surface-default)',
|
|
8961
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-default)',
|
|
8962
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-surface-default)',
|
|
8963
|
-
},
|
|
8964
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon': {
|
|
8965
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-default)',
|
|
8966
|
-
},
|
|
8967
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled)':
|
|
8968
|
-
{
|
|
8969
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-surface-active)',
|
|
8970
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-active)',
|
|
8971
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-surface-active)',
|
|
8972
|
-
},
|
|
8973
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon':
|
|
8974
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-active)' },
|
|
8975
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:hover': {
|
|
8976
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-surface-hovered)',
|
|
8977
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-hovered)',
|
|
8978
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-surface-hovered)',
|
|
8979
|
-
},
|
|
8980
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon':
|
|
8981
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-hovered)' },
|
|
8982
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:active': {
|
|
8983
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-surface-pressed)',
|
|
8984
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-pressed)',
|
|
8985
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-surface-pressed)',
|
|
8986
|
-
},
|
|
8987
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon':
|
|
8988
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-pressed)' },
|
|
8989
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:focus,.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:focus-visible':
|
|
8990
|
-
{
|
|
8991
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-surface-focused)',
|
|
8992
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-focused)',
|
|
8993
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-surface-focused)',
|
|
8994
|
-
},
|
|
8995
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon,.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:focus-visible .ids-icon':
|
|
8996
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-focused)' },
|
|
8997
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:disabled': {
|
|
8998
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-surface-disabled)',
|
|
8999
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-disabled)',
|
|
9000
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-surface-disabled)',
|
|
9001
|
-
},
|
|
9002
|
-
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon':
|
|
9003
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-disabled)' },
|
|
9004
8906
|
'.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined': {
|
|
9005
8907
|
backgroundColor: 'var(--ids-comp-segmented-control-container-outlined-color-bg-surface-default)',
|
|
9006
8908
|
borderColor: 'var(--ids-comp-segmented-control-container-outlined-color-border-surface-default)',
|
|
@@ -9052,58 +8954,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
9052
8954
|
{ color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-icon-surface-disabled)' },
|
|
9053
8955
|
'.ids-segmented-control.ids-segmented-control-light .ids-segmented-control-item>button:focus,.ids-segmented-control.ids-segmented-control-light .ids-segmented-control-item>button:focus-visible':
|
|
9054
8956
|
{ outlineColor: 'var(--ids-comp-segmented-control-focused-outline-color-light-focused)' },
|
|
9055
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled': {
|
|
9056
|
-
backgroundColor: 'var(--ids-comp-segmented-control-container-filled-color-bg-light-default)',
|
|
9057
|
-
borderColor: 'var(--ids-comp-segmented-control-container-filled-color-border-light-default)',
|
|
9058
|
-
},
|
|
9059
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button': {
|
|
9060
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-light-default)',
|
|
9061
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-light-default)',
|
|
9062
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-light-default)',
|
|
9063
|
-
},
|
|
9064
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon': {
|
|
9065
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-default)',
|
|
9066
|
-
},
|
|
9067
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled)':
|
|
9068
|
-
{
|
|
9069
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-light-active)',
|
|
9070
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-light-active)',
|
|
9071
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-light-active)',
|
|
9072
|
-
},
|
|
9073
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon':
|
|
9074
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-active)' },
|
|
9075
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:hover': {
|
|
9076
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-light-hovered)',
|
|
9077
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-light-hovered)',
|
|
9078
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-light-hovered)',
|
|
9079
|
-
},
|
|
9080
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon':
|
|
9081
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-hovered)' },
|
|
9082
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:active': {
|
|
9083
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-light-pressed)',
|
|
9084
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-light-pressed)',
|
|
9085
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-light-pressed)',
|
|
9086
|
-
},
|
|
9087
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon':
|
|
9088
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-pressed)' },
|
|
9089
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:focus,.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:focus-visible':
|
|
9090
|
-
{
|
|
9091
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-light-focused)',
|
|
9092
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-light-focused)',
|
|
9093
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-light-focused)',
|
|
9094
|
-
},
|
|
9095
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon,.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:focus-visible .ids-icon':
|
|
9096
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-focused)' },
|
|
9097
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:disabled': {
|
|
9098
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-light-disabled)',
|
|
9099
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-light-disabled)',
|
|
9100
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-light-disabled)',
|
|
9101
|
-
},
|
|
9102
|
-
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon':
|
|
9103
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-disabled)' },
|
|
9104
8957
|
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined': {
|
|
9105
|
-
backgroundColor: 'var(--ids-comp-segmented-control-container-outlined-color-bg-
|
|
9106
|
-
borderColor: 'var(--ids-comp-segmented-control-container-outlined-color-border-
|
|
8958
|
+
backgroundColor: 'var(--ids-comp-segmented-control-container-outlined-color-bg-surface-default)',
|
|
8959
|
+
borderColor: 'var(--ids-comp-segmented-control-container-outlined-color-border-surface-default)',
|
|
9107
8960
|
},
|
|
9108
8961
|
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button': {
|
|
9109
8962
|
backgroundColor: 'var(--ids-comp-segmented-control-button-outlined-color-bg-light-default)',
|
|
@@ -9150,107 +9003,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
9150
9003
|
},
|
|
9151
9004
|
'.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled .ids-icon':
|
|
9152
9005
|
{ color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-icon-light-disabled)' },
|
|
9153
|
-
'.ids-segmented-control.ids-segmented-control-dark .ids-segmented-control-item>button:focus,.ids-segmented-control.ids-segmented-control-dark .ids-segmented-control-item>button:focus-visible':
|
|
9154
|
-
{ outlineColor: 'var(--ids-comp-segmented-control-focused-outline-color-dark-focused)' },
|
|
9155
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled': {
|
|
9156
|
-
backgroundColor: 'var(--ids-comp-segmented-control-container-filled-color-bg-dark-default)',
|
|
9157
|
-
borderColor: 'var(--ids-comp-segmented-control-container-filled-color-border-dark-default)',
|
|
9158
|
-
},
|
|
9159
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button': {
|
|
9160
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-dark-default)',
|
|
9161
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-default)',
|
|
9162
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-dark-default)',
|
|
9163
|
-
},
|
|
9164
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon': {
|
|
9165
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-default)',
|
|
9166
|
-
},
|
|
9167
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled)':
|
|
9168
|
-
{
|
|
9169
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-dark-active)',
|
|
9170
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-active)',
|
|
9171
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-dark-active)',
|
|
9172
|
-
},
|
|
9173
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon':
|
|
9174
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-active)' },
|
|
9175
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:hover': {
|
|
9176
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-dark-hovered)',
|
|
9177
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-hovered)',
|
|
9178
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-dark-hovered)',
|
|
9179
|
-
},
|
|
9180
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon': {
|
|
9181
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-hovered)',
|
|
9182
|
-
},
|
|
9183
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:active': {
|
|
9184
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-dark-pressed)',
|
|
9185
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-pressed)',
|
|
9186
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-dark-pressed)',
|
|
9187
|
-
},
|
|
9188
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon':
|
|
9189
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-pressed)' },
|
|
9190
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:focus,.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:focus-visible':
|
|
9191
|
-
{
|
|
9192
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-dark-focused)',
|
|
9193
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-focused)',
|
|
9194
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-dark-focused)',
|
|
9195
|
-
},
|
|
9196
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon,.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:focus-visible .ids-icon':
|
|
9197
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-focused)' },
|
|
9198
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:disabled': {
|
|
9199
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-filled-color-bg-dark-disabled)',
|
|
9200
|
-
color: 'var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-disabled)',
|
|
9201
|
-
borderColor: 'var(--ids-comp-segmented-control-button-filled-color-border-dark-disabled)',
|
|
9202
|
-
},
|
|
9203
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon':
|
|
9204
|
-
{ color: 'var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-disabled)' },
|
|
9205
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined': {
|
|
9206
|
-
backgroundColor: 'var(--ids-comp-segmented-control-container-outlined-color-bg-dark-default)',
|
|
9207
|
-
borderColor: 'var(--ids-comp-segmented-control-container-outlined-color-border-dark-default)',
|
|
9208
|
-
},
|
|
9209
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button': {
|
|
9210
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-outlined-color-bg-dark-default)',
|
|
9211
|
-
color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-default)',
|
|
9212
|
-
borderColor: 'var(--ids-comp-segmented-control-button-outlined-color-border-dark-default)',
|
|
9213
|
-
},
|
|
9214
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button .ids-icon': {
|
|
9215
|
-
color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-default)',
|
|
9216
|
-
},
|
|
9217
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled)':
|
|
9218
|
-
{
|
|
9219
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-outlined-color-bg-dark-active)',
|
|
9220
|
-
color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-active)',
|
|
9221
|
-
borderColor: 'var(--ids-comp-segmented-control-button-outlined-color-border-dark-active)',
|
|
9222
|
-
},
|
|
9223
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon':
|
|
9224
|
-
{ color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-active)' },
|
|
9225
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:hover': {
|
|
9226
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-outlined-color-bg-dark-hovered)',
|
|
9227
|
-
color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-hovered)',
|
|
9228
|
-
borderColor: 'var(--ids-comp-segmented-control-button-outlined-color-border-dark-hovered)',
|
|
9229
|
-
},
|
|
9230
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:hover .ids-icon':
|
|
9231
|
-
{ color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-hovered)' },
|
|
9232
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:active': {
|
|
9233
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-outlined-color-bg-dark-pressed)',
|
|
9234
|
-
color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-pressed)',
|
|
9235
|
-
borderColor: 'var(--ids-comp-segmented-control-button-outlined-color-border-dark-pressed)',
|
|
9236
|
-
},
|
|
9237
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:active .ids-icon':
|
|
9238
|
-
{ color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-pressed)' },
|
|
9239
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:focus,.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:focus-visible':
|
|
9240
|
-
{
|
|
9241
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-outlined-color-bg-dark-focused)',
|
|
9242
|
-
color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-focused)',
|
|
9243
|
-
borderColor: 'var(--ids-comp-segmented-control-button-outlined-color-border-dark-focused)',
|
|
9244
|
-
},
|
|
9245
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:focus .ids-icon,.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:focus-visible .ids-icon':
|
|
9246
|
-
{ color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-focused)' },
|
|
9247
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled': {
|
|
9248
|
-
backgroundColor: 'var(--ids-comp-segmented-control-button-outlined-color-bg-dark-disabled)',
|
|
9249
|
-
color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-disabled)',
|
|
9250
|
-
borderColor: 'var(--ids-comp-segmented-control-button-outlined-color-border-dark-disabled)',
|
|
9251
|
-
},
|
|
9252
|
-
'.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled .ids-icon':
|
|
9253
|
-
{ color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-disabled)' },
|
|
9254
9006
|
'.ids-segmented-control-toggle': { display: 'inline-flex', flexDirection: 'row', flexWrap: 'nowrap', alignItems: 'center' },
|
|
9255
9007
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button': {
|
|
9256
9008
|
display: 'flex',
|
|
@@ -9260,7 +9012,12 @@ module.exports = function ComponentsPlugin() {
|
|
|
9260
9012
|
textWrap: 'nowrap',
|
|
9261
9013
|
},
|
|
9262
9014
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible':
|
|
9263
|
-
{
|
|
9015
|
+
{
|
|
9016
|
+
zIndex: 1,
|
|
9017
|
+
outlineStyle: 'solid',
|
|
9018
|
+
outlineOffset: '2px',
|
|
9019
|
+
outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)',
|
|
9020
|
+
},
|
|
9264
9021
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button.selected': { pointerEvents: 'none' },
|
|
9265
9022
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:not(:disabled)': { cursor: 'pointer' },
|
|
9266
9023
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:disabled': { cursor: 'not-allowed' },
|
|
@@ -9384,422 +9141,289 @@ module.exports = function ComponentsPlugin() {
|
|
|
9384
9141
|
fontWeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-dense)',
|
|
9385
9142
|
lineHeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-dense)',
|
|
9386
9143
|
},
|
|
9387
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9388
|
-
|
|
9389
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled': {
|
|
9390
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-primary-default)',
|
|
9144
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled': {
|
|
9145
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-surface-default)',
|
|
9391
9146
|
},
|
|
9392
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9393
|
-
|
|
9394
|
-
|
|
9395
|
-
|
|
9396
|
-
|
|
9397
|
-
|
|
9398
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9399
|
-
|
|
9400
|
-
|
|
9147
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined': {
|
|
9148
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-surface-default)',
|
|
9149
|
+
},
|
|
9150
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled': {
|
|
9151
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-light-default)',
|
|
9152
|
+
},
|
|
9153
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined': {
|
|
9154
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-light-default)',
|
|
9155
|
+
},
|
|
9156
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button': {
|
|
9157
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-default)',
|
|
9158
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-default)',
|
|
9159
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)',
|
|
9160
|
+
},
|
|
9161
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button .ids-icon': {
|
|
9162
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-default)',
|
|
9163
|
+
},
|
|
9164
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9401
9165
|
{
|
|
9402
9166
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-active)',
|
|
9403
9167
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-active)',
|
|
9404
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-
|
|
9168
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-active)',
|
|
9405
9169
|
},
|
|
9406
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9170
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
9407
9171
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-active)' },
|
|
9408
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9409
|
-
|
|
9410
|
-
|
|
9411
|
-
|
|
9412
|
-
|
|
9413
|
-
|
|
9414
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9172
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover': {
|
|
9173
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-hovered)',
|
|
9174
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-hovered)',
|
|
9175
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-hovered)',
|
|
9176
|
+
},
|
|
9177
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover .ids-icon':
|
|
9415
9178
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-hovered)' },
|
|
9416
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9417
|
-
|
|
9418
|
-
|
|
9419
|
-
|
|
9420
|
-
|
|
9421
|
-
|
|
9422
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9179
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active': {
|
|
9180
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-pressed)',
|
|
9181
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-pressed)',
|
|
9182
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-pressed)',
|
|
9183
|
+
},
|
|
9184
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active .ids-icon':
|
|
9423
9185
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-pressed)' },
|
|
9424
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9186
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible':
|
|
9425
9187
|
{
|
|
9426
9188
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-focused)',
|
|
9427
9189
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-focused)',
|
|
9428
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-
|
|
9190
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-focused)',
|
|
9429
9191
|
},
|
|
9430
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9192
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon':
|
|
9431
9193
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-focused)' },
|
|
9432
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9433
|
-
|
|
9434
|
-
|
|
9435
|
-
|
|
9436
|
-
|
|
9437
|
-
|
|
9438
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9194
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled': {
|
|
9195
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-disabled)',
|
|
9196
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-disabled)',
|
|
9197
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-disabled)',
|
|
9198
|
+
},
|
|
9199
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon':
|
|
9439
9200
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-disabled)' },
|
|
9440
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9441
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-
|
|
9201
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button': {
|
|
9202
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-default)',
|
|
9203
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-default)',
|
|
9204
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)',
|
|
9442
9205
|
},
|
|
9443
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9444
|
-
|
|
9445
|
-
|
|
9446
|
-
|
|
9447
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)',
|
|
9448
|
-
},
|
|
9449
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9450
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default)' },
|
|
9451
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9206
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button .ids-icon': {
|
|
9207
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default)',
|
|
9208
|
+
},
|
|
9209
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9452
9210
|
{
|
|
9453
9211
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-active)',
|
|
9454
9212
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-active)',
|
|
9455
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-
|
|
9213
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-active)',
|
|
9456
9214
|
},
|
|
9457
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9215
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
9458
9216
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-active)' },
|
|
9459
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9460
|
-
|
|
9461
|
-
|
|
9462
|
-
|
|
9463
|
-
|
|
9464
|
-
|
|
9465
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9217
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover': {
|
|
9218
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-hovered)',
|
|
9219
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-hovered)',
|
|
9220
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-hovered)',
|
|
9221
|
+
},
|
|
9222
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover .ids-icon':
|
|
9466
9223
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-hovered)' },
|
|
9467
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9468
|
-
|
|
9469
|
-
|
|
9470
|
-
|
|
9471
|
-
|
|
9472
|
-
|
|
9473
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9224
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active': {
|
|
9225
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-pressed)',
|
|
9226
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-pressed)',
|
|
9227
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-pressed)',
|
|
9228
|
+
},
|
|
9229
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active .ids-icon':
|
|
9474
9230
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-pressed)' },
|
|
9475
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9231
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible':
|
|
9476
9232
|
{
|
|
9477
9233
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-focused)',
|
|
9478
9234
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-focused)',
|
|
9479
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-
|
|
9235
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-focused)',
|
|
9480
9236
|
},
|
|
9481
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9237
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon':
|
|
9482
9238
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-focused)' },
|
|
9483
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9484
|
-
|
|
9485
|
-
|
|
9486
|
-
|
|
9487
|
-
|
|
9488
|
-
|
|
9489
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9239
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled': {
|
|
9240
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-disabled)',
|
|
9241
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-disabled)',
|
|
9242
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-disabled)',
|
|
9243
|
+
},
|
|
9244
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon':
|
|
9490
9245
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled)' },
|
|
9491
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9492
|
-
|
|
9493
|
-
|
|
9494
|
-
|
|
9246
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button': {
|
|
9247
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-default)',
|
|
9248
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-default)',
|
|
9249
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)',
|
|
9495
9250
|
},
|
|
9496
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9497
|
-
|
|
9498
|
-
|
|
9499
|
-
|
|
9500
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)',
|
|
9501
|
-
},
|
|
9502
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9503
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default)' },
|
|
9504
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9251
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button .ids-icon': {
|
|
9252
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default)',
|
|
9253
|
+
},
|
|
9254
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9505
9255
|
{
|
|
9506
9256
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-active)',
|
|
9507
9257
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-active)',
|
|
9508
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-
|
|
9258
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-active)',
|
|
9509
9259
|
},
|
|
9510
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9260
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
9511
9261
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-active)' },
|
|
9512
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9513
|
-
|
|
9514
|
-
|
|
9515
|
-
|
|
9516
|
-
|
|
9517
|
-
|
|
9518
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9262
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover': {
|
|
9263
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-hovered)',
|
|
9264
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-hovered)',
|
|
9265
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-hovered)',
|
|
9266
|
+
},
|
|
9267
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover .ids-icon':
|
|
9519
9268
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-hovered)' },
|
|
9520
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9521
|
-
|
|
9522
|
-
|
|
9523
|
-
|
|
9524
|
-
|
|
9525
|
-
|
|
9526
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9269
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active': {
|
|
9270
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-pressed)',
|
|
9271
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-pressed)',
|
|
9272
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-pressed)',
|
|
9273
|
+
},
|
|
9274
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active .ids-icon':
|
|
9527
9275
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-pressed)' },
|
|
9528
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9276
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible':
|
|
9529
9277
|
{
|
|
9530
9278
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-focused)',
|
|
9531
9279
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-focused)',
|
|
9532
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-
|
|
9280
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-focused)',
|
|
9533
9281
|
},
|
|
9534
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9282
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon':
|
|
9535
9283
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-focused)' },
|
|
9536
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9537
|
-
|
|
9538
|
-
|
|
9539
|
-
|
|
9540
|
-
|
|
9541
|
-
|
|
9542
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9284
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled': {
|
|
9285
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-disabled)',
|
|
9286
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-disabled)',
|
|
9287
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-disabled)',
|
|
9288
|
+
},
|
|
9289
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon':
|
|
9543
9290
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-disabled)' },
|
|
9544
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9545
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-
|
|
9291
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button': {
|
|
9292
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-default)',
|
|
9293
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-default)',
|
|
9294
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)',
|
|
9546
9295
|
},
|
|
9547
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9548
|
-
|
|
9549
|
-
|
|
9550
|
-
|
|
9551
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)',
|
|
9552
|
-
},
|
|
9553
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9554
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default)' },
|
|
9555
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9296
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button .ids-icon': {
|
|
9297
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default)',
|
|
9298
|
+
},
|
|
9299
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9556
9300
|
{
|
|
9557
9301
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-active)',
|
|
9558
9302
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-active)',
|
|
9559
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-
|
|
9303
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-active)',
|
|
9560
9304
|
},
|
|
9561
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9305
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
9562
9306
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-active)' },
|
|
9563
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9564
|
-
|
|
9565
|
-
|
|
9566
|
-
|
|
9567
|
-
|
|
9568
|
-
|
|
9569
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9307
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover': {
|
|
9308
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-hovered)',
|
|
9309
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-hovered)',
|
|
9310
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-hovered)',
|
|
9311
|
+
},
|
|
9312
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover .ids-icon':
|
|
9570
9313
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-hovered)' },
|
|
9571
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9572
|
-
|
|
9573
|
-
|
|
9574
|
-
|
|
9575
|
-
|
|
9576
|
-
|
|
9577
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9314
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active': {
|
|
9315
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-pressed)',
|
|
9316
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-pressed)',
|
|
9317
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-pressed)',
|
|
9318
|
+
},
|
|
9319
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active .ids-icon':
|
|
9578
9320
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-pressed)' },
|
|
9579
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9321
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible':
|
|
9580
9322
|
{
|
|
9581
9323
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-focused)',
|
|
9582
9324
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-focused)',
|
|
9583
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-
|
|
9325
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-focused)',
|
|
9584
9326
|
},
|
|
9585
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9327
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon':
|
|
9586
9328
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-focused)' },
|
|
9587
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9588
|
-
|
|
9589
|
-
|
|
9590
|
-
|
|
9591
|
-
|
|
9592
|
-
|
|
9593
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9329
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled': {
|
|
9330
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-disabled)',
|
|
9331
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-disabled)',
|
|
9332
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-disabled)',
|
|
9333
|
+
},
|
|
9334
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon':
|
|
9594
9335
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled)' },
|
|
9595
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9596
|
-
|
|
9597
|
-
|
|
9598
|
-
|
|
9336
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button': {
|
|
9337
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-default)',
|
|
9338
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-default)',
|
|
9339
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)',
|
|
9599
9340
|
},
|
|
9600
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9601
|
-
|
|
9602
|
-
|
|
9603
|
-
|
|
9604
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)',
|
|
9605
|
-
},
|
|
9606
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9607
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default)' },
|
|
9608
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9341
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button .ids-icon': {
|
|
9342
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default)',
|
|
9343
|
+
},
|
|
9344
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9609
9345
|
{
|
|
9610
9346
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-active)',
|
|
9611
9347
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-active)',
|
|
9612
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-
|
|
9348
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-active)',
|
|
9613
9349
|
},
|
|
9614
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9350
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
9615
9351
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-active)' },
|
|
9616
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9617
|
-
|
|
9618
|
-
|
|
9619
|
-
|
|
9620
|
-
|
|
9621
|
-
|
|
9622
|
-
|
|
9623
|
-
|
|
9624
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9625
|
-
|
|
9626
|
-
|
|
9627
|
-
|
|
9628
|
-
|
|
9629
|
-
|
|
9630
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9352
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover': {
|
|
9353
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-hovered)',
|
|
9354
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-hovered)',
|
|
9355
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-hovered)',
|
|
9356
|
+
},
|
|
9357
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover .ids-icon': {
|
|
9358
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-hovered)',
|
|
9359
|
+
},
|
|
9360
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active': {
|
|
9361
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-pressed)',
|
|
9362
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-pressed)',
|
|
9363
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-pressed)',
|
|
9364
|
+
},
|
|
9365
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active .ids-icon':
|
|
9631
9366
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-pressed)' },
|
|
9632
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9367
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible':
|
|
9633
9368
|
{
|
|
9634
9369
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-focused)',
|
|
9635
9370
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-focused)',
|
|
9636
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-
|
|
9371
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-focused)',
|
|
9637
9372
|
},
|
|
9638
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9373
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon':
|
|
9639
9374
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-focused)' },
|
|
9640
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9641
|
-
|
|
9642
|
-
|
|
9643
|
-
|
|
9644
|
-
|
|
9645
|
-
|
|
9646
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9375
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled': {
|
|
9376
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-disabled)',
|
|
9377
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-disabled)',
|
|
9378
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-disabled)',
|
|
9379
|
+
},
|
|
9380
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled .ids-icon':
|
|
9647
9381
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-disabled)' },
|
|
9648
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9649
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-
|
|
9382
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button': {
|
|
9383
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-default)',
|
|
9384
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-default)',
|
|
9385
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)',
|
|
9650
9386
|
},
|
|
9651
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9652
|
-
|
|
9653
|
-
|
|
9654
|
-
|
|
9655
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)',
|
|
9656
|
-
},
|
|
9657
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9658
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default)' },
|
|
9659
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9387
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button .ids-icon': {
|
|
9388
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default)',
|
|
9389
|
+
},
|
|
9390
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9660
9391
|
{
|
|
9661
9392
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-active)',
|
|
9662
9393
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-active)',
|
|
9663
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-
|
|
9394
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-active)',
|
|
9664
9395
|
},
|
|
9665
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9396
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
9666
9397
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-active)' },
|
|
9667
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9668
|
-
|
|
9669
|
-
|
|
9670
|
-
|
|
9671
|
-
|
|
9672
|
-
|
|
9673
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9398
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover': {
|
|
9399
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-hovered)',
|
|
9400
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-hovered)',
|
|
9401
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-hovered)',
|
|
9402
|
+
},
|
|
9403
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover .ids-icon':
|
|
9674
9404
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-hovered)' },
|
|
9675
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9676
|
-
|
|
9677
|
-
|
|
9678
|
-
|
|
9679
|
-
|
|
9680
|
-
|
|
9681
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9405
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active': {
|
|
9406
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-pressed)',
|
|
9407
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-pressed)',
|
|
9408
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-pressed)',
|
|
9409
|
+
},
|
|
9410
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active .ids-icon':
|
|
9682
9411
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-pressed)' },
|
|
9683
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9412
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible':
|
|
9684
9413
|
{
|
|
9685
9414
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-focused)',
|
|
9686
9415
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-focused)',
|
|
9687
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-
|
|
9416
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-focused)',
|
|
9688
9417
|
},
|
|
9689
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9418
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon':
|
|
9690
9419
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-focused)' },
|
|
9691
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9692
|
-
|
|
9693
|
-
|
|
9694
|
-
|
|
9695
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)',
|
|
9696
|
-
},
|
|
9697
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9698
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)' },
|
|
9699
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark .ids-segmented-control-toggle-item>button:focus-visible':
|
|
9700
|
-
{ outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)' },
|
|
9701
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled': {
|
|
9702
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-dark-default)',
|
|
9420
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled': {
|
|
9421
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-disabled)',
|
|
9422
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-disabled)',
|
|
9423
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-disabled)',
|
|
9703
9424
|
},
|
|
9704
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9705
|
-
{
|
|
9706
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-default)',
|
|
9707
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-default)',
|
|
9708
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9709
|
-
},
|
|
9710
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9711
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-default)' },
|
|
9712
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9713
|
-
{
|
|
9714
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-active)',
|
|
9715
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-active)',
|
|
9716
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9717
|
-
},
|
|
9718
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
9719
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-active)' },
|
|
9720
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover':
|
|
9721
|
-
{
|
|
9722
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-hovered)',
|
|
9723
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-hovered)',
|
|
9724
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9725
|
-
},
|
|
9726
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9727
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-hovered)' },
|
|
9728
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active':
|
|
9729
|
-
{
|
|
9730
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-pressed)',
|
|
9731
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-pressed)',
|
|
9732
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9733
|
-
},
|
|
9734
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9735
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-pressed)' },
|
|
9736
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible':
|
|
9737
|
-
{
|
|
9738
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-focused)',
|
|
9739
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-focused)',
|
|
9740
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9741
|
-
},
|
|
9742
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible .ids-icon':
|
|
9743
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-focused)' },
|
|
9744
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled':
|
|
9745
|
-
{
|
|
9746
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-disabled)',
|
|
9747
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-disabled)',
|
|
9748
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9749
|
-
},
|
|
9750
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9751
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-disabled)' },
|
|
9752
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined': {
|
|
9753
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-dark-default)',
|
|
9754
|
-
},
|
|
9755
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button':
|
|
9756
|
-
{
|
|
9757
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-default)',
|
|
9758
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-default)',
|
|
9759
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9760
|
-
},
|
|
9761
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9762
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-default)' },
|
|
9763
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9764
|
-
{
|
|
9765
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-active)',
|
|
9766
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-active)',
|
|
9767
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9768
|
-
},
|
|
9769
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
9770
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-active)' },
|
|
9771
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover':
|
|
9772
|
-
{
|
|
9773
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-hovered)',
|
|
9774
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-hovered)',
|
|
9775
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9776
|
-
},
|
|
9777
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9778
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-hovered)' },
|
|
9779
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active':
|
|
9780
|
-
{
|
|
9781
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-pressed)',
|
|
9782
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-pressed)',
|
|
9783
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9784
|
-
},
|
|
9785
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9786
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-pressed)' },
|
|
9787
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible':
|
|
9788
|
-
{
|
|
9789
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-focused)',
|
|
9790
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-focused)',
|
|
9791
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9792
|
-
},
|
|
9793
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible .ids-icon':
|
|
9794
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-focused)' },
|
|
9795
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled':
|
|
9796
|
-
{
|
|
9797
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-disabled)',
|
|
9798
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-disabled)',
|
|
9799
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9800
|
-
},
|
|
9801
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9802
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-disabled)' },
|
|
9425
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled .ids-icon':
|
|
9426
|
+
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)' },
|
|
9803
9427
|
'.ids-select': { width: '100%' },
|
|
9804
9428
|
'.ids-select:focus,.ids-select:focus-visible': { outline: 'none' },
|
|
9805
9429
|
'.ids-select>.ids-select__trigger': { display: 'flex', justifyContent: 'space-between', alignItems: 'center' },
|
|
@@ -12029,7 +11653,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
12029
11653
|
gap: 'var(--ids-comp-tag-group-size-row-gap-dense) var(--ids-comp-tag-group-size-column-gap-dense)',
|
|
12030
11654
|
padding: 'var(--ids-comp-tag-group-size-padding-y-dense) var(--ids-comp-tag-group-size-padding-x-dense)',
|
|
12031
11655
|
},
|
|
12032
|
-
'.ids-tooltip': {
|
|
11656
|
+
'.ids-tooltip': { display: 'block' },
|
|
12033
11657
|
'.ids-tooltip>.ids-tooltip__content': {
|
|
12034
11658
|
position: 'relative',
|
|
12035
11659
|
display: 'inline-flex',
|
|
@@ -12037,7 +11661,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
12037
11661
|
alignItems: 'center',
|
|
12038
11662
|
width: 'max-content',
|
|
12039
11663
|
},
|
|
12040
|
-
'.ids-tooltip>.ids-tooltip__content::after': { position: 'absolute', content: '" "', transform: 'rotate(-45deg)' },
|
|
12041
11664
|
'.ids-tooltip.ids-tooltip-compact>.ids-tooltip__content': {
|
|
12042
11665
|
maxWidth: 'var(--ids-comp-tooltip-size-max-width-compact)',
|
|
12043
11666
|
padding: 'var(--ids-comp-tooltip-size-padding-y-compact) var(--ids-comp-tooltip-size-padding-x-compact)',
|
|
@@ -12048,61 +11671,29 @@ module.exports = function ComponentsPlugin() {
|
|
|
12048
11671
|
letterSpacing: 'var(--ids-comp-tooltip-label-typography-letter-spacing-compact)',
|
|
12049
11672
|
lineHeight: 'var(--ids-comp-tooltip-label-typography-line-height-compact)',
|
|
12050
11673
|
},
|
|
12051
|
-
'.ids-tooltip.ids-tooltip-compact>.ids-tooltip__content::after': {
|
|
12052
|
-
width: 'var(--ids-comp-tooltip-size-caret-size-compact)',
|
|
12053
|
-
height: 'var(--ids-comp-tooltip-size-caret-size-compact)',
|
|
12054
|
-
},
|
|
12055
11674
|
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-north': {
|
|
12056
11675
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
12057
11676
|
},
|
|
12058
|
-
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-north>.ids-tooltip__content::after': {
|
|
12059
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
12060
|
-
},
|
|
12061
11677
|
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northeast': {
|
|
12062
|
-
marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624))',
|
|
12063
11678
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
12064
11679
|
},
|
|
12065
|
-
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
|
|
12066
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
12067
|
-
},
|
|
12068
11680
|
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-east': {
|
|
12069
11681
|
paddingLeft: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
12070
11682
|
},
|
|
12071
|
-
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-east>.ids-tooltip__content::after': {
|
|
12072
|
-
left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
12073
|
-
},
|
|
12074
11683
|
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southeast': {
|
|
12075
11684
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
12076
|
-
marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
12077
|
-
},
|
|
12078
|
-
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
|
|
12079
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
12080
11685
|
},
|
|
12081
11686
|
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-south': {
|
|
12082
11687
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
12083
11688
|
},
|
|
12084
|
-
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-south>.ids-tooltip__content::after': {
|
|
12085
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
12086
|
-
},
|
|
12087
11689
|
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southwest': {
|
|
12088
11690
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
12089
|
-
marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
12090
|
-
},
|
|
12091
|
-
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
|
|
12092
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
12093
11691
|
},
|
|
12094
11692
|
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-west': {
|
|
12095
11693
|
paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
12096
11694
|
},
|
|
12097
|
-
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-west>.ids-tooltip__content::after': {
|
|
12098
|
-
right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
12099
|
-
},
|
|
12100
11695
|
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northwest': {
|
|
12101
11696
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
12102
|
-
marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
12103
|
-
},
|
|
12104
|
-
'.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
|
|
12105
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
12106
11697
|
},
|
|
12107
11698
|
'.ids-tooltip.ids-tooltip-comfortable>.ids-tooltip__content': {
|
|
12108
11699
|
maxWidth: 'var(--ids-comp-tooltip-size-max-width-comfortable)',
|
|
@@ -12114,61 +11705,29 @@ module.exports = function ComponentsPlugin() {
|
|
|
12114
11705
|
letterSpacing: 'var(--ids-comp-tooltip-label-typography-letter-spacing-comfortable)',
|
|
12115
11706
|
lineHeight: 'var(--ids-comp-tooltip-label-typography-line-height-comfortable)',
|
|
12116
11707
|
},
|
|
12117
|
-
'.ids-tooltip.ids-tooltip-comfortable>.ids-tooltip__content::after': {
|
|
12118
|
-
width: 'var(--ids-comp-tooltip-size-caret-size-comfortable)',
|
|
12119
|
-
height: 'var(--ids-comp-tooltip-size-caret-size-comfortable)',
|
|
12120
|
-
},
|
|
12121
11708
|
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-north': {
|
|
12122
11709
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
12123
11710
|
},
|
|
12124
|
-
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-north>.ids-tooltip__content::after': {
|
|
12125
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
12126
|
-
},
|
|
12127
11711
|
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northeast': {
|
|
12128
|
-
marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624))',
|
|
12129
11712
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
12130
11713
|
},
|
|
12131
|
-
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
|
|
12132
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
12133
|
-
},
|
|
12134
11714
|
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-east': {
|
|
12135
11715
|
paddingLeft: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
12136
11716
|
},
|
|
12137
|
-
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-east>.ids-tooltip__content::after': {
|
|
12138
|
-
left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
12139
|
-
},
|
|
12140
11717
|
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southeast': {
|
|
12141
11718
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
12142
|
-
marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
12143
|
-
},
|
|
12144
|
-
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
|
|
12145
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
12146
11719
|
},
|
|
12147
11720
|
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-south': {
|
|
12148
11721
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
12149
11722
|
},
|
|
12150
|
-
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-south>.ids-tooltip__content::after': {
|
|
12151
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
12152
|
-
},
|
|
12153
11723
|
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southwest': {
|
|
12154
11724
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
12155
|
-
marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
12156
|
-
},
|
|
12157
|
-
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
|
|
12158
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
12159
11725
|
},
|
|
12160
11726
|
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-west': {
|
|
12161
11727
|
paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
12162
11728
|
},
|
|
12163
|
-
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-west>.ids-tooltip__content::after': {
|
|
12164
|
-
right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
12165
|
-
},
|
|
12166
11729
|
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northwest': {
|
|
12167
11730
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
12168
|
-
marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
12169
|
-
},
|
|
12170
|
-
'.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
|
|
12171
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
12172
11731
|
},
|
|
12173
11732
|
'.ids-tooltip.ids-tooltip-spacious>.ids-tooltip__content': {
|
|
12174
11733
|
maxWidth: 'var(--ids-comp-tooltip-size-max-width-spacious)',
|
|
@@ -12180,61 +11739,29 @@ module.exports = function ComponentsPlugin() {
|
|
|
12180
11739
|
letterSpacing: 'var(--ids-comp-tooltip-label-typography-letter-spacing-spacious)',
|
|
12181
11740
|
lineHeight: 'var(--ids-comp-tooltip-label-typography-line-height-spacious)',
|
|
12182
11741
|
},
|
|
12183
|
-
'.ids-tooltip.ids-tooltip-spacious>.ids-tooltip__content::after': {
|
|
12184
|
-
width: 'var(--ids-comp-tooltip-size-caret-size-spacious)',
|
|
12185
|
-
height: 'var(--ids-comp-tooltip-size-caret-size-spacious)',
|
|
12186
|
-
},
|
|
12187
11742
|
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-north': {
|
|
12188
11743
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
12189
11744
|
},
|
|
12190
|
-
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-north>.ids-tooltip__content::after': {
|
|
12191
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
12192
|
-
},
|
|
12193
11745
|
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northeast': {
|
|
12194
|
-
marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624))',
|
|
12195
11746
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
12196
11747
|
},
|
|
12197
|
-
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
|
|
12198
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
12199
|
-
},
|
|
12200
11748
|
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-east': {
|
|
12201
11749
|
paddingLeft: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
12202
11750
|
},
|
|
12203
|
-
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-east>.ids-tooltip__content::after': {
|
|
12204
|
-
left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
12205
|
-
},
|
|
12206
11751
|
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southeast': {
|
|
12207
11752
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
12208
|
-
marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
12209
|
-
},
|
|
12210
|
-
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
|
|
12211
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
12212
11753
|
},
|
|
12213
11754
|
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-south': {
|
|
12214
11755
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
12215
11756
|
},
|
|
12216
|
-
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-south>.ids-tooltip__content::after': {
|
|
12217
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
12218
|
-
},
|
|
12219
11757
|
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southwest': {
|
|
12220
11758
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
12221
|
-
marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
12222
|
-
},
|
|
12223
|
-
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
|
|
12224
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
12225
11759
|
},
|
|
12226
11760
|
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-west': {
|
|
12227
11761
|
paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
12228
11762
|
},
|
|
12229
|
-
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-west>.ids-tooltip__content::after': {
|
|
12230
|
-
right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
12231
|
-
},
|
|
12232
11763
|
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northwest': {
|
|
12233
11764
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
12234
|
-
marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
12235
|
-
},
|
|
12236
|
-
'.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
|
|
12237
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
12238
11765
|
},
|
|
12239
11766
|
'.ids-tooltip.ids-tooltip-dense>.ids-tooltip__content': {
|
|
12240
11767
|
maxWidth: 'var(--ids-comp-tooltip-size-max-width-dense)',
|
|
@@ -12246,88 +11773,238 @@ module.exports = function ComponentsPlugin() {
|
|
|
12246
11773
|
letterSpacing: 'var(--ids-comp-tooltip-label-typography-letter-spacing-dense)',
|
|
12247
11774
|
lineHeight: 'var(--ids-comp-tooltip-label-typography-line-height-dense)',
|
|
12248
11775
|
},
|
|
12249
|
-
'.ids-tooltip.ids-tooltip-dense>.ids-tooltip__content::after': {
|
|
12250
|
-
width: 'var(--ids-comp-tooltip-size-caret-size-dense)',
|
|
12251
|
-
height: 'var(--ids-comp-tooltip-size-caret-size-dense)',
|
|
12252
|
-
},
|
|
12253
11776
|
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-north': {
|
|
12254
11777
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
12255
11778
|
},
|
|
12256
|
-
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-north>.ids-tooltip__content::after': {
|
|
12257
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
12258
|
-
},
|
|
12259
11779
|
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northeast': {
|
|
12260
|
-
marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624))',
|
|
12261
11780
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
12262
11781
|
},
|
|
12263
|
-
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
|
|
12264
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
12265
|
-
},
|
|
12266
11782
|
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-east': {
|
|
12267
11783
|
paddingLeft: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
12268
11784
|
},
|
|
12269
|
-
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-east>.ids-tooltip__content::after': {
|
|
12270
|
-
left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
12271
|
-
},
|
|
12272
11785
|
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southeast': {
|
|
12273
11786
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
12274
|
-
marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
12275
|
-
},
|
|
12276
|
-
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
|
|
12277
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
12278
11787
|
},
|
|
12279
11788
|
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-south': {
|
|
12280
11789
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
12281
11790
|
},
|
|
12282
|
-
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-south>.ids-tooltip__content::after': {
|
|
12283
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
12284
|
-
},
|
|
12285
11791
|
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southwest': {
|
|
12286
11792
|
paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
12287
|
-
marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
12288
|
-
},
|
|
12289
|
-
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
|
|
12290
|
-
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
12291
11793
|
},
|
|
12292
11794
|
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-west': {
|
|
12293
11795
|
paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
12294
11796
|
},
|
|
12295
|
-
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-west>.ids-tooltip__content::after': {
|
|
12296
|
-
right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
12297
|
-
},
|
|
12298
11797
|
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northwest': {
|
|
12299
11798
|
paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
12300
|
-
marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
12301
|
-
},
|
|
12302
|
-
'.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
|
|
12303
|
-
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
12304
11799
|
},
|
|
12305
11800
|
'.ids-tooltip.ids-tooltip-light>.ids-tooltip__content': {
|
|
12306
11801
|
backgroundColor: 'var(--ids-comp-tooltip-color-bg-light-default)',
|
|
12307
11802
|
color: 'var(--ids-comp-tooltip-color-fg-light-default)',
|
|
12308
11803
|
},
|
|
12309
|
-
'.ids-tooltip.ids-tooltip-light>.ids-tooltip__content::after': { background: 'var(--ids-comp-tooltip-color-bg-light-default)' },
|
|
12310
11804
|
'.ids-tooltip.ids-tooltip-dark>.ids-tooltip__content': {
|
|
12311
11805
|
backgroundColor: 'var(--ids-comp-tooltip-color-bg-dark-default)',
|
|
12312
11806
|
color: 'var(--ids-comp-tooltip-color-fg-dark-default)',
|
|
12313
11807
|
},
|
|
12314
|
-
'.ids-tooltip.ids-tooltip-
|
|
12315
|
-
'.ids-tooltip.ids-tooltip-
|
|
12316
|
-
'.ids-tooltip.ids-tooltip-
|
|
11808
|
+
'.ids-tooltip.ids-tooltip-text-align-center>.ids-tooltip__content': { textAlign: 'center' },
|
|
11809
|
+
'.ids-tooltip.ids-tooltip-text-align-right>.ids-tooltip__content': { textAlign: 'right' },
|
|
11810
|
+
'.ids-tooltip.ids-tooltip-text-align-left>.ids-tooltip__content': { textAlign: 'left' },
|
|
11811
|
+
'.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-north,.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-south':
|
|
11812
|
+
{ textAlign: 'center' },
|
|
11813
|
+
'.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-east,.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-northeast,.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-southeast':
|
|
11814
|
+
{ textAlign: 'left' },
|
|
11815
|
+
'.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-west .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-northwest,.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-southwest':
|
|
11816
|
+
{ textAlign: 'right' },
|
|
11817
|
+
'.ids-tooltip.ids-tooltip-pointered>.ids-tooltip__content::after': {
|
|
11818
|
+
position: 'absolute',
|
|
11819
|
+
content: '" "',
|
|
11820
|
+
transform: 'rotate(-45deg)',
|
|
11821
|
+
},
|
|
11822
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-north>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-south>.ids-tooltip__content::after':
|
|
12317
11823
|
{ left: 'auto', right: 'auto' },
|
|
12318
|
-
'.ids-tooltip.ids-tooltip-position-east>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-position-west>.ids-tooltip__content::after':
|
|
11824
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-east>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-west>.ids-tooltip__content::after':
|
|
12319
11825
|
{ top: 'auto', bottom: 'auto' },
|
|
12320
|
-
'.ids-tooltip.ids-tooltip-position-northeast,.ids-tooltip.ids-tooltip-position-southeast':
|
|
12321
|
-
'.ids-tooltip.ids-tooltip-position-northeast>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-position-southeast>.ids-tooltip__content::after':
|
|
11826
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-northeast>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-southeast>.ids-tooltip__content::after':
|
|
12322
11827
|
{ left: '10px' },
|
|
12323
|
-
'.ids-tooltip.ids-tooltip-position-northwest,.ids-tooltip.ids-tooltip-position-southwest':
|
|
12324
|
-
'.ids-tooltip.ids-tooltip-position-northwest>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-position-southwest>.ids-tooltip__content::after':
|
|
11828
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-northwest>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-southwest>.ids-tooltip__content::after':
|
|
12325
11829
|
{ right: '10px' },
|
|
12326
|
-
'.ids-tooltip.ids-tooltip-
|
|
12327
|
-
|
|
12328
|
-
|
|
12329
|
-
|
|
12330
|
-
'.ids-tooltip.ids-tooltip-
|
|
11830
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact>.ids-tooltip__content::after': {
|
|
11831
|
+
width: 'var(--ids-comp-tooltip-size-caret-size-compact)',
|
|
11832
|
+
height: 'var(--ids-comp-tooltip-size-caret-size-compact)',
|
|
11833
|
+
},
|
|
11834
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-north>.ids-tooltip__content::after': {
|
|
11835
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
11836
|
+
},
|
|
11837
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northeast': {
|
|
11838
|
+
marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624))',
|
|
11839
|
+
},
|
|
11840
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
|
|
11841
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
11842
|
+
},
|
|
11843
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-east>.ids-tooltip__content::after': {
|
|
11844
|
+
left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
11845
|
+
},
|
|
11846
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southeast': {
|
|
11847
|
+
marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
11848
|
+
},
|
|
11849
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
|
|
11850
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
11851
|
+
},
|
|
11852
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-south>.ids-tooltip__content::after': {
|
|
11853
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
11854
|
+
},
|
|
11855
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southwest': {
|
|
11856
|
+
marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
11857
|
+
},
|
|
11858
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
|
|
11859
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
11860
|
+
},
|
|
11861
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-west': {
|
|
11862
|
+
paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
11863
|
+
},
|
|
11864
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-west>.ids-tooltip__content::after': {
|
|
11865
|
+
right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
11866
|
+
},
|
|
11867
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northwest': {
|
|
11868
|
+
marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
|
|
11869
|
+
},
|
|
11870
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
|
|
11871
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
|
|
11872
|
+
},
|
|
11873
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable>.ids-tooltip__content::after': {
|
|
11874
|
+
width: 'var(--ids-comp-tooltip-size-caret-size-comfortable)',
|
|
11875
|
+
height: 'var(--ids-comp-tooltip-size-caret-size-comfortable)',
|
|
11876
|
+
},
|
|
11877
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-north>.ids-tooltip__content::after': {
|
|
11878
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
11879
|
+
},
|
|
11880
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northeast': {
|
|
11881
|
+
marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624))',
|
|
11882
|
+
},
|
|
11883
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
|
|
11884
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
11885
|
+
},
|
|
11886
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-east>.ids-tooltip__content::after': {
|
|
11887
|
+
left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
11888
|
+
},
|
|
11889
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southeast': {
|
|
11890
|
+
marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
11891
|
+
},
|
|
11892
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
|
|
11893
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
11894
|
+
},
|
|
11895
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-south>.ids-tooltip__content::after': {
|
|
11896
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
11897
|
+
},
|
|
11898
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southwest': {
|
|
11899
|
+
marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
11900
|
+
},
|
|
11901
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
|
|
11902
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
11903
|
+
},
|
|
11904
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-west': {
|
|
11905
|
+
paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
11906
|
+
},
|
|
11907
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-west>.ids-tooltip__content::after': {
|
|
11908
|
+
right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
11909
|
+
},
|
|
11910
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northwest': {
|
|
11911
|
+
marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
|
|
11912
|
+
},
|
|
11913
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
|
|
11914
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
|
|
11915
|
+
},
|
|
11916
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious>.ids-tooltip__content::after': {
|
|
11917
|
+
width: 'var(--ids-comp-tooltip-size-caret-size-spacious)',
|
|
11918
|
+
height: 'var(--ids-comp-tooltip-size-caret-size-spacious)',
|
|
11919
|
+
},
|
|
11920
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-north>.ids-tooltip__content::after': {
|
|
11921
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
11922
|
+
},
|
|
11923
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northeast': {
|
|
11924
|
+
marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624))',
|
|
11925
|
+
},
|
|
11926
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
|
|
11927
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
11928
|
+
},
|
|
11929
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-east>.ids-tooltip__content::after': {
|
|
11930
|
+
left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
11931
|
+
},
|
|
11932
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southeast': {
|
|
11933
|
+
marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
11934
|
+
},
|
|
11935
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
|
|
11936
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
11937
|
+
},
|
|
11938
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-south>.ids-tooltip__content::after': {
|
|
11939
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
11940
|
+
},
|
|
11941
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southwest': {
|
|
11942
|
+
marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
11943
|
+
},
|
|
11944
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
|
|
11945
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
11946
|
+
},
|
|
11947
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-west': {
|
|
11948
|
+
paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
11949
|
+
},
|
|
11950
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-west>.ids-tooltip__content::after': {
|
|
11951
|
+
right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
11952
|
+
},
|
|
11953
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northwest': {
|
|
11954
|
+
marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
|
|
11955
|
+
},
|
|
11956
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
|
|
11957
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
|
|
11958
|
+
},
|
|
11959
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense>.ids-tooltip__content::after': {
|
|
11960
|
+
width: 'var(--ids-comp-tooltip-size-caret-size-dense)',
|
|
11961
|
+
height: 'var(--ids-comp-tooltip-size-caret-size-dense)',
|
|
11962
|
+
},
|
|
11963
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-north>.ids-tooltip__content::after': {
|
|
11964
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
11965
|
+
},
|
|
11966
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northeast': {
|
|
11967
|
+
marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624))',
|
|
11968
|
+
},
|
|
11969
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
|
|
11970
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
11971
|
+
},
|
|
11972
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-east>.ids-tooltip__content::after': {
|
|
11973
|
+
left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
11974
|
+
},
|
|
11975
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southeast': {
|
|
11976
|
+
marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
11977
|
+
},
|
|
11978
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
|
|
11979
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
11980
|
+
},
|
|
11981
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-south>.ids-tooltip__content::after': {
|
|
11982
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
11983
|
+
},
|
|
11984
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southwest': {
|
|
11985
|
+
marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
11986
|
+
},
|
|
11987
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
|
|
11988
|
+
top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
11989
|
+
},
|
|
11990
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-west': {
|
|
11991
|
+
paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
11992
|
+
},
|
|
11993
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-west>.ids-tooltip__content::after': {
|
|
11994
|
+
right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
11995
|
+
},
|
|
11996
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northwest': {
|
|
11997
|
+
marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
|
|
11998
|
+
},
|
|
11999
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
|
|
12000
|
+
bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
|
|
12001
|
+
},
|
|
12002
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-light>.ids-tooltip__content::after': {
|
|
12003
|
+
background: 'var(--ids-comp-tooltip-color-bg-light-default)',
|
|
12004
|
+
},
|
|
12005
|
+
'.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dark>.ids-tooltip__content::after': {
|
|
12006
|
+
background: 'var(--ids-comp-tooltip-color-bg-dark-default)',
|
|
12007
|
+
},
|
|
12331
12008
|
};
|
|
12332
12009
|
|
|
12333
12010
|
addComponents(cssObj);
|