@i-cell/ids-styles 0.0.27 → 0.0.29
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/accordion/accordion.css +1 -0
- package/dist/accordion/accordion.min.css +1 -1
- package/dist/accordion/accordion.plugin.js +1 -0
- package/dist/components.css +118 -228
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +207 -334
- package/dist/segmented-control-toggle/segmented-control-toggle.css +117 -228
- package/dist/segmented-control-toggle/segmented-control-toggle.min.css +1 -1
- package/dist/segmented-control-toggle/segmented-control-toggle.plugin.js +206 -334
- package/package.json +1 -1
- package/dist/segmented-control/segmented-control-toggle.css +0 -452
- package/dist/segmented-control/segmented-control-toggle.min.css +0 -1
- package/dist/segmented-control/segmented-control-toggle.plugin.js +0 -430
|
@@ -17,6 +17,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
17
17
|
width: '100%',
|
|
18
18
|
flex: '1 0 0',
|
|
19
19
|
borderStyle: 'solid',
|
|
20
|
+
cursor: 'pointer',
|
|
20
21
|
},
|
|
21
22
|
'.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary:focus-visible':
|
|
22
23
|
{ outlineOffset: '2px', outlineStyle: 'solid', zIndex: 1 },
|
|
@@ -9006,7 +9007,12 @@ module.exports = function ComponentsPlugin() {
|
|
|
9006
9007
|
textWrap: 'nowrap',
|
|
9007
9008
|
},
|
|
9008
9009
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible':
|
|
9009
|
-
{
|
|
9010
|
+
{
|
|
9011
|
+
zIndex: 1,
|
|
9012
|
+
outlineStyle: 'solid',
|
|
9013
|
+
outlineOffset: '2px',
|
|
9014
|
+
outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)',
|
|
9015
|
+
},
|
|
9010
9016
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button.selected': { pointerEvents: 'none' },
|
|
9011
9017
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:not(:disabled)': { cursor: 'pointer' },
|
|
9012
9018
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:disabled': { cursor: 'not-allowed' },
|
|
@@ -9130,422 +9136,289 @@ module.exports = function ComponentsPlugin() {
|
|
|
9130
9136
|
fontWeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-dense)',
|
|
9131
9137
|
lineHeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-dense)',
|
|
9132
9138
|
},
|
|
9133
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9134
|
-
|
|
9135
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled': {
|
|
9136
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-primary-default)',
|
|
9139
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled': {
|
|
9140
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-surface-default)',
|
|
9137
9141
|
},
|
|
9138
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9139
|
-
|
|
9140
|
-
|
|
9141
|
-
|
|
9142
|
-
|
|
9143
|
-
|
|
9144
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9145
|
-
|
|
9146
|
-
|
|
9142
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined': {
|
|
9143
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-surface-default)',
|
|
9144
|
+
},
|
|
9145
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled': {
|
|
9146
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-light-default)',
|
|
9147
|
+
},
|
|
9148
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined': {
|
|
9149
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-light-default)',
|
|
9150
|
+
},
|
|
9151
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button': {
|
|
9152
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-default)',
|
|
9153
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-default)',
|
|
9154
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)',
|
|
9155
|
+
},
|
|
9156
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button .ids-icon': {
|
|
9157
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-default)',
|
|
9158
|
+
},
|
|
9159
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9147
9160
|
{
|
|
9148
9161
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-active)',
|
|
9149
9162
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-active)',
|
|
9150
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-
|
|
9163
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-active)',
|
|
9151
9164
|
},
|
|
9152
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9165
|
+
'.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':
|
|
9153
9166
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-active)' },
|
|
9154
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9155
|
-
|
|
9156
|
-
|
|
9157
|
-
|
|
9158
|
-
|
|
9159
|
-
|
|
9160
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9167
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover': {
|
|
9168
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-hovered)',
|
|
9169
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-hovered)',
|
|
9170
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-hovered)',
|
|
9171
|
+
},
|
|
9172
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover .ids-icon':
|
|
9161
9173
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-hovered)' },
|
|
9162
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9163
|
-
|
|
9164
|
-
|
|
9165
|
-
|
|
9166
|
-
|
|
9167
|
-
|
|
9168
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9174
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active': {
|
|
9175
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-pressed)',
|
|
9176
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-pressed)',
|
|
9177
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-pressed)',
|
|
9178
|
+
},
|
|
9179
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active .ids-icon':
|
|
9169
9180
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-pressed)' },
|
|
9170
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9181
|
+
'.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':
|
|
9171
9182
|
{
|
|
9172
9183
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-focused)',
|
|
9173
9184
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-focused)',
|
|
9174
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-
|
|
9185
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-focused)',
|
|
9175
9186
|
},
|
|
9176
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9187
|
+
'.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':
|
|
9177
9188
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-focused)' },
|
|
9178
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9179
|
-
|
|
9180
|
-
|
|
9181
|
-
|
|
9182
|
-
|
|
9183
|
-
|
|
9184
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9189
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled': {
|
|
9190
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-disabled)',
|
|
9191
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-disabled)',
|
|
9192
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-disabled)',
|
|
9193
|
+
},
|
|
9194
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon':
|
|
9185
9195
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-disabled)' },
|
|
9186
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9187
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-
|
|
9196
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button': {
|
|
9197
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-default)',
|
|
9198
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-default)',
|
|
9199
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)',
|
|
9188
9200
|
},
|
|
9189
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9190
|
-
|
|
9191
|
-
|
|
9192
|
-
|
|
9193
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)',
|
|
9194
|
-
},
|
|
9195
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9196
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default)' },
|
|
9197
|
-
'.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)':
|
|
9201
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button .ids-icon': {
|
|
9202
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default)',
|
|
9203
|
+
},
|
|
9204
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9198
9205
|
{
|
|
9199
9206
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-active)',
|
|
9200
9207
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-active)',
|
|
9201
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-
|
|
9208
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-active)',
|
|
9202
9209
|
},
|
|
9203
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9210
|
+
'.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':
|
|
9204
9211
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-active)' },
|
|
9205
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9206
|
-
|
|
9207
|
-
|
|
9208
|
-
|
|
9209
|
-
|
|
9210
|
-
|
|
9211
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9212
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover': {
|
|
9213
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-hovered)',
|
|
9214
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-hovered)',
|
|
9215
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-hovered)',
|
|
9216
|
+
},
|
|
9217
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover .ids-icon':
|
|
9212
9218
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-hovered)' },
|
|
9213
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9214
|
-
|
|
9215
|
-
|
|
9216
|
-
|
|
9217
|
-
|
|
9218
|
-
|
|
9219
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9219
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active': {
|
|
9220
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-pressed)',
|
|
9221
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-pressed)',
|
|
9222
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-pressed)',
|
|
9223
|
+
},
|
|
9224
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active .ids-icon':
|
|
9220
9225
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-pressed)' },
|
|
9221
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9226
|
+
'.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':
|
|
9222
9227
|
{
|
|
9223
9228
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-focused)',
|
|
9224
9229
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-focused)',
|
|
9225
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-
|
|
9230
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-focused)',
|
|
9226
9231
|
},
|
|
9227
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9232
|
+
'.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':
|
|
9228
9233
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-focused)' },
|
|
9229
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9230
|
-
|
|
9231
|
-
|
|
9232
|
-
|
|
9233
|
-
|
|
9234
|
-
|
|
9235
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9234
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled': {
|
|
9235
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-disabled)',
|
|
9236
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-disabled)',
|
|
9237
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-disabled)',
|
|
9238
|
+
},
|
|
9239
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon':
|
|
9236
9240
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled)' },
|
|
9237
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9238
|
-
|
|
9239
|
-
|
|
9240
|
-
|
|
9241
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button': {
|
|
9242
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-default)',
|
|
9243
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-default)',
|
|
9244
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)',
|
|
9241
9245
|
},
|
|
9242
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9243
|
-
|
|
9244
|
-
|
|
9245
|
-
|
|
9246
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)',
|
|
9247
|
-
},
|
|
9248
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9249
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default)' },
|
|
9250
|
-
'.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)':
|
|
9246
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button .ids-icon': {
|
|
9247
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default)',
|
|
9248
|
+
},
|
|
9249
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9251
9250
|
{
|
|
9252
9251
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-active)',
|
|
9253
9252
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-active)',
|
|
9254
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-
|
|
9253
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-active)',
|
|
9255
9254
|
},
|
|
9256
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9255
|
+
'.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':
|
|
9257
9256
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-active)' },
|
|
9258
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9259
|
-
|
|
9260
|
-
|
|
9261
|
-
|
|
9262
|
-
|
|
9263
|
-
|
|
9264
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9257
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover': {
|
|
9258
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-hovered)',
|
|
9259
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-hovered)',
|
|
9260
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-hovered)',
|
|
9261
|
+
},
|
|
9262
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover .ids-icon':
|
|
9265
9263
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-hovered)' },
|
|
9266
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9267
|
-
|
|
9268
|
-
|
|
9269
|
-
|
|
9270
|
-
|
|
9271
|
-
|
|
9272
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9264
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active': {
|
|
9265
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-pressed)',
|
|
9266
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-pressed)',
|
|
9267
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-pressed)',
|
|
9268
|
+
},
|
|
9269
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active .ids-icon':
|
|
9273
9270
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-pressed)' },
|
|
9274
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9271
|
+
'.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':
|
|
9275
9272
|
{
|
|
9276
9273
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-focused)',
|
|
9277
9274
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-focused)',
|
|
9278
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-
|
|
9275
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-focused)',
|
|
9279
9276
|
},
|
|
9280
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9277
|
+
'.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':
|
|
9281
9278
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-focused)' },
|
|
9282
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9283
|
-
|
|
9284
|
-
|
|
9285
|
-
|
|
9286
|
-
|
|
9287
|
-
|
|
9288
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9279
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled': {
|
|
9280
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-disabled)',
|
|
9281
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-disabled)',
|
|
9282
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-disabled)',
|
|
9283
|
+
},
|
|
9284
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon':
|
|
9289
9285
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-disabled)' },
|
|
9290
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9291
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-
|
|
9286
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button': {
|
|
9287
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-default)',
|
|
9288
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-default)',
|
|
9289
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)',
|
|
9292
9290
|
},
|
|
9293
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9294
|
-
|
|
9295
|
-
|
|
9296
|
-
|
|
9297
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)',
|
|
9298
|
-
},
|
|
9299
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9300
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default)' },
|
|
9301
|
-
'.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)':
|
|
9291
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button .ids-icon': {
|
|
9292
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default)',
|
|
9293
|
+
},
|
|
9294
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9302
9295
|
{
|
|
9303
9296
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-active)',
|
|
9304
9297
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-active)',
|
|
9305
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-
|
|
9298
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-active)',
|
|
9306
9299
|
},
|
|
9307
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9300
|
+
'.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':
|
|
9308
9301
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-active)' },
|
|
9309
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9310
|
-
|
|
9311
|
-
|
|
9312
|
-
|
|
9313
|
-
|
|
9314
|
-
|
|
9315
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9302
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover': {
|
|
9303
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-hovered)',
|
|
9304
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-hovered)',
|
|
9305
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-hovered)',
|
|
9306
|
+
},
|
|
9307
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover .ids-icon':
|
|
9316
9308
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-hovered)' },
|
|
9317
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9318
|
-
|
|
9319
|
-
|
|
9320
|
-
|
|
9321
|
-
|
|
9322
|
-
|
|
9323
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9309
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active': {
|
|
9310
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-pressed)',
|
|
9311
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-pressed)',
|
|
9312
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-pressed)',
|
|
9313
|
+
},
|
|
9314
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active .ids-icon':
|
|
9324
9315
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-pressed)' },
|
|
9325
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9316
|
+
'.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':
|
|
9326
9317
|
{
|
|
9327
9318
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-focused)',
|
|
9328
9319
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-focused)',
|
|
9329
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-
|
|
9320
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-focused)',
|
|
9330
9321
|
},
|
|
9331
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9322
|
+
'.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':
|
|
9332
9323
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-focused)' },
|
|
9333
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9334
|
-
|
|
9335
|
-
|
|
9336
|
-
|
|
9337
|
-
|
|
9338
|
-
|
|
9339
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9324
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled': {
|
|
9325
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-disabled)',
|
|
9326
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-disabled)',
|
|
9327
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-disabled)',
|
|
9328
|
+
},
|
|
9329
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon':
|
|
9340
9330
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled)' },
|
|
9341
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9342
|
-
|
|
9343
|
-
|
|
9344
|
-
|
|
9331
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button': {
|
|
9332
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-default)',
|
|
9333
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-default)',
|
|
9334
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)',
|
|
9345
9335
|
},
|
|
9346
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9347
|
-
|
|
9348
|
-
|
|
9349
|
-
|
|
9350
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)',
|
|
9351
|
-
},
|
|
9352
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9353
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default)' },
|
|
9354
|
-
'.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)':
|
|
9336
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button .ids-icon': {
|
|
9337
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default)',
|
|
9338
|
+
},
|
|
9339
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9355
9340
|
{
|
|
9356
9341
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-active)',
|
|
9357
9342
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-active)',
|
|
9358
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-
|
|
9343
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-active)',
|
|
9359
9344
|
},
|
|
9360
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9345
|
+
'.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':
|
|
9361
9346
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-active)' },
|
|
9362
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9363
|
-
|
|
9364
|
-
|
|
9365
|
-
|
|
9366
|
-
|
|
9367
|
-
|
|
9368
|
-
|
|
9369
|
-
|
|
9370
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9371
|
-
|
|
9372
|
-
|
|
9373
|
-
|
|
9374
|
-
|
|
9375
|
-
|
|
9376
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9347
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover': {
|
|
9348
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-hovered)',
|
|
9349
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-hovered)',
|
|
9350
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-hovered)',
|
|
9351
|
+
},
|
|
9352
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover .ids-icon': {
|
|
9353
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-hovered)',
|
|
9354
|
+
},
|
|
9355
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active': {
|
|
9356
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-pressed)',
|
|
9357
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-pressed)',
|
|
9358
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-pressed)',
|
|
9359
|
+
},
|
|
9360
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active .ids-icon':
|
|
9377
9361
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-pressed)' },
|
|
9378
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9362
|
+
'.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':
|
|
9379
9363
|
{
|
|
9380
9364
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-focused)',
|
|
9381
9365
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-focused)',
|
|
9382
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-
|
|
9366
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-focused)',
|
|
9383
9367
|
},
|
|
9384
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9368
|
+
'.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':
|
|
9385
9369
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-focused)' },
|
|
9386
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9387
|
-
|
|
9388
|
-
|
|
9389
|
-
|
|
9390
|
-
|
|
9391
|
-
|
|
9392
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9370
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled': {
|
|
9371
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-disabled)',
|
|
9372
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-disabled)',
|
|
9373
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-disabled)',
|
|
9374
|
+
},
|
|
9375
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled .ids-icon':
|
|
9393
9376
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-disabled)' },
|
|
9394
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9395
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-
|
|
9377
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button': {
|
|
9378
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-default)',
|
|
9379
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-default)',
|
|
9380
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)',
|
|
9396
9381
|
},
|
|
9397
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9398
|
-
|
|
9399
|
-
|
|
9400
|
-
|
|
9401
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)',
|
|
9402
|
-
},
|
|
9403
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9404
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default)' },
|
|
9405
|
-
'.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)':
|
|
9382
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button .ids-icon': {
|
|
9383
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default)',
|
|
9384
|
+
},
|
|
9385
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
9406
9386
|
{
|
|
9407
9387
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-active)',
|
|
9408
9388
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-active)',
|
|
9409
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-
|
|
9389
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-active)',
|
|
9410
9390
|
},
|
|
9411
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9391
|
+
'.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':
|
|
9412
9392
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-active)' },
|
|
9413
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9414
|
-
|
|
9415
|
-
|
|
9416
|
-
|
|
9417
|
-
|
|
9418
|
-
|
|
9419
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9393
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover': {
|
|
9394
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-hovered)',
|
|
9395
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-hovered)',
|
|
9396
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-hovered)',
|
|
9397
|
+
},
|
|
9398
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover .ids-icon':
|
|
9420
9399
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-hovered)' },
|
|
9421
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9422
|
-
|
|
9423
|
-
|
|
9424
|
-
|
|
9425
|
-
|
|
9426
|
-
|
|
9427
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9400
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active': {
|
|
9401
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-pressed)',
|
|
9402
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-pressed)',
|
|
9403
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-pressed)',
|
|
9404
|
+
},
|
|
9405
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active .ids-icon':
|
|
9428
9406
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-pressed)' },
|
|
9429
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9407
|
+
'.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':
|
|
9430
9408
|
{
|
|
9431
9409
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-focused)',
|
|
9432
9410
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-focused)',
|
|
9433
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-
|
|
9411
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-focused)',
|
|
9434
9412
|
},
|
|
9435
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9413
|
+
'.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':
|
|
9436
9414
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-focused)' },
|
|
9437
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9438
|
-
|
|
9439
|
-
|
|
9440
|
-
|
|
9441
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)',
|
|
9442
|
-
},
|
|
9443
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9444
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)' },
|
|
9445
|
-
'.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':
|
|
9446
|
-
{ outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)' },
|
|
9447
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled': {
|
|
9448
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-dark-default)',
|
|
9449
|
-
},
|
|
9450
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button':
|
|
9451
|
-
{
|
|
9452
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-default)',
|
|
9453
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-default)',
|
|
9454
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9455
|
-
},
|
|
9456
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9457
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-default)' },
|
|
9458
|
-
'.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)':
|
|
9459
|
-
{
|
|
9460
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-active)',
|
|
9461
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-active)',
|
|
9462
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9463
|
-
},
|
|
9464
|
-
'.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':
|
|
9465
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-active)' },
|
|
9466
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover':
|
|
9467
|
-
{
|
|
9468
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-hovered)',
|
|
9469
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-hovered)',
|
|
9470
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9471
|
-
},
|
|
9472
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9473
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-hovered)' },
|
|
9474
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active':
|
|
9475
|
-
{
|
|
9476
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-pressed)',
|
|
9477
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-pressed)',
|
|
9478
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9479
|
-
},
|
|
9480
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9481
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-pressed)' },
|
|
9482
|
-
'.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':
|
|
9483
|
-
{
|
|
9484
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-focused)',
|
|
9485
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-focused)',
|
|
9486
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9487
|
-
},
|
|
9488
|
-
'.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':
|
|
9489
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-focused)' },
|
|
9490
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled':
|
|
9491
|
-
{
|
|
9492
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-disabled)',
|
|
9493
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-disabled)',
|
|
9494
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
|
|
9495
|
-
},
|
|
9496
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9497
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-disabled)' },
|
|
9498
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined': {
|
|
9499
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-dark-default)',
|
|
9415
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled': {
|
|
9416
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-disabled)',
|
|
9417
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-disabled)',
|
|
9418
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-disabled)',
|
|
9500
9419
|
},
|
|
9501
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
9502
|
-
{
|
|
9503
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-default)',
|
|
9504
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-default)',
|
|
9505
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9506
|
-
},
|
|
9507
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon':
|
|
9508
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-default)' },
|
|
9509
|
-
'.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)':
|
|
9510
|
-
{
|
|
9511
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-active)',
|
|
9512
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-active)',
|
|
9513
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9514
|
-
},
|
|
9515
|
-
'.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':
|
|
9516
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-active)' },
|
|
9517
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover':
|
|
9518
|
-
{
|
|
9519
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-hovered)',
|
|
9520
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-hovered)',
|
|
9521
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9522
|
-
},
|
|
9523
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon':
|
|
9524
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-hovered)' },
|
|
9525
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active':
|
|
9526
|
-
{
|
|
9527
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-pressed)',
|
|
9528
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-pressed)',
|
|
9529
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9530
|
-
},
|
|
9531
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
|
|
9532
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-pressed)' },
|
|
9533
|
-
'.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':
|
|
9534
|
-
{
|
|
9535
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-focused)',
|
|
9536
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-focused)',
|
|
9537
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9538
|
-
},
|
|
9539
|
-
'.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':
|
|
9540
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-focused)' },
|
|
9541
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled':
|
|
9542
|
-
{
|
|
9543
|
-
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-disabled)',
|
|
9544
|
-
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-disabled)',
|
|
9545
|
-
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
|
|
9546
|
-
},
|
|
9547
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
9548
|
-
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-disabled)' },
|
|
9420
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled .ids-icon':
|
|
9421
|
+
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)' },
|
|
9549
9422
|
'.ids-select': { width: '100%' },
|
|
9550
9423
|
'.ids-select:focus,.ids-select:focus-visible': { outline: 'none' },
|
|
9551
9424
|
'.ids-select>.ids-select__trigger': { display: 'flex', justifyContent: 'space-between', alignItems: 'center' },
|