@i-cell/ids-styles 0.0.58 → 0.0.59
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 +95 -95
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +226 -208
- package/dist/paginator/paginator.css +20 -20
- package/dist/paginator/paginator.min.css +1 -1
- package/dist/paginator/paginator.plugin.js +20 -20
- package/dist/segmented-control-toggle/segmented-control-toggle.css +75 -75
- package/dist/segmented-control-toggle/segmented-control-toggle.min.css +1 -1
- package/dist/segmented-control-toggle/segmented-control-toggle.plugin.js +206 -188
- package/package.json +1 -1
|
@@ -9229,15 +9229,15 @@ module.exports = function ComponentsPlugin() {
|
|
|
9229
9229
|
'.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
|
|
9230
9230
|
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)' },
|
|
9231
9231
|
'.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled)':
|
|
9232
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-
|
|
9232
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-active)' },
|
|
9233
9233
|
'.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible':
|
|
9234
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-
|
|
9234
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-focused)' },
|
|
9235
9235
|
'.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover':
|
|
9236
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-
|
|
9236
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-hovered)' },
|
|
9237
9237
|
'.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active':
|
|
9238
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-
|
|
9238
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-pressed)' },
|
|
9239
9239
|
'.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled':
|
|
9240
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-
|
|
9240
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)' },
|
|
9241
9241
|
'.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation':
|
|
9242
9242
|
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)' },
|
|
9243
9243
|
'.ids-paginator.ids-paginator-primary .ids-paginator__help-text': {
|
|
@@ -9278,15 +9278,15 @@ module.exports = function ComponentsPlugin() {
|
|
|
9278
9278
|
'.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
|
|
9279
9279
|
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)' },
|
|
9280
9280
|
'.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled)':
|
|
9281
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-
|
|
9281
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-active)' },
|
|
9282
9282
|
'.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible':
|
|
9283
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-
|
|
9283
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-focused)' },
|
|
9284
9284
|
'.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover':
|
|
9285
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-
|
|
9285
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-hovered)' },
|
|
9286
9286
|
'.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active':
|
|
9287
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-
|
|
9287
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-pressed)' },
|
|
9288
9288
|
'.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled':
|
|
9289
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-
|
|
9289
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)' },
|
|
9290
9290
|
'.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation':
|
|
9291
9291
|
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)' },
|
|
9292
9292
|
'.ids-paginator.ids-paginator-secondary .ids-paginator__help-text': {
|
|
@@ -9327,15 +9327,15 @@ module.exports = function ComponentsPlugin() {
|
|
|
9327
9327
|
'.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
|
|
9328
9328
|
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)' },
|
|
9329
9329
|
'.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled)':
|
|
9330
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-
|
|
9330
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-active)' },
|
|
9331
9331
|
'.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible':
|
|
9332
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-
|
|
9332
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-focused)' },
|
|
9333
9333
|
'.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover':
|
|
9334
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-
|
|
9334
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-hovered)' },
|
|
9335
9335
|
'.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active':
|
|
9336
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-
|
|
9336
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-pressed)' },
|
|
9337
9337
|
'.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled':
|
|
9338
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-
|
|
9338
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)' },
|
|
9339
9339
|
'.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation':
|
|
9340
9340
|
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)' },
|
|
9341
9341
|
'.ids-paginator.ids-paginator-light .ids-paginator__help-text': {
|
|
@@ -9376,15 +9376,15 @@ module.exports = function ComponentsPlugin() {
|
|
|
9376
9376
|
'.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
|
|
9377
9377
|
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)' },
|
|
9378
9378
|
'.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled)':
|
|
9379
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-
|
|
9379
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-active)' },
|
|
9380
9380
|
'.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible':
|
|
9381
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-
|
|
9381
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-focused)' },
|
|
9382
9382
|
'.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover':
|
|
9383
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-
|
|
9383
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-hovered)' },
|
|
9384
9384
|
'.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active':
|
|
9385
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-
|
|
9385
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-pressed)' },
|
|
9386
9386
|
'.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled':
|
|
9387
|
-
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-
|
|
9387
|
+
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)' },
|
|
9388
9388
|
'.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation':
|
|
9389
9389
|
{ color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)' },
|
|
9390
9390
|
'.ids-paginator.ids-paginator-surface .ids-paginator__help-text': {
|
|
@@ -10492,12 +10492,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
10492
10492
|
textWrap: 'nowrap',
|
|
10493
10493
|
},
|
|
10494
10494
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible':
|
|
10495
|
-
{
|
|
10496
|
-
zIndex: 1,
|
|
10497
|
-
outlineStyle: 'solid',
|
|
10498
|
-
outlineOffset: '2px',
|
|
10499
|
-
outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)',
|
|
10500
|
-
},
|
|
10495
|
+
{ zIndex: 1, outlineStyle: 'solid', outlineOffset: '2px' },
|
|
10501
10496
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button.selected': { pointerEvents: 'none' },
|
|
10502
10497
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:not(:disabled)': { cursor: 'pointer' },
|
|
10503
10498
|
'.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:disabled': { cursor: 'not-allowed' },
|
|
@@ -10637,276 +10632,299 @@ module.exports = function ComponentsPlugin() {
|
|
|
10637
10632
|
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined': {
|
|
10638
10633
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-light-default)',
|
|
10639
10634
|
},
|
|
10640
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
10641
|
-
|
|
10642
|
-
|
|
10643
|
-
|
|
10644
|
-
|
|
10645
|
-
|
|
10646
|
-
|
|
10647
|
-
|
|
10648
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
10635
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus-visible':
|
|
10636
|
+
{ outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)' },
|
|
10637
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button':
|
|
10638
|
+
{
|
|
10639
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-default)',
|
|
10640
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-default)',
|
|
10641
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)',
|
|
10642
|
+
},
|
|
10643
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button .ids-icon':
|
|
10644
|
+
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-default)' },
|
|
10645
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
10649
10646
|
{
|
|
10650
10647
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-active)',
|
|
10651
10648
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-active)',
|
|
10652
10649
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-active)',
|
|
10653
10650
|
},
|
|
10654
|
-
'.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':
|
|
10651
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
10655
10652
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-active)' },
|
|
10656
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover':
|
|
10657
|
-
|
|
10658
|
-
|
|
10659
|
-
|
|
10660
|
-
|
|
10661
|
-
|
|
10653
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover':
|
|
10654
|
+
{
|
|
10655
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-hovered)',
|
|
10656
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-hovered)',
|
|
10657
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-hovered)',
|
|
10658
|
+
},
|
|
10659
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover .ids-icon':
|
|
10662
10660
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-hovered)' },
|
|
10663
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active':
|
|
10664
|
-
|
|
10665
|
-
|
|
10666
|
-
|
|
10667
|
-
|
|
10668
|
-
|
|
10661
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active':
|
|
10662
|
+
{
|
|
10663
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-pressed)',
|
|
10664
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-pressed)',
|
|
10665
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-pressed)',
|
|
10666
|
+
},
|
|
10667
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active .ids-icon':
|
|
10669
10668
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-pressed)' },
|
|
10670
|
-
'.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':
|
|
10669
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible':
|
|
10671
10670
|
{
|
|
10672
10671
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-focused)',
|
|
10673
10672
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-focused)',
|
|
10674
10673
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-focused)',
|
|
10675
10674
|
},
|
|
10676
|
-
'.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':
|
|
10675
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon':
|
|
10677
10676
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-focused)' },
|
|
10678
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled':
|
|
10679
|
-
|
|
10680
|
-
|
|
10681
|
-
|
|
10682
|
-
|
|
10683
|
-
|
|
10677
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled':
|
|
10678
|
+
{
|
|
10679
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-disabled)',
|
|
10680
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-disabled)',
|
|
10681
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-disabled)',
|
|
10682
|
+
},
|
|
10683
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon':
|
|
10684
10684
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-disabled)' },
|
|
10685
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button':
|
|
10686
|
-
|
|
10687
|
-
|
|
10688
|
-
|
|
10689
|
-
|
|
10690
|
-
|
|
10691
|
-
|
|
10692
|
-
|
|
10693
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
10685
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button':
|
|
10686
|
+
{
|
|
10687
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-default)',
|
|
10688
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-default)',
|
|
10689
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)',
|
|
10690
|
+
},
|
|
10691
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button .ids-icon':
|
|
10692
|
+
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default)' },
|
|
10693
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
10694
10694
|
{
|
|
10695
10695
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-active)',
|
|
10696
10696
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-active)',
|
|
10697
10697
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-active)',
|
|
10698
10698
|
},
|
|
10699
|
-
'.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':
|
|
10699
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
10700
10700
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-active)' },
|
|
10701
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover':
|
|
10702
|
-
|
|
10703
|
-
|
|
10704
|
-
|
|
10705
|
-
|
|
10706
|
-
|
|
10701
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover':
|
|
10702
|
+
{
|
|
10703
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-hovered)',
|
|
10704
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-hovered)',
|
|
10705
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-hovered)',
|
|
10706
|
+
},
|
|
10707
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover .ids-icon':
|
|
10707
10708
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-hovered)' },
|
|
10708
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active':
|
|
10709
|
-
|
|
10710
|
-
|
|
10711
|
-
|
|
10712
|
-
|
|
10713
|
-
|
|
10709
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active':
|
|
10710
|
+
{
|
|
10711
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-pressed)',
|
|
10712
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-pressed)',
|
|
10713
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-pressed)',
|
|
10714
|
+
},
|
|
10715
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active .ids-icon':
|
|
10714
10716
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-pressed)' },
|
|
10715
|
-
'.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':
|
|
10717
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible':
|
|
10716
10718
|
{
|
|
10717
10719
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-focused)',
|
|
10718
10720
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-focused)',
|
|
10719
10721
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-focused)',
|
|
10720
10722
|
},
|
|
10721
|
-
'.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':
|
|
10723
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon':
|
|
10722
10724
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-focused)' },
|
|
10723
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled':
|
|
10724
|
-
|
|
10725
|
-
|
|
10726
|
-
|
|
10727
|
-
|
|
10728
|
-
|
|
10725
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled':
|
|
10726
|
+
{
|
|
10727
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-disabled)',
|
|
10728
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-disabled)',
|
|
10729
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-disabled)',
|
|
10730
|
+
},
|
|
10731
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon':
|
|
10729
10732
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled)' },
|
|
10730
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
10731
|
-
|
|
10732
|
-
|
|
10733
|
-
|
|
10734
|
-
|
|
10735
|
-
|
|
10736
|
-
|
|
10737
|
-
|
|
10738
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
10733
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus-visible':
|
|
10734
|
+
{ outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)' },
|
|
10735
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button':
|
|
10736
|
+
{
|
|
10737
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-default)',
|
|
10738
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-default)',
|
|
10739
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)',
|
|
10740
|
+
},
|
|
10741
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button .ids-icon':
|
|
10742
|
+
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default)' },
|
|
10743
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
10739
10744
|
{
|
|
10740
10745
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-active)',
|
|
10741
10746
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-active)',
|
|
10742
10747
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-active)',
|
|
10743
10748
|
},
|
|
10744
|
-
'.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':
|
|
10749
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
10745
10750
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-active)' },
|
|
10746
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover':
|
|
10747
|
-
|
|
10748
|
-
|
|
10749
|
-
|
|
10750
|
-
|
|
10751
|
-
|
|
10751
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover':
|
|
10752
|
+
{
|
|
10753
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-hovered)',
|
|
10754
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-hovered)',
|
|
10755
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-hovered)',
|
|
10756
|
+
},
|
|
10757
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover .ids-icon':
|
|
10752
10758
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-hovered)' },
|
|
10753
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active':
|
|
10754
|
-
|
|
10755
|
-
|
|
10756
|
-
|
|
10757
|
-
|
|
10758
|
-
|
|
10759
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active':
|
|
10760
|
+
{
|
|
10761
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-pressed)',
|
|
10762
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-pressed)',
|
|
10763
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-pressed)',
|
|
10764
|
+
},
|
|
10765
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active .ids-icon':
|
|
10759
10766
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-pressed)' },
|
|
10760
|
-
'.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':
|
|
10767
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible':
|
|
10761
10768
|
{
|
|
10762
10769
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-focused)',
|
|
10763
10770
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-focused)',
|
|
10764
10771
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-focused)',
|
|
10765
10772
|
},
|
|
10766
|
-
'.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':
|
|
10773
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon':
|
|
10767
10774
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-focused)' },
|
|
10768
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled':
|
|
10769
|
-
|
|
10770
|
-
|
|
10771
|
-
|
|
10772
|
-
|
|
10773
|
-
|
|
10775
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled':
|
|
10776
|
+
{
|
|
10777
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-disabled)',
|
|
10778
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-disabled)',
|
|
10779
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-disabled)',
|
|
10780
|
+
},
|
|
10781
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon':
|
|
10774
10782
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-disabled)' },
|
|
10775
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button':
|
|
10776
|
-
|
|
10777
|
-
|
|
10778
|
-
|
|
10779
|
-
|
|
10780
|
-
|
|
10781
|
-
|
|
10782
|
-
|
|
10783
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
10783
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button':
|
|
10784
|
+
{
|
|
10785
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-default)',
|
|
10786
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-default)',
|
|
10787
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)',
|
|
10788
|
+
},
|
|
10789
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button .ids-icon':
|
|
10790
|
+
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default)' },
|
|
10791
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
10784
10792
|
{
|
|
10785
10793
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-active)',
|
|
10786
10794
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-active)',
|
|
10787
10795
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-active)',
|
|
10788
10796
|
},
|
|
10789
|
-
'.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':
|
|
10797
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
10790
10798
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-active)' },
|
|
10791
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover':
|
|
10792
|
-
|
|
10793
|
-
|
|
10794
|
-
|
|
10795
|
-
|
|
10796
|
-
|
|
10799
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover':
|
|
10800
|
+
{
|
|
10801
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-hovered)',
|
|
10802
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-hovered)',
|
|
10803
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-hovered)',
|
|
10804
|
+
},
|
|
10805
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover .ids-icon':
|
|
10797
10806
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-hovered)' },
|
|
10798
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active':
|
|
10799
|
-
|
|
10800
|
-
|
|
10801
|
-
|
|
10802
|
-
|
|
10803
|
-
|
|
10807
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active':
|
|
10808
|
+
{
|
|
10809
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-pressed)',
|
|
10810
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-pressed)',
|
|
10811
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-pressed)',
|
|
10812
|
+
},
|
|
10813
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active .ids-icon':
|
|
10804
10814
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-pressed)' },
|
|
10805
|
-
'.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':
|
|
10815
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible':
|
|
10806
10816
|
{
|
|
10807
10817
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-focused)',
|
|
10808
10818
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-focused)',
|
|
10809
10819
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-focused)',
|
|
10810
10820
|
},
|
|
10811
|
-
'.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':
|
|
10821
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon':
|
|
10812
10822
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-focused)' },
|
|
10813
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled':
|
|
10814
|
-
|
|
10815
|
-
|
|
10816
|
-
|
|
10817
|
-
|
|
10818
|
-
|
|
10823
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled':
|
|
10824
|
+
{
|
|
10825
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-disabled)',
|
|
10826
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-disabled)',
|
|
10827
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-disabled)',
|
|
10828
|
+
},
|
|
10829
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon':
|
|
10819
10830
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled)' },
|
|
10820
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
10821
|
-
|
|
10822
|
-
|
|
10823
|
-
|
|
10824
|
-
|
|
10825
|
-
|
|
10826
|
-
|
|
10827
|
-
|
|
10828
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-
|
|
10831
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus-visible':
|
|
10832
|
+
{ outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)' },
|
|
10833
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button':
|
|
10834
|
+
{
|
|
10835
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-default)',
|
|
10836
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-default)',
|
|
10837
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)',
|
|
10838
|
+
},
|
|
10839
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button .ids-icon':
|
|
10840
|
+
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default)' },
|
|
10841
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
10829
10842
|
{
|
|
10830
10843
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-active)',
|
|
10831
10844
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-active)',
|
|
10832
10845
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-active)',
|
|
10833
10846
|
},
|
|
10834
|
-
'.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':
|
|
10847
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
10835
10848
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-active)' },
|
|
10836
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover':
|
|
10837
|
-
|
|
10838
|
-
|
|
10839
|
-
|
|
10840
|
-
|
|
10841
|
-
|
|
10842
|
-
|
|
10843
|
-
|
|
10844
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active':
|
|
10845
|
-
|
|
10846
|
-
|
|
10847
|
-
|
|
10848
|
-
|
|
10849
|
-
|
|
10849
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover':
|
|
10850
|
+
{
|
|
10851
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-hovered)',
|
|
10852
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-hovered)',
|
|
10853
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-hovered)',
|
|
10854
|
+
},
|
|
10855
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover .ids-icon':
|
|
10856
|
+
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-hovered)' },
|
|
10857
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active':
|
|
10858
|
+
{
|
|
10859
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-pressed)',
|
|
10860
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-pressed)',
|
|
10861
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-pressed)',
|
|
10862
|
+
},
|
|
10863
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active .ids-icon':
|
|
10850
10864
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-pressed)' },
|
|
10851
|
-
'.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':
|
|
10865
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible':
|
|
10852
10866
|
{
|
|
10853
10867
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-focused)',
|
|
10854
10868
|
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-focused)',
|
|
10855
10869
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-focused)',
|
|
10856
10870
|
},
|
|
10857
|
-
'.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':
|
|
10871
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon':
|
|
10858
10872
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-focused)' },
|
|
10859
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled':
|
|
10860
|
-
|
|
10861
|
-
|
|
10862
|
-
|
|
10863
|
-
|
|
10864
|
-
|
|
10873
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled':
|
|
10874
|
+
{
|
|
10875
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-disabled)',
|
|
10876
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-disabled)',
|
|
10877
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-disabled)',
|
|
10878
|
+
},
|
|
10879
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled .ids-icon':
|
|
10865
10880
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-disabled)' },
|
|
10866
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button':
|
|
10867
|
-
|
|
10868
|
-
|
|
10869
|
-
|
|
10870
|
-
|
|
10871
|
-
|
|
10872
|
-
|
|
10873
|
-
|
|
10874
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
10881
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button':
|
|
10882
|
+
{
|
|
10883
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-default)',
|
|
10884
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-default)',
|
|
10885
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)',
|
|
10886
|
+
},
|
|
10887
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button .ids-icon':
|
|
10888
|
+
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default)' },
|
|
10889
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled)':
|
|
10875
10890
|
{
|
|
10876
10891
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-active)',
|
|
10877
10892
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-active)',
|
|
10878
10893
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-active)',
|
|
10879
10894
|
},
|
|
10880
|
-
'.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':
|
|
10895
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon':
|
|
10881
10896
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-active)' },
|
|
10882
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover':
|
|
10883
|
-
|
|
10884
|
-
|
|
10885
|
-
|
|
10886
|
-
|
|
10887
|
-
|
|
10897
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover':
|
|
10898
|
+
{
|
|
10899
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-hovered)',
|
|
10900
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-hovered)',
|
|
10901
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-hovered)',
|
|
10902
|
+
},
|
|
10903
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover .ids-icon':
|
|
10888
10904
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-hovered)' },
|
|
10889
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active':
|
|
10890
|
-
|
|
10891
|
-
|
|
10892
|
-
|
|
10893
|
-
|
|
10894
|
-
|
|
10905
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active':
|
|
10906
|
+
{
|
|
10907
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-pressed)',
|
|
10908
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-pressed)',
|
|
10909
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-pressed)',
|
|
10910
|
+
},
|
|
10911
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active .ids-icon':
|
|
10895
10912
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-pressed)' },
|
|
10896
|
-
'.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':
|
|
10913
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible':
|
|
10897
10914
|
{
|
|
10898
10915
|
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-focused)',
|
|
10899
10916
|
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-focused)',
|
|
10900
10917
|
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-focused)',
|
|
10901
10918
|
},
|
|
10902
|
-
'.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':
|
|
10919
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon':
|
|
10903
10920
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-focused)' },
|
|
10904
|
-
'.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled':
|
|
10905
|
-
|
|
10906
|
-
|
|
10907
|
-
|
|
10908
|
-
|
|
10909
|
-
|
|
10921
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled':
|
|
10922
|
+
{
|
|
10923
|
+
backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-disabled)',
|
|
10924
|
+
color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-disabled)',
|
|
10925
|
+
borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-disabled)',
|
|
10926
|
+
},
|
|
10927
|
+
'.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled .ids-icon':
|
|
10910
10928
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)' },
|
|
10911
10929
|
'.ids-select': {
|
|
10912
10930
|
boxSizing: 'border-box',
|