@i-cell/ids-styles 0.0.15-beta.9 → 0.0.16

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 (76) hide show
  1. package/dist/accordion/accordion.css +184 -45
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +194 -55
  4. package/dist/avatar/avatar.css +176 -195
  5. package/dist/avatar/avatar.min.css +1 -1
  6. package/dist/avatar/avatar.plugin.js +168 -170
  7. package/dist/button/button.css +788 -656
  8. package/dist/button/button.min.css +1 -1
  9. package/dist/button/button.plugin.js +792 -693
  10. package/dist/card/card.css +61 -35
  11. package/dist/card/card.min.css +1 -1
  12. package/dist/card/card.plugin.js +181 -126
  13. package/dist/checkbox/checkbox.css +57 -29
  14. package/dist/checkbox/checkbox.min.css +1 -1
  15. package/dist/checkbox/checkbox.plugin.js +78 -53
  16. package/dist/checkbox/pseudo-checkbox.css +53 -25
  17. package/dist/checkbox/pseudo-checkbox.min.css +1 -1
  18. package/dist/checkbox/pseudo-checkbox.plugin.js +72 -43
  19. package/dist/components.css +2434 -1796
  20. package/dist/components.min.css +1 -1
  21. package/dist/components.plugin.js +2763 -2126
  22. package/dist/dialog/dialog.css +12 -1
  23. package/dist/dialog/dialog.min.css +1 -1
  24. package/dist/dialog/dialog.plugin.js +11 -4
  25. package/dist/divider/divider.css +0 -3
  26. package/dist/divider/divider.min.css +1 -1
  27. package/dist/divider/divider.plugin.js +1 -1
  28. package/dist/form-elements/form-field/form-field.css +84 -60
  29. package/dist/form-elements/form-field/form-field.min.css +1 -1
  30. package/dist/form-elements/form-field/form-field.plugin.js +84 -60
  31. package/dist/form-elements/message/message.css +21 -12
  32. package/dist/form-elements/message/message.min.css +1 -1
  33. package/dist/form-elements/message/message.plugin.js +21 -4
  34. package/dist/icon/icon.css +3 -2
  35. package/dist/icon/icon.min.css +1 -1
  36. package/dist/icon/icon.plugin.js +3 -2
  37. package/dist/icon-button/icon-button.css +133 -82
  38. package/dist/icon-button/icon-button.min.css +1 -1
  39. package/dist/icon-button/icon-button.plugin.js +256 -182
  40. package/dist/menu-item/menu-item.css +184 -0
  41. package/dist/menu-item/menu-item.min.css +1 -0
  42. package/dist/menu-item/menu-item.plugin.js +181 -0
  43. package/dist/option/option.css +13 -0
  44. package/dist/option/option.min.css +1 -1
  45. package/dist/option/option.plugin.js +13 -1
  46. package/dist/overlay-panel/overlay-panel.css +125 -0
  47. package/dist/overlay-panel/overlay-panel.min.css +1 -0
  48. package/dist/overlay-panel/overlay-panel.plugin.js +125 -0
  49. package/dist/paginator/paginator.css +133 -23
  50. package/dist/paginator/paginator.min.css +1 -1
  51. package/dist/paginator/paginator.plugin.js +113 -41
  52. package/dist/radio/radio.css +49 -49
  53. package/dist/radio/radio.min.css +1 -1
  54. package/dist/radio/radio.plugin.js +56 -61
  55. package/dist/segmented-control/segmented-control-toggle.css +37 -25
  56. package/dist/segmented-control/segmented-control-toggle.min.css +1 -1
  57. package/dist/segmented-control/segmented-control-toggle.plugin.js +46 -45
  58. package/dist/segmented-control/segmented-control.css +37 -25
  59. package/dist/segmented-control/segmented-control.min.css +1 -1
  60. package/dist/segmented-control/segmented-control.plugin.js +87 -75
  61. package/dist/snackbar/snackbar.css +12 -0
  62. package/dist/snackbar/snackbar.min.css +1 -1
  63. package/dist/snackbar/snackbar.plugin.js +28 -4
  64. package/dist/switch/switch.css +44 -56
  65. package/dist/switch/switch.min.css +1 -1
  66. package/dist/switch/switch.plugin.js +55 -74
  67. package/dist/tag/tag.css +230 -199
  68. package/dist/tag/tag.min.css +1 -1
  69. package/dist/tag/tag.plugin.js +228 -195
  70. package/package.json +4 -4
  71. package/dist/action-item/action-item.css +0 -185
  72. package/dist/action-item/action-item.min.css +0 -1
  73. package/dist/action-item/action-item.plugin.js +0 -176
  74. package/dist/action-panel/action-panel.css +0 -91
  75. package/dist/action-panel/action-panel.min.css +0 -1
  76. package/dist/action-panel/action-panel.plugin.js +0 -91
