@i-cell/ids-styles 0.0.13 → 0.0.14
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 +699 -0
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +590 -0
- package/dist/switch/switch.css +698 -0
- package/dist/switch/switch.min.css +1 -0
- package/dist/switch/switch.plugin.js +599 -0
- package/package.json +2 -2
|
@@ -7153,6 +7153,596 @@ module.exports = function ComponentsPlugin() {
|
|
|
7153
7153
|
},
|
|
7154
7154
|
'.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container':
|
|
7155
7155
|
{ paddingRight: 'var(--ids-comp-snackbar-message-action-size-padding-right-dense)' },
|
|
7156
|
+
'.ids-switch-group': { display: 'flex', flexDirection: 'column' },
|
|
7157
|
+
'.ids-switch-group.ids-switch-group-compact': {
|
|
7158
|
+
gap: 'var(--ids-comp-switch-group-container-size-gap-compact)',
|
|
7159
|
+
padding:
|
|
7160
|
+
'var(--ids-comp-switch-group-container-size-padding-y-compact) var(--ids-comp-switch-group-container-size-padding-x-compact)',
|
|
7161
|
+
},
|
|
7162
|
+
'.ids-switch-group.ids-switch-group-comfortable': {
|
|
7163
|
+
gap: 'var(--ids-comp-switch-group-container-size-gap-comfortable)',
|
|
7164
|
+
padding:
|
|
7165
|
+
'var(--ids-comp-switch-group-container-size-padding-y-comfortable) var(--ids-comp-switch-group-container-size-padding-x-comfortable)',
|
|
7166
|
+
},
|
|
7167
|
+
'.ids-switch-group.ids-switch-group-spacious': {
|
|
7168
|
+
gap: 'var(--ids-comp-switch-group-container-size-gap-spacious)',
|
|
7169
|
+
padding:
|
|
7170
|
+
'var(--ids-comp-switch-group-container-size-padding-y-spacious) var(--ids-comp-switch-group-container-size-padding-x-spacious)',
|
|
7171
|
+
},
|
|
7172
|
+
'.ids-switch-group.ids-switch-group-dense': {
|
|
7173
|
+
gap: 'var(--ids-comp-switch-group-container-size-gap-dense)',
|
|
7174
|
+
padding: 'var(--ids-comp-switch-group-container-size-padding-y-dense) var(--ids-comp-switch-group-container-size-padding-x-dense)',
|
|
7175
|
+
},
|
|
7176
|
+
'.ids-switch': { display: 'inline-flex', alignItems: 'center' },
|
|
7177
|
+
'.ids-switch>.ids-switch__button': { background: 'none', border: 'none', margin: '0', padding: '0', cursor: 'pointer' },
|
|
7178
|
+
'.ids-switch>.ids-switch__button:disabled': { pointerEvents: 'none' },
|
|
7179
|
+
'.ids-switch>.ids-switch__button:focus,.ids-switch>.ids-switch__button:focus-visible': {
|
|
7180
|
+
outlineOffset: '2px',
|
|
7181
|
+
outlineStyle: 'solid',
|
|
7182
|
+
},
|
|
7183
|
+
'.ids-switch>.ids-switch__button>.ids-switch__track': {
|
|
7184
|
+
position: 'relative',
|
|
7185
|
+
display: 'flex',
|
|
7186
|
+
alignItems: 'center',
|
|
7187
|
+
justifyContent: 'space-between',
|
|
7188
|
+
},
|
|
7189
|
+
'.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon': {
|
|
7190
|
+
position: 'absolute',
|
|
7191
|
+
display: 'flex',
|
|
7192
|
+
alignItems: 'center',
|
|
7193
|
+
justifyContent: 'center',
|
|
7194
|
+
top: 'auto',
|
|
7195
|
+
bottom: 'auto',
|
|
7196
|
+
},
|
|
7197
|
+
'.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon': { position: 'absolute' },
|
|
7198
|
+
'.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7199
|
+
position: 'absolute',
|
|
7200
|
+
display: 'flex',
|
|
7201
|
+
justifyContent: 'center',
|
|
7202
|
+
alignItems: 'center',
|
|
7203
|
+
flexShrink: 0,
|
|
7204
|
+
},
|
|
7205
|
+
'.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': { position: 'absolute' },
|
|
7206
|
+
'.ids-switch>.ids-switch__label': { fontStyle: 'normal' },
|
|
7207
|
+
'.ids-switch.ids-switch-compact': { gap: 'var(--ids-comp-switch-container-size-gap-compact)' },
|
|
7208
|
+
'.ids-switch.ids-switch-compact>.ids-switch__button': { borderRadius: 'var(--ids-comp-switch-handle-size-border-radius-compact)' },
|
|
7209
|
+
'.ids-switch.ids-switch-compact>.ids-switch__button:focus,.ids-switch.ids-switch-compact>.ids-switch__button:focus-visible': {
|
|
7210
|
+
outlineWidth: 'var(--ids-comp-switch-focused-outline-outline-compact)',
|
|
7211
|
+
},
|
|
7212
|
+
'.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track': {
|
|
7213
|
+
width: 'var(--ids-comp-switch-track-size-width-compact)',
|
|
7214
|
+
height: 'var(--ids-comp-switch-handle-size-height-compact)',
|
|
7215
|
+
padding: 'var(--ids-comp-switch-track-size-padding-y-compact) var(--ids-comp-switch-track-size-padding-x-compact)',
|
|
7216
|
+
borderRadius: 'var(--ids-comp-switch-track-size-border-radius-compact)',
|
|
7217
|
+
boxSizing: 'content-box',
|
|
7218
|
+
},
|
|
7219
|
+
'.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon': {
|
|
7220
|
+
width: 'var(--ids-comp-switch-handle-size-width-compact)',
|
|
7221
|
+
height: 'var(--ids-comp-switch-handle-size-height-compact)',
|
|
7222
|
+
},
|
|
7223
|
+
'.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon': {
|
|
7224
|
+
width: 'var(--ids-comp-switch-icon-size-width-compact)',
|
|
7225
|
+
height: 'var(--ids-comp-switch-icon-size-height-compact)',
|
|
7226
|
+
},
|
|
7227
|
+
'.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1)': {
|
|
7228
|
+
left: 'var(--ids-comp-switch-track-size-padding-x-compact)',
|
|
7229
|
+
},
|
|
7230
|
+
'.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2)': {
|
|
7231
|
+
right: 'var(--ids-comp-switch-track-size-padding-x-compact)',
|
|
7232
|
+
},
|
|
7233
|
+
'.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7234
|
+
width: 'var(--ids-comp-switch-handle-size-width-compact)',
|
|
7235
|
+
height: 'var(--ids-comp-switch-handle-size-height-compact)',
|
|
7236
|
+
borderRadius: 'var(--ids-comp-switch-handle-size-border-radius-compact)',
|
|
7237
|
+
transition: 'left 100ms ease-in-out',
|
|
7238
|
+
},
|
|
7239
|
+
'.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': {
|
|
7240
|
+
width: 'var(--ids-comp-switch-icon-size-width-compact)',
|
|
7241
|
+
height: 'var(--ids-comp-switch-icon-size-height-compact)',
|
|
7242
|
+
},
|
|
7243
|
+
'.ids-switch.ids-switch-compact>.ids-switch__label': {
|
|
7244
|
+
fontFamily: 'var(--ids-comp-switch-label-typography-font-family-compact)',
|
|
7245
|
+
fontSize: 'var(--ids-comp-switch-label-typography-font-size-compact)',
|
|
7246
|
+
fontWeight: 'var(--ids-comp-switch-label-typography-font-weight-compact)',
|
|
7247
|
+
lineHeight: 'var(--ids-comp-switch-label-typography-line-height-compact)',
|
|
7248
|
+
letterSpacing: 'var(--ids-comp-switch-label-typography-letter-spacing-compact)',
|
|
7249
|
+
},
|
|
7250
|
+
'.ids-switch.ids-switch-compact:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7251
|
+
left: 'var(--ids-comp-switch-track-size-padding-x-compact)',
|
|
7252
|
+
},
|
|
7253
|
+
'.ids-switch.ids-switch-compact.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7254
|
+
left: 'calc(100% - var(--ids-comp-switch-track-size-padding-x-compact) - var(--ids-comp-switch-handle-size-width-compact))',
|
|
7255
|
+
},
|
|
7256
|
+
'.ids-switch.ids-switch-comfortable': { gap: 'var(--ids-comp-switch-container-size-gap-comfortable)' },
|
|
7257
|
+
'.ids-switch.ids-switch-comfortable>.ids-switch__button': {
|
|
7258
|
+
borderRadius: 'var(--ids-comp-switch-handle-size-border-radius-comfortable)',
|
|
7259
|
+
},
|
|
7260
|
+
'.ids-switch.ids-switch-comfortable>.ids-switch__button:focus,.ids-switch.ids-switch-comfortable>.ids-switch__button:focus-visible': {
|
|
7261
|
+
outlineWidth: 'var(--ids-comp-switch-focused-outline-outline-comfortable)',
|
|
7262
|
+
},
|
|
7263
|
+
'.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track': {
|
|
7264
|
+
width: 'var(--ids-comp-switch-track-size-width-comfortable)',
|
|
7265
|
+
height: 'var(--ids-comp-switch-handle-size-height-comfortable)',
|
|
7266
|
+
padding: 'var(--ids-comp-switch-track-size-padding-y-comfortable) var(--ids-comp-switch-track-size-padding-x-comfortable)',
|
|
7267
|
+
borderRadius: 'var(--ids-comp-switch-track-size-border-radius-comfortable)',
|
|
7268
|
+
boxSizing: 'content-box',
|
|
7269
|
+
},
|
|
7270
|
+
'.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon': {
|
|
7271
|
+
width: 'var(--ids-comp-switch-handle-size-width-comfortable)',
|
|
7272
|
+
height: 'var(--ids-comp-switch-handle-size-height-comfortable)',
|
|
7273
|
+
},
|
|
7274
|
+
'.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon': {
|
|
7275
|
+
width: 'var(--ids-comp-switch-icon-size-width-comfortable)',
|
|
7276
|
+
height: 'var(--ids-comp-switch-icon-size-height-comfortable)',
|
|
7277
|
+
},
|
|
7278
|
+
'.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1)': {
|
|
7279
|
+
left: 'var(--ids-comp-switch-track-size-padding-x-comfortable)',
|
|
7280
|
+
},
|
|
7281
|
+
'.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2)': {
|
|
7282
|
+
right: 'var(--ids-comp-switch-track-size-padding-x-comfortable)',
|
|
7283
|
+
},
|
|
7284
|
+
'.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7285
|
+
width: 'var(--ids-comp-switch-handle-size-width-comfortable)',
|
|
7286
|
+
height: 'var(--ids-comp-switch-handle-size-height-comfortable)',
|
|
7287
|
+
borderRadius: 'var(--ids-comp-switch-handle-size-border-radius-comfortable)',
|
|
7288
|
+
transition: 'left 100ms ease-in-out',
|
|
7289
|
+
},
|
|
7290
|
+
'.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': {
|
|
7291
|
+
width: 'var(--ids-comp-switch-icon-size-width-comfortable)',
|
|
7292
|
+
height: 'var(--ids-comp-switch-icon-size-height-comfortable)',
|
|
7293
|
+
},
|
|
7294
|
+
'.ids-switch.ids-switch-comfortable>.ids-switch__label': {
|
|
7295
|
+
fontFamily: 'var(--ids-comp-switch-label-typography-font-family-comfortable)',
|
|
7296
|
+
fontSize: 'var(--ids-comp-switch-label-typography-font-size-comfortable)',
|
|
7297
|
+
fontWeight: 'var(--ids-comp-switch-label-typography-font-weight-comfortable)',
|
|
7298
|
+
lineHeight: 'var(--ids-comp-switch-label-typography-line-height-comfortable)',
|
|
7299
|
+
letterSpacing: 'var(--ids-comp-switch-label-typography-letter-spacing-comfortable)',
|
|
7300
|
+
},
|
|
7301
|
+
'.ids-switch.ids-switch-comfortable:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7302
|
+
left: 'var(--ids-comp-switch-track-size-padding-x-comfortable)',
|
|
7303
|
+
},
|
|
7304
|
+
'.ids-switch.ids-switch-comfortable.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7305
|
+
left: 'calc(100% - var(--ids-comp-switch-track-size-padding-x-comfortable) - var(--ids-comp-switch-handle-size-width-comfortable))',
|
|
7306
|
+
},
|
|
7307
|
+
'.ids-switch.ids-switch-spacious': { gap: 'var(--ids-comp-switch-container-size-gap-spacious)' },
|
|
7308
|
+
'.ids-switch.ids-switch-spacious>.ids-switch__button': { borderRadius: 'var(--ids-comp-switch-handle-size-border-radius-spacious)' },
|
|
7309
|
+
'.ids-switch.ids-switch-spacious>.ids-switch__button:focus,.ids-switch.ids-switch-spacious>.ids-switch__button:focus-visible': {
|
|
7310
|
+
outlineWidth: 'var(--ids-comp-switch-focused-outline-outline-spacious)',
|
|
7311
|
+
},
|
|
7312
|
+
'.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track': {
|
|
7313
|
+
width: 'var(--ids-comp-switch-track-size-width-spacious)',
|
|
7314
|
+
height: 'var(--ids-comp-switch-handle-size-height-spacious)',
|
|
7315
|
+
padding: 'var(--ids-comp-switch-track-size-padding-y-spacious) var(--ids-comp-switch-track-size-padding-x-spacious)',
|
|
7316
|
+
borderRadius: 'var(--ids-comp-switch-track-size-border-radius-spacious)',
|
|
7317
|
+
boxSizing: 'content-box',
|
|
7318
|
+
},
|
|
7319
|
+
'.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon': {
|
|
7320
|
+
width: 'var(--ids-comp-switch-handle-size-width-spacious)',
|
|
7321
|
+
height: 'var(--ids-comp-switch-handle-size-height-spacious)',
|
|
7322
|
+
},
|
|
7323
|
+
'.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon': {
|
|
7324
|
+
width: 'var(--ids-comp-switch-icon-size-width-spacious)',
|
|
7325
|
+
height: 'var(--ids-comp-switch-icon-size-height-spacious)',
|
|
7326
|
+
},
|
|
7327
|
+
'.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1)': {
|
|
7328
|
+
left: 'var(--ids-comp-switch-track-size-padding-x-spacious)',
|
|
7329
|
+
},
|
|
7330
|
+
'.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2)': {
|
|
7331
|
+
right: 'var(--ids-comp-switch-track-size-padding-x-spacious)',
|
|
7332
|
+
},
|
|
7333
|
+
'.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7334
|
+
width: 'var(--ids-comp-switch-handle-size-width-spacious)',
|
|
7335
|
+
height: 'var(--ids-comp-switch-handle-size-height-spacious)',
|
|
7336
|
+
borderRadius: 'var(--ids-comp-switch-handle-size-border-radius-spacious)',
|
|
7337
|
+
transition: 'left 100ms ease-in-out',
|
|
7338
|
+
},
|
|
7339
|
+
'.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': {
|
|
7340
|
+
width: 'var(--ids-comp-switch-icon-size-width-spacious)',
|
|
7341
|
+
height: 'var(--ids-comp-switch-icon-size-height-spacious)',
|
|
7342
|
+
},
|
|
7343
|
+
'.ids-switch.ids-switch-spacious>.ids-switch__label': {
|
|
7344
|
+
fontFamily: 'var(--ids-comp-switch-label-typography-font-family-spacious)',
|
|
7345
|
+
fontSize: 'var(--ids-comp-switch-label-typography-font-size-spacious)',
|
|
7346
|
+
fontWeight: 'var(--ids-comp-switch-label-typography-font-weight-spacious)',
|
|
7347
|
+
lineHeight: 'var(--ids-comp-switch-label-typography-line-height-spacious)',
|
|
7348
|
+
letterSpacing: 'var(--ids-comp-switch-label-typography-letter-spacing-spacious)',
|
|
7349
|
+
},
|
|
7350
|
+
'.ids-switch.ids-switch-spacious:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7351
|
+
left: 'var(--ids-comp-switch-track-size-padding-x-spacious)',
|
|
7352
|
+
},
|
|
7353
|
+
'.ids-switch.ids-switch-spacious.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7354
|
+
left: 'calc(100% - var(--ids-comp-switch-track-size-padding-x-spacious) - var(--ids-comp-switch-handle-size-width-spacious))',
|
|
7355
|
+
},
|
|
7356
|
+
'.ids-switch.ids-switch-dense': { gap: 'var(--ids-comp-switch-container-size-gap-dense)' },
|
|
7357
|
+
'.ids-switch.ids-switch-dense>.ids-switch__button': { borderRadius: 'var(--ids-comp-switch-handle-size-border-radius-dense)' },
|
|
7358
|
+
'.ids-switch.ids-switch-dense>.ids-switch__button:focus,.ids-switch.ids-switch-dense>.ids-switch__button:focus-visible': {
|
|
7359
|
+
outlineWidth: 'var(--ids-comp-switch-focused-outline-outline-dense)',
|
|
7360
|
+
},
|
|
7361
|
+
'.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track': {
|
|
7362
|
+
width: 'var(--ids-comp-switch-track-size-width-dense)',
|
|
7363
|
+
height: 'var(--ids-comp-switch-handle-size-height-dense)',
|
|
7364
|
+
padding: 'var(--ids-comp-switch-track-size-padding-y-dense) var(--ids-comp-switch-track-size-padding-x-dense)',
|
|
7365
|
+
borderRadius: 'var(--ids-comp-switch-track-size-border-radius-dense)',
|
|
7366
|
+
boxSizing: 'content-box',
|
|
7367
|
+
},
|
|
7368
|
+
'.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon': {
|
|
7369
|
+
width: 'var(--ids-comp-switch-handle-size-width-dense)',
|
|
7370
|
+
height: 'var(--ids-comp-switch-handle-size-height-dense)',
|
|
7371
|
+
},
|
|
7372
|
+
'.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon': {
|
|
7373
|
+
width: 'var(--ids-comp-switch-icon-size-width-dense)',
|
|
7374
|
+
height: 'var(--ids-comp-switch-icon-size-height-dense)',
|
|
7375
|
+
},
|
|
7376
|
+
'.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1)': {
|
|
7377
|
+
left: 'var(--ids-comp-switch-track-size-padding-x-dense)',
|
|
7378
|
+
},
|
|
7379
|
+
'.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2)': {
|
|
7380
|
+
right: 'var(--ids-comp-switch-track-size-padding-x-dense)',
|
|
7381
|
+
},
|
|
7382
|
+
'.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7383
|
+
width: 'var(--ids-comp-switch-handle-size-width-dense)',
|
|
7384
|
+
height: 'var(--ids-comp-switch-handle-size-height-dense)',
|
|
7385
|
+
borderRadius: 'var(--ids-comp-switch-handle-size-border-radius-dense)',
|
|
7386
|
+
transition: 'left 100ms ease-in-out',
|
|
7387
|
+
},
|
|
7388
|
+
'.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': {
|
|
7389
|
+
width: 'var(--ids-comp-switch-icon-size-width-dense)',
|
|
7390
|
+
height: 'var(--ids-comp-switch-icon-size-height-dense)',
|
|
7391
|
+
},
|
|
7392
|
+
'.ids-switch.ids-switch-dense>.ids-switch__label': {
|
|
7393
|
+
fontFamily: 'var(--ids-comp-switch-label-typography-font-family-dense)',
|
|
7394
|
+
fontSize: 'var(--ids-comp-switch-label-typography-font-size-dense)',
|
|
7395
|
+
fontWeight: 'var(--ids-comp-switch-label-typography-font-weight-dense)',
|
|
7396
|
+
lineHeight: 'var(--ids-comp-switch-label-typography-line-height-dense)',
|
|
7397
|
+
letterSpacing: 'var(--ids-comp-switch-label-typography-letter-spacing-dense)',
|
|
7398
|
+
},
|
|
7399
|
+
'.ids-switch.ids-switch-dense:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7400
|
+
left: 'var(--ids-comp-switch-track-size-padding-x-dense)',
|
|
7401
|
+
},
|
|
7402
|
+
'.ids-switch.ids-switch-dense.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7403
|
+
left: 'calc(100% - var(--ids-comp-switch-track-size-padding-x-dense) - var(--ids-comp-switch-handle-size-width-dense))',
|
|
7404
|
+
},
|
|
7405
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track': {
|
|
7406
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-default)',
|
|
7407
|
+
},
|
|
7408
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon': {
|
|
7409
|
+
color: 'var(--ids-comp-switch-track-off-color-fg-icon-surface-default)',
|
|
7410
|
+
},
|
|
7411
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7412
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-surface-default)',
|
|
7413
|
+
},
|
|
7414
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': {
|
|
7415
|
+
color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)',
|
|
7416
|
+
},
|
|
7417
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
|
|
7418
|
+
color: 'var(--ids-comp-switch-label-color-fg-surface-default)',
|
|
7419
|
+
},
|
|
7420
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track': {
|
|
7421
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-hovered)',
|
|
7422
|
+
},
|
|
7423
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7424
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-surface-default)' },
|
|
7425
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle': {
|
|
7426
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-surface-default)',
|
|
7427
|
+
},
|
|
7428
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7429
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)' },
|
|
7430
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label': {
|
|
7431
|
+
color: 'var(--ids-comp-switch-label-color-fg-surface-hovered)',
|
|
7432
|
+
},
|
|
7433
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
|
|
7434
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-pressed)',
|
|
7435
|
+
},
|
|
7436
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7437
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-surface-default)' },
|
|
7438
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle': {
|
|
7439
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-surface-default)',
|
|
7440
|
+
},
|
|
7441
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7442
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)' },
|
|
7443
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label': {
|
|
7444
|
+
color: 'var(--ids-comp-switch-label-color-fg-surface-pressed)',
|
|
7445
|
+
},
|
|
7446
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible':
|
|
7447
|
+
{ outlineColor: 'var(--ids-comp-switch-focused-outline-color-surface-focused)' },
|
|
7448
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track':
|
|
7449
|
+
{ backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-focused)' },
|
|
7450
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7451
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-surface-default)' },
|
|
7452
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle':
|
|
7453
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-surface-default)' },
|
|
7454
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7455
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)' },
|
|
7456
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label':
|
|
7457
|
+
{ color: 'var(--ids-comp-switch-label-color-fg-surface-focused)' },
|
|
7458
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
7459
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-default)',
|
|
7460
|
+
},
|
|
7461
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7462
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-surface-default)' },
|
|
7463
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7464
|
+
backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-surface-default)',
|
|
7465
|
+
},
|
|
7466
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7467
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)' },
|
|
7468
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track': {
|
|
7469
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-hovered)',
|
|
7470
|
+
},
|
|
7471
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7472
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-surface-default)' },
|
|
7473
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle':
|
|
7474
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-surface-default)' },
|
|
7475
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7476
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)' },
|
|
7477
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
|
|
7478
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-pressed)',
|
|
7479
|
+
},
|
|
7480
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7481
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-surface-default)' },
|
|
7482
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle':
|
|
7483
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-surface-default)' },
|
|
7484
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7485
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)' },
|
|
7486
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track': {
|
|
7487
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-focused)',
|
|
7488
|
+
},
|
|
7489
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7490
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-surface-default)' },
|
|
7491
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle':
|
|
7492
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-surface-default)' },
|
|
7493
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7494
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)' },
|
|
7495
|
+
'.ids-switch.ids-switch-surface.ids-switch-disabled>.ids-switch__button+.ids-switch__label': {
|
|
7496
|
+
color: 'var(--ids-comp-switch-label-color-fg-surface-disabled)',
|
|
7497
|
+
},
|
|
7498
|
+
'.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track': {
|
|
7499
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-disabled)',
|
|
7500
|
+
},
|
|
7501
|
+
'.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7502
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-surface-disabled)' },
|
|
7503
|
+
'.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7504
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-surface-disabled)',
|
|
7505
|
+
},
|
|
7506
|
+
'.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7507
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-disabled)' },
|
|
7508
|
+
'.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
7509
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-disabled)',
|
|
7510
|
+
},
|
|
7511
|
+
'.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7512
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-surface-disabled)' },
|
|
7513
|
+
'.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7514
|
+
backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-surface-disabled)',
|
|
7515
|
+
},
|
|
7516
|
+
'.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7517
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-surface-disabled)' },
|
|
7518
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track': {
|
|
7519
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-default)',
|
|
7520
|
+
},
|
|
7521
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon': {
|
|
7522
|
+
color: 'var(--ids-comp-switch-track-off-color-fg-icon-light-default)',
|
|
7523
|
+
},
|
|
7524
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7525
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-light-default)',
|
|
7526
|
+
},
|
|
7527
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': {
|
|
7528
|
+
color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)',
|
|
7529
|
+
},
|
|
7530
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
|
|
7531
|
+
color: 'var(--ids-comp-switch-label-color-fg-light-default)',
|
|
7532
|
+
},
|
|
7533
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track': {
|
|
7534
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-hovered)',
|
|
7535
|
+
},
|
|
7536
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7537
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-light-default)' },
|
|
7538
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle': {
|
|
7539
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-light-default)',
|
|
7540
|
+
},
|
|
7541
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon': {
|
|
7542
|
+
color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)',
|
|
7543
|
+
},
|
|
7544
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label': {
|
|
7545
|
+
color: 'var(--ids-comp-switch-label-color-fg-light-hovered)',
|
|
7546
|
+
},
|
|
7547
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
|
|
7548
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-pressed)',
|
|
7549
|
+
},
|
|
7550
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7551
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-light-default)' },
|
|
7552
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle': {
|
|
7553
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-light-default)',
|
|
7554
|
+
},
|
|
7555
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7556
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)' },
|
|
7557
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label': {
|
|
7558
|
+
color: 'var(--ids-comp-switch-label-color-fg-light-pressed)',
|
|
7559
|
+
},
|
|
7560
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible':
|
|
7561
|
+
{ outlineColor: 'var(--ids-comp-switch-focused-outline-color-light-focused)' },
|
|
7562
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track':
|
|
7563
|
+
{ backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-focused)' },
|
|
7564
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7565
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-light-default)' },
|
|
7566
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle':
|
|
7567
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-light-default)' },
|
|
7568
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7569
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)' },
|
|
7570
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label':
|
|
7571
|
+
{ color: 'var(--ids-comp-switch-label-color-fg-light-focused)' },
|
|
7572
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
7573
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-default)',
|
|
7574
|
+
},
|
|
7575
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7576
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-light-default)' },
|
|
7577
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7578
|
+
backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-light-default)',
|
|
7579
|
+
},
|
|
7580
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7581
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-light-default)' },
|
|
7582
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track': {
|
|
7583
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-hovered)',
|
|
7584
|
+
},
|
|
7585
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7586
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-light-default)' },
|
|
7587
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle':
|
|
7588
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-light-default)' },
|
|
7589
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7590
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-light-default)' },
|
|
7591
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
|
|
7592
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-pressed)',
|
|
7593
|
+
},
|
|
7594
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7595
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-light-default)' },
|
|
7596
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle':
|
|
7597
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-light-default)' },
|
|
7598
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7599
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-light-default)' },
|
|
7600
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track': {
|
|
7601
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-focused)',
|
|
7602
|
+
},
|
|
7603
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7604
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-light-default)' },
|
|
7605
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle':
|
|
7606
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-light-default)' },
|
|
7607
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7608
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-light-default)' },
|
|
7609
|
+
'.ids-switch.ids-switch-light.ids-switch-disabled>.ids-switch__button+.ids-switch__label': {
|
|
7610
|
+
color: 'var(--ids-comp-switch-label-color-fg-light-disabled)',
|
|
7611
|
+
},
|
|
7612
|
+
'.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track': {
|
|
7613
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-disabled)',
|
|
7614
|
+
},
|
|
7615
|
+
'.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7616
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-light-disabled)' },
|
|
7617
|
+
'.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7618
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-light-disabled)',
|
|
7619
|
+
},
|
|
7620
|
+
'.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7621
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-disabled)' },
|
|
7622
|
+
'.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
7623
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-disabled)',
|
|
7624
|
+
},
|
|
7625
|
+
'.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7626
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-light-disabled)' },
|
|
7627
|
+
'.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7628
|
+
backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-light-disabled)',
|
|
7629
|
+
},
|
|
7630
|
+
'.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7631
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-light-disabled)' },
|
|
7632
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track': {
|
|
7633
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-default)',
|
|
7634
|
+
},
|
|
7635
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon': {
|
|
7636
|
+
color: 'var(--ids-comp-switch-track-off-color-fg-icon-primary-default)',
|
|
7637
|
+
},
|
|
7638
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7639
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-primary-default)',
|
|
7640
|
+
},
|
|
7641
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': {
|
|
7642
|
+
color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)',
|
|
7643
|
+
},
|
|
7644
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
|
|
7645
|
+
color: 'var(--ids-comp-switch-label-color-fg-primary-default)',
|
|
7646
|
+
},
|
|
7647
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track': {
|
|
7648
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-hovered)',
|
|
7649
|
+
},
|
|
7650
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7651
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-primary-default)' },
|
|
7652
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle': {
|
|
7653
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-primary-default)',
|
|
7654
|
+
},
|
|
7655
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7656
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)' },
|
|
7657
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label': {
|
|
7658
|
+
color: 'var(--ids-comp-switch-label-color-fg-primary-hovered)',
|
|
7659
|
+
},
|
|
7660
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
|
|
7661
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-pressed)',
|
|
7662
|
+
},
|
|
7663
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7664
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-primary-default)' },
|
|
7665
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle': {
|
|
7666
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-primary-default)',
|
|
7667
|
+
},
|
|
7668
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7669
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)' },
|
|
7670
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label': {
|
|
7671
|
+
color: 'var(--ids-comp-switch-label-color-fg-primary-pressed)',
|
|
7672
|
+
},
|
|
7673
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible':
|
|
7674
|
+
{ outlineColor: 'var(--ids-comp-switch-focused-outline-color-primary-focused)' },
|
|
7675
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track':
|
|
7676
|
+
{ backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-focused)' },
|
|
7677
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7678
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-primary-default)' },
|
|
7679
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle':
|
|
7680
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-primary-default)' },
|
|
7681
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7682
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)' },
|
|
7683
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label':
|
|
7684
|
+
{ color: 'var(--ids-comp-switch-label-color-fg-primary-focused)' },
|
|
7685
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
7686
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-default)',
|
|
7687
|
+
},
|
|
7688
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7689
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-primary-default)' },
|
|
7690
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7691
|
+
backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-primary-default)',
|
|
7692
|
+
},
|
|
7693
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7694
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)' },
|
|
7695
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track': {
|
|
7696
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-hovered)',
|
|
7697
|
+
},
|
|
7698
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7699
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-primary-default)' },
|
|
7700
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle':
|
|
7701
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-primary-default)' },
|
|
7702
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7703
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)' },
|
|
7704
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
|
|
7705
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-pressed)',
|
|
7706
|
+
},
|
|
7707
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7708
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-primary-default)' },
|
|
7709
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle':
|
|
7710
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-primary-default)' },
|
|
7711
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7712
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)' },
|
|
7713
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track': {
|
|
7714
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-focused)',
|
|
7715
|
+
},
|
|
7716
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7717
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-primary-default)' },
|
|
7718
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle':
|
|
7719
|
+
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-primary-default)' },
|
|
7720
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7721
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)' },
|
|
7722
|
+
'.ids-switch.ids-switch-primary.ids-switch-disabled>.ids-switch__button+.ids-switch__label': {
|
|
7723
|
+
color: 'var(--ids-comp-switch-label-color-fg-primary-disabled)',
|
|
7724
|
+
},
|
|
7725
|
+
'.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track': {
|
|
7726
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-disabled)',
|
|
7727
|
+
},
|
|
7728
|
+
'.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7729
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-primary-disabled)' },
|
|
7730
|
+
'.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7731
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-primary-disabled)',
|
|
7732
|
+
},
|
|
7733
|
+
'.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7734
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-disabled)' },
|
|
7735
|
+
'.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
7736
|
+
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-disabled)',
|
|
7737
|
+
},
|
|
7738
|
+
'.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
7739
|
+
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-primary-disabled)' },
|
|
7740
|
+
'.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7741
|
+
backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-primary-disabled)',
|
|
7742
|
+
},
|
|
7743
|
+
'.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
7744
|
+
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-disabled)' },
|
|
7745
|
+
'.ids-switch.ids-switch-disabled': { cursor: 'not-allowed' },
|
|
7156
7746
|
'.ids-tag': {
|
|
7157
7747
|
flexShrink: 0,
|
|
7158
7748
|
width: 'fit-content',
|