@i-cell/ids-styles 0.0.58 → 0.0.60

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.
Files changed (10) hide show
  1. package/dist/components.css +23 -23
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +27 -26
  4. package/dist/paginator/paginator.css +20 -20
  5. package/dist/paginator/paginator.min.css +1 -1
  6. package/dist/paginator/paginator.plugin.js +20 -20
  7. package/dist/segmented-control-toggle/segmented-control-toggle.css +3 -3
  8. package/dist/segmented-control-toggle/segmented-control-toggle.min.css +1 -1
  9. package/dist/segmented-control-toggle/segmented-control-toggle.plugin.js +7 -6
  10. package/package.json +1 -1
package/dist/components.css CHANGED
@@ -9847,19 +9847,19 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
9847
9847
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default);
9848
9848
  }
9849
9849
  .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) {
9850
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default);
9850
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-active);
9851
9851
  }
9852
9852
  .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 {
9853
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default);
9853
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-focused);
9854
9854
  }
9855
9855
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover {
9856
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default);
9856
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-hovered);
9857
9857
  }
9858
9858
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active {
9859
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default);
9859
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-pressed);
9860
9860
  }
9861
9861
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled {
9862
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default);
9862
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled);
9863
9863
  }
9864
9864
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation {
9865
9865
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled);
@@ -9898,19 +9898,19 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
9898
9898
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default);
9899
9899
  }
9900
9900
  .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) {
9901
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default);
9901
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-active);
9902
9902
  }
9903
9903
  .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 {
9904
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default);
9904
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-focused);
9905
9905
  }
9906
9906
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover {
9907
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default);
9907
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-hovered);
9908
9908
  }
9909
9909
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active {
9910
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default);
9910
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-pressed);
9911
9911
  }
9912
9912
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled {
9913
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default);
9913
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled);
9914
9914
  }
9915
9915
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation {
9916
9916
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled);
@@ -9949,19 +9949,19 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
9949
9949
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default);
9950
9950
  }
9951
9951
  .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) {
9952
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default);
9952
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-active);
9953
9953
  }
9954
9954
  .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 {
9955
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default);
9955
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-focused);
9956
9956
  }
9957
9957
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover {
9958
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default);
9958
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-hovered);
9959
9959
  }
9960
9960
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active {
9961
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default);
9961
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-pressed);
9962
9962
  }
9963
9963
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled {
9964
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default);
9964
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled);
9965
9965
  }
9966
9966
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation {
9967
9967
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled);
@@ -10000,19 +10000,19 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
10000
10000
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default);
10001
10001
  }
10002
10002
  .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) {
10003
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default);
10003
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-active);
10004
10004
  }
10005
10005
  .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 {
10006
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default);
10006
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-focused);
10007
10007
  }
10008
10008
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover {
10009
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default);
10009
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-hovered);
10010
10010
  }
10011
10011
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active {
10012
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default);
10012
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-pressed);
10013
10013
  }
10014
10014
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled {
10015
- color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default);
10015
+ color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled);
10016
10016
  }
10017
10017
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation {
10018
10018
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled);
@@ -11279,7 +11279,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11279
11279
  .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined {
11280
11280
  background-color: var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-light-default);
11281
11281
  }
11282
- .ids-segmented-control-toggle .ids-segmented-control-toggle-item > button:focus, .ids-segmented-control-toggle .ids-segmented-control-toggle-item > button:focus-visible {
11282
+ .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 {
11283
11283
  outline-color: var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused);
11284
11284
  }
11285
11285
  .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button {
@@ -11378,7 +11378,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11378
11378
  .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:disabled .ids-icon {
11379
11379
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled);
11380
11380
  }
11381
- .ids-segmented-control-toggle .ids-segmented-control-toggle-item > button:focus, .ids-segmented-control-toggle .ids-segmented-control-toggle-item > button:focus-visible {
11381
+ .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 {
11382
11382
  outline-color: var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused);
11383
11383
  }
11384
11384
  .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button {
@@ -11477,7 +11477,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11477
11477
  .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:disabled .ids-icon {
11478
11478
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled);
11479
11479
  }
11480
- .ids-segmented-control-toggle .ids-segmented-control-toggle-item > button:focus, .ids-segmented-control-toggle .ids-segmented-control-toggle-item > button:focus-visible {
11480
+ .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 {
11481
11481
  outline-color: var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused);
11482
11482
  }
11483
11483
  .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button {