package/dist/paginator/paginator.min.css CHANGED
@@ -1 +1 @@
1
- .ids-paginator{display:inline-flex}.ids-paginator .ids-paginator__navigation-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{display:flex;align-items:center;list-style:none;padding:0;margin:0}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container .ids-paginator__page-button-truncation{display:flex;align-items:center;justify-content:center}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button{display:flex;justify-content:center;align-items:center;font-style:normal;border-style:none}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline);outline-style:solid;outline-offset:2px}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:not(:disabled){cursor:pointer}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:disabled{cursor:not-allowed}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.first,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous{order:1}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.last{order:3}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{order:2}.ids-paginator .ids-paginator__navigation-container .ids-paginator__help-text{order:4}.ids-paginator .ids-paginator__help-text{margin-left:auto;display:flex;justify-content:center;align-items:center;white-space:nowrap}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact);padding:var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-compact);width:var(--ids-comp-paginator-page-links-size-min-width-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-compact);height:var(--ids-comp-paginator-help-text-size-height-compact);padding:var(--ids-comp-paginator-help-text-size-padding-y-compact)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable);padding:var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-comfortable);width:var(--ids-comp-paginator-page-links-size-min-width-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-comfortable);height:var(--ids-comp-paginator-help-text-size-height-comfortable);padding:var(--ids-comp-paginator-help-text-size-padding-y-comfortable)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious);padding:var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-spacious);width:var(--ids-comp-paginator-page-links-size-min-width-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-spacious);height:var(--ids-comp-paginator-help-text-size-height-spacious);padding:var(--ids-comp-paginator-help-text-size-padding-y-spacious)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense);padding:var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-dense);width:var(--ids-comp-paginator-page-links-size-min-width-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-dense);height:var(--ids-comp-paginator-help-text-size-height-dense);padding:var(--ids-comp-paginator-help-text-size-padding-y-dense)}.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-primary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-secondary-default)}.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-light-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-light-default)}.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-surface-default)}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__page-button-container{display:none}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__help-text{order:2;margin-left:0}
1
+ .ids-paginator{display:inline-flex}.ids-paginator .ids-paginator__navigation-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{display:flex;align-items:center;list-style:none;padding:0;margin:0}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container .ids-paginator__page-button-truncation{display:flex;align-items:center;justify-content:center}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button{display:flex;justify-content:center;align-items:center;font-style:normal;border-style:none}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:not(:disabled){cursor:pointer}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:disabled{cursor:not-allowed}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.first,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous{order:1}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.last{order:3}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation:disabled{cursor:default}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{color:inherit}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{order:2}.ids-paginator .ids-paginator__navigation-container .ids-paginator__help-text{order:4}.ids-paginator .ids-paginator__help-text{margin-left:auto;display:flex;justify-content:center;align-items:center;white-space:nowrap}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact);padding:var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-compact);height:var(--ids-comp-paginator-page-links-size-icon-compact);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-compact);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-compact);height:var(--ids-comp-paginator-help-text-size-height-compact);padding:var(--ids-comp-paginator-help-text-size-padding-y-compact)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable);padding:var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-comfortable);height:var(--ids-comp-paginator-page-links-size-icon-comfortable);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-comfortable);height:var(--ids-comp-paginator-help-text-size-height-comfortable);padding:var(--ids-comp-paginator-help-text-size-padding-y-comfortable)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious);padding:var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-spacious);height:var(--ids-comp-paginator-page-links-size-icon-spacious);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-spacious);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-spacious);height:var(--ids-comp-paginator-help-text-size-height-spacious);padding:var(--ids-comp-paginator-help-text-size-padding-y-spacious)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense);padding:var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-dense);height:var(--ids-comp-paginator-page-links-size-icon-dense);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-dense);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-dense);height:var(--ids-comp-paginator-help-text-size-height-dense);padding:var(--ids-comp-paginator-help-text-size-padding-y-dense)}.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.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){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.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{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-primary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.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){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.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{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-secondary-default)}.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-light-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.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){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.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{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-light-default)}.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.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){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.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{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-surface-default)}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__page-button-container{display:none}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__help-text{order:2;margin-left:0}
package/dist/paginator/paginator.plugin.js CHANGED
@@ -31,17 +31,17 @@ module.exports = function PaginatorPlugin() {
31
31
  fontStyle: 'normal',
32
32
  borderStyle: 'none',
33
33
  },
34
- '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus': {
35
- outlineWidth: 'var(--ids-comp-paginator-page-links-focused-outline-size-outline)',
36
- outlineStyle: 'solid',
37
- outlineOffset: '2px',
38
- },
34
+ '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible':
35
+ { outlineOffset: '2px', outlineStyle: 'solid' },
39
36
  '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:not(:disabled)': { cursor: 'pointer' },
40
37
  '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:disabled': { cursor: 'not-allowed' },
41
38
  '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.first,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous':
42
39
  { order: 1 },
43
40
  '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.last':
44
41
  { order: 3 },
42
+ '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation:disabled': { cursor: 'default' },
43
+ '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon':
44
+ { color: 'inherit' },
45
45
  '.ids-paginator .ids-paginator__navigation-container .ids-paginator__help-text': { order: 4 },
46
46
  '.ids-paginator .ids-paginator__help-text': {
47
47
  marginLeft: 'auto',
@@ -62,6 +62,8 @@ module.exports = function PaginatorPlugin() {
62
62
  lineHeight: 'var(--ids-comp-paginator-page-links-label-typography-line-height-compact)',
63
63
  borderRadius: 'var(--ids-comp-paginator-page-links-page-link-size-border-radius-compact)',
64
64
  },
65
+ '.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible':
66
+ { outlineWidth: 'var(--ids-comp-paginator-page-links-focused-outline-size-outline-compact)' },
65
67
  '.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow': {
66
68
  gap: 'var(--ids-comp-paginator-page-links-size-gap-compact)',
67
69
  },
@@ -71,8 +73,16 @@ module.exports = function PaginatorPlugin() {
71
73
  { paddingLeft: 'var(--ids-comp-paginator-page-links-label-size-padding-left-compact)' },
72
74
  '.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation': {
73
75
  height: 'var(--ids-comp-paginator-page-links-size-height-compact)',
74
- width: 'var(--ids-comp-paginator-page-links-size-min-width-compact)',
76
+ minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-compact)',
75
77
  },
78
+ '.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon':
79
+ {
80
+ width: 'var(--ids-comp-paginator-page-links-size-icon-compact)',
81
+ height: 'var(--ids-comp-paginator-page-links-size-icon-compact)',
82
+ fontSize: 'var(--ids-comp-paginator-page-links-icon-typography-font-size-compact)',
83
+ fontWeight: 'var(--ids-comp-paginator-page-links-icon-typography-font-weight-compact)',
84
+ lineHeight: 'var(--ids-comp-paginator-page-links-icon-typography-line-height-compact)',
85
+ },
76
86
  '.ids-paginator.ids-paginator-compact .ids-paginator__help-text': {
77
87
  fontFamily: 'var(--ids-comp-paginator-help-text-label-typography-font-family-compact)',
78
88
  fontSize: 'var(--ids-comp-paginator-help-text-label-typography-font-size-compact)',
@@ -98,6 +108,8 @@ module.exports = function PaginatorPlugin() {
98
108
  lineHeight: 'var(--ids-comp-paginator-page-links-label-typography-line-height-comfortable)',
99
109
  borderRadius: 'var(--ids-comp-paginator-page-links-page-link-size-border-radius-comfortable)',
100
110
  },
111
+ '.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible':
112
+ { outlineWidth: 'var(--ids-comp-paginator-page-links-focused-outline-size-outline-comfortable)' },
101
113
  '.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow': {
102
114
  gap: 'var(--ids-comp-paginator-page-links-size-gap-comfortable)',
103
115
  },
@@ -107,8 +119,16 @@ module.exports = function PaginatorPlugin() {
107
119
  { paddingLeft: 'var(--ids-comp-paginator-page-links-label-size-padding-left-comfortable)' },
108
120
  '.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation': {
109
121
  height: 'var(--ids-comp-paginator-page-links-size-height-comfortable)',
110
- width: 'var(--ids-comp-paginator-page-links-size-min-width-comfortable)',
122
+ minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-comfortable)',
111
123
  },
124
+ '.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon':
125
+ {
126
+ width: 'var(--ids-comp-paginator-page-links-size-icon-comfortable)',
127
+ height: 'var(--ids-comp-paginator-page-links-size-icon-comfortable)',
128
+ fontSize: 'var(--ids-comp-paginator-page-links-icon-typography-font-size-comfortable)',
129
+ fontWeight: 'var(--ids-comp-paginator-page-links-icon-typography-font-weight-comfortable)',
130
+ lineHeight: 'var(--ids-comp-paginator-page-links-icon-typography-line-height-comfortable)',
131
+ },
112
132
  '.ids-paginator.ids-paginator-comfortable .ids-paginator__help-text': {
113
133
  fontFamily: 'var(--ids-comp-paginator-help-text-label-typography-font-family-comfortable)',
114
134
  fontSize: 'var(--ids-comp-paginator-help-text-label-typography-font-size-comfortable)',
@@ -132,6 +152,8 @@ module.exports = function PaginatorPlugin() {
132
152
  lineHeight: 'var(--ids-comp-paginator-page-links-label-typography-line-height-spacious)',
133
153
  borderRadius: 'var(--ids-comp-paginator-page-links-page-link-size-border-radius-spacious)',
134
154
  },
155
+ '.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible':
156
+ { outlineWidth: 'var(--ids-comp-paginator-page-links-focused-outline-size-outline-spacious)' },
135
157
  '.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow': {
136
158
  gap: 'var(--ids-comp-paginator-page-links-size-gap-spacious)',
137
159
  },
@@ -141,8 +163,16 @@ module.exports = function PaginatorPlugin() {
141
163
  { paddingLeft: 'var(--ids-comp-paginator-page-links-label-size-padding-left-spacious)' },
142
164
  '.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation': {
143
165
  height: 'var(--ids-comp-paginator-page-links-size-height-spacious)',
144
- width: 'var(--ids-comp-paginator-page-links-size-min-width-spacious)',
166
+ minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-spacious)',
145
167
  },
168
+ '.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon':
169
+ {
170
+ width: 'var(--ids-comp-paginator-page-links-size-icon-spacious)',
171
+ height: 'var(--ids-comp-paginator-page-links-size-icon-spacious)',
172
+ fontSize: 'var(--ids-comp-paginator-page-links-icon-typography-font-size-spacious)',
173
+ fontWeight: 'var(--ids-comp-paginator-page-links-icon-typography-font-weight-spacious)',
174
+ lineHeight: 'var(--ids-comp-paginator-page-links-icon-typography-line-height-spacious)',
175
+ },
146
176
  '.ids-paginator.ids-paginator-spacious .ids-paginator__help-text': {
147
177
  fontFamily: 'var(--ids-comp-paginator-help-text-label-typography-font-family-spacious)',
148
178
  fontSize: 'var(--ids-comp-paginator-help-text-label-typography-font-size-spacious)',
@@ -165,6 +195,8 @@ module.exports = function PaginatorPlugin() {
165
195
  lineHeight: 'var(--ids-comp-paginator-page-links-label-typography-line-height-dense)',
166
196
  borderRadius: 'var(--ids-comp-paginator-page-links-page-link-size-border-radius-dense)',
167
197
  },
198
+ '.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible':
199
+ { outlineWidth: 'var(--ids-comp-paginator-page-links-focused-outline-size-outline-dense)' },
168
200
  '.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow': {
169
201
  gap: 'var(--ids-comp-paginator-page-links-size-gap-dense)',
170
202
  },
@@ -174,8 +206,16 @@ module.exports = function PaginatorPlugin() {
174
206
  { paddingLeft: 'var(--ids-comp-paginator-page-links-label-size-padding-left-dense)' },
175
207
  '.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation': {
176
208
  height: 'var(--ids-comp-paginator-page-links-size-height-dense)',
177
- width: 'var(--ids-comp-paginator-page-links-size-min-width-dense)',
209
+ minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-dense)',
178
210
  },
211
+ '.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon':
212
+ {
213
+ width: 'var(--ids-comp-paginator-page-links-size-icon-dense)',
214
+ height: 'var(--ids-comp-paginator-page-links-size-icon-dense)',
215
+ fontSize: 'var(--ids-comp-paginator-page-links-icon-typography-font-size-dense)',
216
+ fontWeight: 'var(--ids-comp-paginator-page-links-icon-typography-font-weight-dense)',
217
+ lineHeight: 'var(--ids-comp-paginator-page-links-icon-typography-line-height-dense)',
218
+ },
179
219
  '.ids-paginator.ids-paginator-dense .ids-paginator__help-text': {
180
220
  fontFamily: 'var(--ids-comp-paginator-help-text-label-typography-font-family-dense)',
181
221
  fontSize: 'var(--ids-comp-paginator-help-text-label-typography-font-size-dense)',
@@ -186,9 +226,8 @@ module.exports = function PaginatorPlugin() {
186
226
  height: 'var(--ids-comp-paginator-help-text-size-height-dense)',
187
227
  padding: 'var(--ids-comp-paginator-help-text-size-padding-y-dense)',
188
228
  },
189
- '.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus': {
190
- outlineColor: 'var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)',
191
- },
229
+ '.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus-visible':
230
+ { outlineColor: 'var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)' },
192
231
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain':
193
232
  {
194
233
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-default)',
@@ -199,7 +238,7 @@ module.exports = function PaginatorPlugin() {
199
238
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-active)',
200
239
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active)',
201
240
  },
202
- '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus':
241
+ '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible':
203
242
  {
204
243
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused)',
205
244
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused)',
@@ -219,17 +258,25 @@ module.exports = function PaginatorPlugin() {
219
258
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled)',
220
259
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled)',
221
260
  },
222
- '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled)':
261
+ '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
223
262
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)' },
224
- '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button-truncation': {
225
- color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)',
226
- },
263
+ '.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)':
264
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)' },
265
+ '.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':
266
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)' },
267
+ '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover':
268
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)' },
269
+ '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active':
270
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)' },
271
+ '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled':
272
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)' },
273
+ '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation':
274
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)' },
227
275
  '.ids-paginator.ids-paginator-primary .ids-paginator__help-text': {
228
276
  color: 'var(--ids-comp-paginator-help-text-color-fg-primary-default)',
229
277
  },
230
- '.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus': {
231
- outlineColor: 'var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)',
232
- },
278
+ '.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus-visible':
279
+ { outlineColor: 'var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)' },
233
280
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain':
234
281
  {
235
282
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default)',
@@ -240,7 +287,7 @@ module.exports = function PaginatorPlugin() {
240
287
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active)',
241
288
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active)',
242
289
  },
243
- '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus':
290
+ '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible':
244
291
  {
245
292
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused)',
246
293
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused)',
@@ -260,17 +307,25 @@ module.exports = function PaginatorPlugin() {
260
307
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled)',
261
308
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled)',
262
309
  },
263
- '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled)':
310
+ '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
264
311
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)' },
265
- '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button-truncation': {
266
- color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)',
267
- },
312
+ '.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)':
313
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)' },
314
+ '.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':
315
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)' },
316
+ '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover':
317
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)' },
318
+ '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active':
319
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)' },
320
+ '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled':
321
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)' },
322
+ '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation':
323
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)' },
268
324
  '.ids-paginator.ids-paginator-secondary .ids-paginator__help-text': {
269
325
  color: 'var(--ids-comp-paginator-help-text-color-fg-secondary-default)',
270
326
  },
271
- '.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus': {
272
- outlineColor: 'var(--ids-comp-paginator-page-links-focused-outline-color-light-focused)',
273
- },
327
+ '.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus-visible':
328
+ { outlineColor: 'var(--ids-comp-paginator-page-links-focused-outline-color-light-focused)' },
274
329
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain':
275
330
  {
276
331
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-default)',
@@ -281,7 +336,7 @@ module.exports = function PaginatorPlugin() {
281
336
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-active)',
282
337
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active)',
283
338
  },
284
- '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus':
339
+ '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible':
285
340
  {
286
341
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-focused)',
287
342
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused)',
@@ -301,17 +356,25 @@ module.exports = function PaginatorPlugin() {
301
356
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled)',
302
357
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled)',
303
358
  },
304
- '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled)':
359
+ '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
305
360
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)' },
306
- '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button-truncation': {
307
- color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)',
308
- },
361
+ '.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)':
362
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)' },
363
+ '.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':
364
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)' },
365
+ '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover':
366
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)' },
367
+ '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active':
368
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)' },
369
+ '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled':
370
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)' },
371
+ '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation':
372
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)' },
309
373
  '.ids-paginator.ids-paginator-light .ids-paginator__help-text': {
310
374
  color: 'var(--ids-comp-paginator-help-text-color-fg-light-default)',
311
375
  },
312
- '.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus': {
313
- outlineColor: 'var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)',
314
- },
376
+ '.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus-visible':
377
+ { outlineColor: 'var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)' },
315
378
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain':
316
379
  {
317
380
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-default)',
@@ -322,7 +385,7 @@ module.exports = function PaginatorPlugin() {
322
385
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-active)',
323
386
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active)',
324
387
  },
325
- '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus':
388
+ '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible':
326
389
  {
327
390
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused)',
328
391
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused)',
@@ -342,11 +405,20 @@ module.exports = function PaginatorPlugin() {
342
405
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled)',
343
406
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled)',
344
407
  },
345
- '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled)':
408
+ '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
346
409
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)' },
347
- '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button-truncation': {
348
- color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)',
349
- },
410
+ '.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)':
411
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)' },
412
+ '.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':
413
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)' },
414
+ '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover':
415
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)' },
416
+ '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active':
417
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)' },
418
+ '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled':
419
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)' },
420
+ '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation':
421
+ { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)' },
350
422
  '.ids-paginator.ids-paginator-surface .ids-paginator__help-text': {
351
423
  color: 'var(--ids-comp-paginator-help-text-color-fg-surface-default)',
352
424
  },