npm - @i-cell/ids-styles - Versions diffs - 0.0.6 → 0.0.7 - Mend

@i-cell/ids-styles 0.0.6 → 0.0.7

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 (31) hide show

package/dist/action-item/action-item.css +6 -0
package/dist/action-item/action-item.min.css +1 -1
package/dist/action-item/action-item.plugin.js +2 -0
package/dist/avatar/avatar.css +6 -0
package/dist/avatar/avatar.min.css +1 -1
package/dist/avatar/avatar.plugin.js +2 -0
package/dist/button/button.css +6 -0
package/dist/button/button.min.css +1 -1
package/dist/button/button.plugin.js +2 -0
package/dist/checkbox/checkbox.css +5 -0
package/dist/checkbox/checkbox.min.css +1 -1
package/dist/checkbox/checkbox.plugin.js +5 -0
package/dist/components.css +246 -104
package/dist/components.min.css +1 -1
package/dist/components.plugin.js +213 -104
package/dist/icon-button/icon-button.css +6 -0
package/dist/icon-button/icon-button.min.css +1 -1
package/dist/icon-button/icon-button.plugin.js +2 -0
package/dist/paginator/paginator.css +6 -0
package/dist/paginator/paginator.min.css +1 -1
package/dist/paginator/paginator.plugin.js +2 -0
package/dist/segmented-control/segmented-control-toggle.css +102 -56
package/dist/segmented-control/segmented-control-toggle.min.css +1 -1
package/dist/segmented-control/segmented-control-toggle.plugin.js +98 -56
package/dist/segmented-control/segmented-control.css +102 -48
package/dist/segmented-control/segmented-control.min.css +1 -1
package/dist/segmented-control/segmented-control.plugin.js +98 -48
package/dist/tag/tag.css +7 -0
package/dist/tag/tag.min.css +1 -1
package/dist/tag/tag.plugin.js +2 -0
package/package.json +1 -1

package/dist/icon-button/icon-button.css CHANGED Viewed

@@ -16,6 +16,12 @@
 .ids-icon-button:active {
   outline: none;
 }
+.ids-icon-button:not(:disabled) {
+  cursor: pointer;
+}
+.ids-icon-button:disabled {
+  cursor: not-allowed;
+}
 .ids-icon-button.ids-icon-button-compact {
   padding: var(--ids-comp-icon-button-size-padding-y-compact) var(--ids-comp-icon-button-size-padding-x-compact);
   width: var(--ids-comp-icon-button-size-width-compact);

package/dist/icon-button/icon-button.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ids-icon-button{padding:0px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-style:solid}.ids-icon-button:focus{outline-offset:2px;outline:var(--ids-comp-icon-button-focused-outline-size-outline) solid var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button:focus.ids-icon-button-light{outline-color:var(--ids-comp-icon-button-focused-outline-color-light-focused)}.ids-icon-button:active{outline:none}.ids-icon-button.ids-icon-button-compact{padding:var(--ids-comp-icon-button-size-padding-y-compact) var(--ids-comp-icon-button-size-padding-x-compact);width:var(--ids-comp-icon-button-size-width-compact);height:var(--ids-comp-icon-button-size-height-compact);border-radius:var(--ids-comp-icon-button-size-border-radius-compact);border-width:var(--ids-comp-icon-button-size-border-compact)}.ids-icon-button.ids-icon-button-compact [icon]{width:var(--ids-comp-icon-button-size-icon-compact);height:var(--ids-comp-icon-button-size-icon-compact)}.ids-icon-button.ids-icon-button-comfortable{padding:var(--ids-comp-icon-button-size-padding-y-comfortable) var(--ids-comp-icon-button-size-padding-x-comfortable);width:var(--ids-comp-icon-button-size-width-comfortable);height:var(--ids-comp-icon-button-size-height-comfortable);border-radius:var(--ids-comp-icon-button-size-border-radius-comfortable);border-width:var(--ids-comp-icon-button-size-border-comfortable)}.ids-icon-button.ids-icon-button-comfortable [icon]{width:var(--ids-comp-icon-button-size-icon-comfortable);height:var(--ids-comp-icon-button-size-icon-comfortable)}.ids-icon-button.ids-icon-button-spacious{padding:var(--ids-comp-icon-button-size-padding-y-spacious) var(--ids-comp-icon-button-size-padding-x-spacious);width:var(--ids-comp-icon-button-size-width-spacious);height:var(--ids-comp-icon-button-size-height-spacious);border-radius:var(--ids-comp-icon-button-size-border-radius-spacious);border-width:var(--ids-comp-icon-button-size-border-spacious)}.ids-icon-button.ids-icon-button-spacious [icon]{width:var(--ids-comp-icon-button-size-icon-spacious);height:var(--ids-comp-icon-button-size-icon-spacious)}.ids-icon-button.ids-icon-button-dense{padding:var(--ids-comp-icon-button-size-padding-y-dense) var(--ids-comp-icon-button-size-padding-x-dense);width:var(--ids-comp-icon-button-size-width-dense);height:var(--ids-comp-icon-button-size-height-dense);border-radius:var(--ids-comp-icon-button-size-border-radius-dense);border-width:var(--ids-comp-icon-button-size-border-dense)}.ids-icon-button.ids-icon-button-dense [icon]{width:var(--ids-comp-icon-button-size-icon-dense);height:var(--ids-comp-icon-button-size-icon-dense)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary{color:var(--ids-comp-icon-button-filled-color-fg-primary-default);background:var(--ids-comp-icon-button-filled-color-bg-primary-default);border-color:var(--ids-comp-icon-button-filled-color-border-primary-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-filled-color-bg-primary-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-primary-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:focus{background:var(--ids-comp-icon-button-filled-color-bg-primary-focused);color:var(--ids-comp-icon-button-filled-color-fg-primary-focused);border-color:var(--ids-comp-icon-button-filled-color-border-primary-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-filled-color-bg-primary-pressed);color:var(--ids-comp-icon-button-filled-color-fg-primary-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-primary-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-filled-color-bg-primary-disabled);color:var(--ids-comp-icon-button-filled-color-fg-primary-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-primary-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary{color:var(--ids-comp-icon-button-filled-color-fg-secondary-default);background:var(--ids-comp-icon-button-filled-color-bg-secondary-default);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:focus{background:var(--ids-comp-icon-button-filled-color-bg-secondary-focused);color:var(--ids-comp-icon-button-filled-color-fg-secondary-focused);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-filled-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-filled-color-fg-secondary-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-filled-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-filled-color-fg-secondary-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand{color:var(--ids-comp-icon-button-filled-color-fg-brand-default);background:var(--ids-comp-icon-button-filled-color-bg-brand-default);border-color:var(--ids-comp-icon-button-filled-color-border-brand-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-filled-color-bg-brand-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-brand-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:focus{background:var(--ids-comp-icon-button-filled-color-bg-brand-focused);color:var(--ids-comp-icon-button-filled-color-fg-brand-focused);border-color:var(--ids-comp-icon-button-filled-color-border-brand-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-filled-color-bg-brand-pressed);color:var(--ids-comp-icon-button-filled-color-fg-brand-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-brand-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-filled-color-bg-brand-disabled);color:var(--ids-comp-icon-button-filled-color-fg-brand-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-brand-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error{color:var(--ids-comp-icon-button-filled-color-fg-error-default);background:var(--ids-comp-icon-button-filled-color-bg-error-default);border-color:var(--ids-comp-icon-button-filled-color-border-error-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-filled-color-bg-error-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-error-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:focus{background:var(--ids-comp-icon-button-filled-color-bg-error-focused);color:var(--ids-comp-icon-button-filled-color-fg-error-focused);border-color:var(--ids-comp-icon-button-filled-color-border-error-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:active{background:var(--ids-comp-icon-button-filled-color-bg-error-pressed);color:var(--ids-comp-icon-button-filled-color-fg-error-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-error-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:disabled{border-color:var(--ids-comp-icon-button-filled-color-border-error-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success{color:var(--ids-comp-icon-button-filled-color-fg-success-default);background:var(--ids-comp-icon-button-filled-color-bg-success-default);border-color:var(--ids-comp-icon-button-filled-color-border-success-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-filled-color-bg-success-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-success-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:focus{background:var(--ids-comp-icon-button-filled-color-bg-success-focused);color:var(--ids-comp-icon-button-filled-color-fg-success-focused);border-color:var(--ids-comp-icon-button-filled-color-border-success-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:active{background:var(--ids-comp-icon-button-filled-color-bg-success-pressed);color:var(--ids-comp-icon-button-filled-color-fg-success-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-success-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:disabled{border-color:var(--ids-comp-icon-button-filled-color-border-success-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning{color:var(--ids-comp-icon-button-filled-color-fg-warning-default);background:var(--ids-comp-icon-button-filled-color-bg-warning-default);border-color:var(--ids-comp-icon-button-filled-color-border-warning-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-filled-color-bg-warning-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-warning-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:focus{background:var(--ids-comp-icon-button-filled-color-bg-warning-focused);color:var(--ids-comp-icon-button-filled-color-fg-warning-focused);border-color:var(--ids-comp-icon-button-filled-color-border-warning-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-filled-color-bg-warning-pressed);color:var(--ids-comp-icon-button-filled-color-fg-warning-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-warning-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:disabled{border-color:var(--ids-comp-icon-button-filled-color-border-warning-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light{color:var(--ids-comp-icon-button-filled-color-fg-light-default);background:var(--ids-comp-icon-button-filled-color-bg-light-default);border-color:var(--ids-comp-icon-button-filled-color-border-light-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-filled-color-bg-light-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-light-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:focus{background:var(--ids-comp-icon-button-filled-color-bg-light-focused);color:var(--ids-comp-icon-button-filled-color-fg-light-focused);border-color:var(--ids-comp-icon-button-filled-color-border-light-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:active{background:var(--ids-comp-icon-button-filled-color-bg-light-pressed);color:var(--ids-comp-icon-button-filled-color-fg-light-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-light-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-filled-color-bg-light-disabled);color:var(--ids-comp-icon-button-filled-color-fg-light-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-light-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark{color:var(--ids-comp-icon-button-filled-color-fg-dark-default);background:var(--ids-comp-icon-button-filled-color-bg-dark-default);border-color:var(--ids-comp-icon-button-filled-color-border-dark-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-filled-color-bg-dark-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-dark-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:focus{background:var(--ids-comp-icon-button-filled-color-bg-dark-focused);color:var(--ids-comp-icon-button-filled-color-fg-dark-focused);border-color:var(--ids-comp-icon-button-filled-color-border-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-filled-color-bg-dark-pressed);color:var(--ids-comp-icon-button-filled-color-fg-dark-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-dark-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-filled-color-bg-dark-disabled);color:var(--ids-comp-icon-button-filled-color-fg-dark-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-dark-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface{color:var(--ids-comp-icon-button-filled-color-fg-surface-default);background:var(--ids-comp-icon-button-filled-color-bg-surface-default);border-color:var(--ids-comp-icon-button-filled-color-border-surface-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-filled-color-bg-surface-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-surface-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:focus{background:var(--ids-comp-icon-button-filled-color-bg-surface-focused);color:var(--ids-comp-icon-button-filled-color-fg-surface-focused);border-color:var(--ids-comp-icon-button-filled-color-border-surface-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-filled-color-bg-surface-pressed);color:var(--ids-comp-icon-button-filled-color-fg-surface-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-surface-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-filled-color-bg-surface-disabled);color:var(--ids-comp-icon-button-filled-color-fg-surface-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-surface-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary{color:var(--ids-comp-icon-button-outlined-color-fg-primary-default);background:var(--ids-comp-icon-button-outlined-color-bg-primary-default);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:focus{background:var(--ids-comp-icon-button-outlined-color-bg-primary-focused);color:var(--ids-comp-icon-button-outlined-color-fg-primary-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-primary-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-primary-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary{color:var(--ids-comp-icon-button-outlined-color-fg-secondary-default);background:var(--ids-comp-icon-button-outlined-color-bg-secondary-default);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:focus{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-focused);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand{color:var(--ids-comp-icon-button-outlined-color-fg-brand-default);background:var(--ids-comp-icon-button-outlined-color-bg-brand-default);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:focus{background:var(--ids-comp-icon-button-outlined-color-bg-brand-focused);color:var(--ids-comp-icon-button-outlined-color-fg-brand-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-outlined-color-bg-brand-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-brand-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-brand-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-brand-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error{color:var(--ids-comp-icon-button-outlined-color-fg-error-default);background:var(--ids-comp-icon-button-outlined-color-bg-error-default);border-color:var(--ids-comp-icon-button-outlined-color-border-error-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-outlined-color-bg-error-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-error-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:focus{background:var(--ids-comp-icon-button-outlined-color-bg-error-focused);color:var(--ids-comp-icon-button-outlined-color-fg-error-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-error-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:active{background:var(--ids-comp-icon-button-outlined-color-bg-error-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-error-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-error-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:disabled{border-color:var(--ids-comp-icon-button-outlined-color-border-error-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success{color:var(--ids-comp-icon-button-outlined-color-fg-success-default);background:var(--ids-comp-icon-button-outlined-color-bg-success-default);border-color:var(--ids-comp-icon-button-outlined-color-border-success-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-outlined-color-bg-success-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-success-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:focus{background:var(--ids-comp-icon-button-outlined-color-bg-success-focused);color:var(--ids-comp-icon-button-outlined-color-fg-success-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-success-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:active{background:var(--ids-comp-icon-button-outlined-color-bg-success-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-success-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-success-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:disabled{border-color:var(--ids-comp-icon-button-outlined-color-border-success-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning{color:var(--ids-comp-icon-button-outlined-color-fg-warning-default);background:var(--ids-comp-icon-button-outlined-color-bg-warning-default);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:focus{background:var(--ids-comp-icon-button-outlined-color-bg-warning-focused);color:var(--ids-comp-icon-button-outlined-color-fg-warning-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-outlined-color-bg-warning-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-warning-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:disabled{border-color:var(--ids-comp-icon-button-outlined-color-border-warning-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light{color:var(--ids-comp-icon-button-outlined-color-fg-light-default);background:var(--ids-comp-icon-button-outlined-color-bg-light-default);border-color:var(--ids-comp-icon-button-outlined-color-border-light-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-outlined-color-bg-light-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-light-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:focus{background:var(--ids-comp-icon-button-outlined-color-bg-light-focused);color:var(--ids-comp-icon-button-outlined-color-fg-light-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-light-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:active{background:var(--ids-comp-icon-button-outlined-color-bg-light-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-light-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-light-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-light-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-light-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-light-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark{color:var(--ids-comp-icon-button-outlined-color-fg-dark-default);background:var(--ids-comp-icon-button-outlined-color-bg-dark-default);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:focus{background:var(--ids-comp-icon-button-outlined-color-bg-dark-focused);color:var(--ids-comp-icon-button-outlined-color-fg-dark-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-outlined-color-bg-dark-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-dark-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-dark-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-dark-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface{color:var(--ids-comp-icon-button-outlined-color-fg-surface-default);background:var(--ids-comp-icon-button-outlined-color-bg-surface-default);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:focus{background:var(--ids-comp-icon-button-outlined-color-bg-surface-focused);color:var(--ids-comp-icon-button-outlined-color-fg-surface-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-surface-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-surface-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-disabled)}.ids-icon-button.ids-icon-button-standard{border:none}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary{color:var(--ids-comp-icon-button-standard-color-fg-primary-default);background:var(--ids-comp-icon-button-standard-color-bg-primary-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-standard-color-bg-primary-hovered);color:var(--ids-comp-icon-button-standard-color-fg-primary-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:focus{background:var(--ids-comp-icon-button-standard-color-bg-primary-focused);color:var(--ids-comp-icon-button-standard-color-fg-primary-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-standard-color-bg-primary-pressed);color:var(--ids-comp-icon-button-standard-color-fg-primary-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-standard-color-bg-primary-disabled);color:var(--ids-comp-icon-button-standard-color-fg-primary-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary{color:var(--ids-comp-icon-button-standard-color-fg-secondary-default);background:var(--ids-comp-icon-button-standard-color-bg-secondary-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-standard-color-bg-secondary-hovered);color:var(--ids-comp-icon-button-standard-color-fg-secondary-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:focus{background:var(--ids-comp-icon-button-standard-color-bg-secondary-focused);color:var(--ids-comp-icon-button-standard-color-fg-secondary-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-standard-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-standard-color-fg-secondary-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-standard-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-standard-color-fg-secondary-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand{color:var(--ids-comp-icon-button-standard-color-fg-brand-default);background:var(--ids-comp-icon-button-standard-color-bg-brand-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-standard-color-bg-brand-hovered);color:var(--ids-comp-icon-button-standard-color-fg-brand-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:focus{background:var(--ids-comp-icon-button-standard-color-bg-brand-focused);color:var(--ids-comp-icon-button-standard-color-fg-brand-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-standard-color-bg-brand-pressed);color:var(--ids-comp-icon-button-standard-color-fg-brand-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-standard-color-bg-brand-disabled);color:var(--ids-comp-icon-button-standard-color-fg-brand-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error{color:var(--ids-comp-icon-button-standard-color-fg-error-default);background:var(--ids-comp-icon-button-standard-color-bg-error-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-standard-color-bg-error-hovered);color:var(--ids-comp-icon-button-standard-color-fg-error-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:focus{background:var(--ids-comp-icon-button-standard-color-bg-error-focused);color:var(--ids-comp-icon-button-standard-color-fg-error-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:active{background:var(--ids-comp-icon-button-standard-color-bg-error-pressed);color:var(--ids-comp-icon-button-standard-color-fg-error-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success{color:var(--ids-comp-icon-button-standard-color-fg-success-default);background:var(--ids-comp-icon-button-standard-color-bg-success-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-standard-color-bg-success-hovered);color:var(--ids-comp-icon-button-standard-color-fg-success-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:focus{background:var(--ids-comp-icon-button-standard-color-bg-success-focused);color:var(--ids-comp-icon-button-standard-color-fg-success-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:active{background:var(--ids-comp-icon-button-standard-color-bg-success-pressed);color:var(--ids-comp-icon-button-standard-color-fg-success-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning{color:var(--ids-comp-icon-button-standard-color-fg-warning-default);background:var(--ids-comp-icon-button-standard-color-bg-warning-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-standard-color-bg-warning-hovered);color:var(--ids-comp-icon-button-standard-color-fg-warning-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:focus{background:var(--ids-comp-icon-button-standard-color-bg-warning-focused);color:var(--ids-comp-icon-button-standard-color-fg-warning-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-standard-color-bg-warning-pressed);color:var(--ids-comp-icon-button-standard-color-fg-warning-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light{color:var(--ids-comp-icon-button-standard-color-fg-light-default);background:var(--ids-comp-icon-button-standard-color-bg-light-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-standard-color-bg-light-hovered);color:var(--ids-comp-icon-button-standard-color-fg-light-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:focus{background:var(--ids-comp-icon-button-standard-color-bg-light-focused);color:var(--ids-comp-icon-button-standard-color-fg-light-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:active{background:var(--ids-comp-icon-button-standard-color-bg-light-pressed);color:var(--ids-comp-icon-button-standard-color-fg-light-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-standard-color-bg-light-disabled);color:var(--ids-comp-icon-button-standard-color-fg-light-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark{color:var(--ids-comp-icon-button-standard-color-fg-dark-default);background:var(--ids-comp-icon-button-standard-color-bg-dark-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-standard-color-bg-dark-hovered);color:var(--ids-comp-icon-button-standard-color-fg-dark-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:focus{background:var(--ids-comp-icon-button-standard-color-bg-dark-focused);color:var(--ids-comp-icon-button-standard-color-fg-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-standard-color-bg-dark-pressed);color:var(--ids-comp-icon-button-standard-color-fg-dark-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-standard-color-bg-dark-disabled);color:var(--ids-comp-icon-button-standard-color-fg-dark-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface{color:var(--ids-comp-icon-button-standard-color-fg-surface-default);background:var(--ids-comp-icon-button-standard-color-bg-surface-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-standard-color-bg-surface-hovered);color:var(--ids-comp-icon-button-standard-color-fg-surface-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:focus{background:var(--ids-comp-icon-button-standard-color-bg-surface-focused);color:var(--ids-comp-icon-button-standard-color-fg-surface-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-standard-color-bg-surface-pressed);color:var(--ids-comp-icon-button-standard-color-fg-surface-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-standard-color-bg-surface-disabled);color:var(--ids-comp-icon-button-standard-color-fg-surface-disabled)}
1	+ .ids-icon-button{padding:0px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-style:solid}.ids-icon-button:focus{outline-offset:2px;outline:var(--ids-comp-icon-button-focused-outline-size-outline) solid var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button:focus.ids-icon-button-light{outline-color:var(--ids-comp-icon-button-focused-outline-color-light-focused)}.ids-icon-button:active{outline:none}.ids-icon-button:not(:disabled){cursor:pointer}.ids-icon-button:disabled{cursor:not-allowed}.ids-icon-button.ids-icon-button-compact{padding:var(--ids-comp-icon-button-size-padding-y-compact) var(--ids-comp-icon-button-size-padding-x-compact);width:var(--ids-comp-icon-button-size-width-compact);height:var(--ids-comp-icon-button-size-height-compact);border-radius:var(--ids-comp-icon-button-size-border-radius-compact);border-width:var(--ids-comp-icon-button-size-border-compact)}.ids-icon-button.ids-icon-button-compact [icon]{width:var(--ids-comp-icon-button-size-icon-compact);height:var(--ids-comp-icon-button-size-icon-compact)}.ids-icon-button.ids-icon-button-comfortable{padding:var(--ids-comp-icon-button-size-padding-y-comfortable) var(--ids-comp-icon-button-size-padding-x-comfortable);width:var(--ids-comp-icon-button-size-width-comfortable);height:var(--ids-comp-icon-button-size-height-comfortable);border-radius:var(--ids-comp-icon-button-size-border-radius-comfortable);border-width:var(--ids-comp-icon-button-size-border-comfortable)}.ids-icon-button.ids-icon-button-comfortable [icon]{width:var(--ids-comp-icon-button-size-icon-comfortable);height:var(--ids-comp-icon-button-size-icon-comfortable)}.ids-icon-button.ids-icon-button-spacious{padding:var(--ids-comp-icon-button-size-padding-y-spacious) var(--ids-comp-icon-button-size-padding-x-spacious);width:var(--ids-comp-icon-button-size-width-spacious);height:var(--ids-comp-icon-button-size-height-spacious);border-radius:var(--ids-comp-icon-button-size-border-radius-spacious);border-width:var(--ids-comp-icon-button-size-border-spacious)}.ids-icon-button.ids-icon-button-spacious [icon]{width:var(--ids-comp-icon-button-size-icon-spacious);height:var(--ids-comp-icon-button-size-icon-spacious)}.ids-icon-button.ids-icon-button-dense{padding:var(--ids-comp-icon-button-size-padding-y-dense) var(--ids-comp-icon-button-size-padding-x-dense);width:var(--ids-comp-icon-button-size-width-dense);height:var(--ids-comp-icon-button-size-height-dense);border-radius:var(--ids-comp-icon-button-size-border-radius-dense);border-width:var(--ids-comp-icon-button-size-border-dense)}.ids-icon-button.ids-icon-button-dense [icon]{width:var(--ids-comp-icon-button-size-icon-dense);height:var(--ids-comp-icon-button-size-icon-dense)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary{color:var(--ids-comp-icon-button-filled-color-fg-primary-default);background:var(--ids-comp-icon-button-filled-color-bg-primary-default);border-color:var(--ids-comp-icon-button-filled-color-border-primary-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-filled-color-bg-primary-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-primary-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:focus{background:var(--ids-comp-icon-button-filled-color-bg-primary-focused);color:var(--ids-comp-icon-button-filled-color-fg-primary-focused);border-color:var(--ids-comp-icon-button-filled-color-border-primary-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-filled-color-bg-primary-pressed);color:var(--ids-comp-icon-button-filled-color-fg-primary-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-primary-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-filled-color-bg-primary-disabled);color:var(--ids-comp-icon-button-filled-color-fg-primary-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-primary-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary{color:var(--ids-comp-icon-button-filled-color-fg-secondary-default);background:var(--ids-comp-icon-button-filled-color-bg-secondary-default);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:focus{background:var(--ids-comp-icon-button-filled-color-bg-secondary-focused);color:var(--ids-comp-icon-button-filled-color-fg-secondary-focused);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-filled-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-filled-color-fg-secondary-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-filled-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-filled-color-fg-secondary-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand{color:var(--ids-comp-icon-button-filled-color-fg-brand-default);background:var(--ids-comp-icon-button-filled-color-bg-brand-default);border-color:var(--ids-comp-icon-button-filled-color-border-brand-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-filled-color-bg-brand-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-brand-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:focus{background:var(--ids-comp-icon-button-filled-color-bg-brand-focused);color:var(--ids-comp-icon-button-filled-color-fg-brand-focused);border-color:var(--ids-comp-icon-button-filled-color-border-brand-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-filled-color-bg-brand-pressed);color:var(--ids-comp-icon-button-filled-color-fg-brand-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-brand-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-filled-color-bg-brand-disabled);color:var(--ids-comp-icon-button-filled-color-fg-brand-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-brand-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error{color:var(--ids-comp-icon-button-filled-color-fg-error-default);background:var(--ids-comp-icon-button-filled-color-bg-error-default);border-color:var(--ids-comp-icon-button-filled-color-border-error-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-filled-color-bg-error-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-error-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:focus{background:var(--ids-comp-icon-button-filled-color-bg-error-focused);color:var(--ids-comp-icon-button-filled-color-fg-error-focused);border-color:var(--ids-comp-icon-button-filled-color-border-error-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:active{background:var(--ids-comp-icon-button-filled-color-bg-error-pressed);color:var(--ids-comp-icon-button-filled-color-fg-error-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-error-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:disabled{border-color:var(--ids-comp-icon-button-filled-color-border-error-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success{color:var(--ids-comp-icon-button-filled-color-fg-success-default);background:var(--ids-comp-icon-button-filled-color-bg-success-default);border-color:var(--ids-comp-icon-button-filled-color-border-success-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-filled-color-bg-success-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-success-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:focus{background:var(--ids-comp-icon-button-filled-color-bg-success-focused);color:var(--ids-comp-icon-button-filled-color-fg-success-focused);border-color:var(--ids-comp-icon-button-filled-color-border-success-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:active{background:var(--ids-comp-icon-button-filled-color-bg-success-pressed);color:var(--ids-comp-icon-button-filled-color-fg-success-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-success-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:disabled{border-color:var(--ids-comp-icon-button-filled-color-border-success-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning{color:var(--ids-comp-icon-button-filled-color-fg-warning-default);background:var(--ids-comp-icon-button-filled-color-bg-warning-default);border-color:var(--ids-comp-icon-button-filled-color-border-warning-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-filled-color-bg-warning-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-warning-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:focus{background:var(--ids-comp-icon-button-filled-color-bg-warning-focused);color:var(--ids-comp-icon-button-filled-color-fg-warning-focused);border-color:var(--ids-comp-icon-button-filled-color-border-warning-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-filled-color-bg-warning-pressed);color:var(--ids-comp-icon-button-filled-color-fg-warning-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-warning-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:disabled{border-color:var(--ids-comp-icon-button-filled-color-border-warning-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light{color:var(--ids-comp-icon-button-filled-color-fg-light-default);background:var(--ids-comp-icon-button-filled-color-bg-light-default);border-color:var(--ids-comp-icon-button-filled-color-border-light-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-filled-color-bg-light-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-light-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:focus{background:var(--ids-comp-icon-button-filled-color-bg-light-focused);color:var(--ids-comp-icon-button-filled-color-fg-light-focused);border-color:var(--ids-comp-icon-button-filled-color-border-light-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:active{background:var(--ids-comp-icon-button-filled-color-bg-light-pressed);color:var(--ids-comp-icon-button-filled-color-fg-light-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-light-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-filled-color-bg-light-disabled);color:var(--ids-comp-icon-button-filled-color-fg-light-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-light-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark{color:var(--ids-comp-icon-button-filled-color-fg-dark-default);background:var(--ids-comp-icon-button-filled-color-bg-dark-default);border-color:var(--ids-comp-icon-button-filled-color-border-dark-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-filled-color-bg-dark-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-dark-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:focus{background:var(--ids-comp-icon-button-filled-color-bg-dark-focused);color:var(--ids-comp-icon-button-filled-color-fg-dark-focused);border-color:var(--ids-comp-icon-button-filled-color-border-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-filled-color-bg-dark-pressed);color:var(--ids-comp-icon-button-filled-color-fg-dark-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-dark-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-filled-color-bg-dark-disabled);color:var(--ids-comp-icon-button-filled-color-fg-dark-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-dark-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface{color:var(--ids-comp-icon-button-filled-color-fg-surface-default);background:var(--ids-comp-icon-button-filled-color-bg-surface-default);border-color:var(--ids-comp-icon-button-filled-color-border-surface-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-filled-color-bg-surface-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-surface-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:focus{background:var(--ids-comp-icon-button-filled-color-bg-surface-focused);color:var(--ids-comp-icon-button-filled-color-fg-surface-focused);border-color:var(--ids-comp-icon-button-filled-color-border-surface-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-filled-color-bg-surface-pressed);color:var(--ids-comp-icon-button-filled-color-fg-surface-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-surface-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-filled-color-bg-surface-disabled);color:var(--ids-comp-icon-button-filled-color-fg-surface-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-surface-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary{color:var(--ids-comp-icon-button-outlined-color-fg-primary-default);background:var(--ids-comp-icon-button-outlined-color-bg-primary-default);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:focus{background:var(--ids-comp-icon-button-outlined-color-bg-primary-focused);color:var(--ids-comp-icon-button-outlined-color-fg-primary-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-primary-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-primary-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary{color:var(--ids-comp-icon-button-outlined-color-fg-secondary-default);background:var(--ids-comp-icon-button-outlined-color-bg-secondary-default);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:focus{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-focused);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand{color:var(--ids-comp-icon-button-outlined-color-fg-brand-default);background:var(--ids-comp-icon-button-outlined-color-bg-brand-default);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:focus{background:var(--ids-comp-icon-button-outlined-color-bg-brand-focused);color:var(--ids-comp-icon-button-outlined-color-fg-brand-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-outlined-color-bg-brand-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-brand-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-brand-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-brand-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error{color:var(--ids-comp-icon-button-outlined-color-fg-error-default);background:var(--ids-comp-icon-button-outlined-color-bg-error-default);border-color:var(--ids-comp-icon-button-outlined-color-border-error-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-outlined-color-bg-error-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-error-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:focus{background:var(--ids-comp-icon-button-outlined-color-bg-error-focused);color:var(--ids-comp-icon-button-outlined-color-fg-error-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-error-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:active{background:var(--ids-comp-icon-button-outlined-color-bg-error-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-error-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-error-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:disabled{border-color:var(--ids-comp-icon-button-outlined-color-border-error-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success{color:var(--ids-comp-icon-button-outlined-color-fg-success-default);background:var(--ids-comp-icon-button-outlined-color-bg-success-default);border-color:var(--ids-comp-icon-button-outlined-color-border-success-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-outlined-color-bg-success-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-success-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:focus{background:var(--ids-comp-icon-button-outlined-color-bg-success-focused);color:var(--ids-comp-icon-button-outlined-color-fg-success-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-success-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:active{background:var(--ids-comp-icon-button-outlined-color-bg-success-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-success-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-success-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:disabled{border-color:var(--ids-comp-icon-button-outlined-color-border-success-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning{color:var(--ids-comp-icon-button-outlined-color-fg-warning-default);background:var(--ids-comp-icon-button-outlined-color-bg-warning-default);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:focus{background:var(--ids-comp-icon-button-outlined-color-bg-warning-focused);color:var(--ids-comp-icon-button-outlined-color-fg-warning-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-outlined-color-bg-warning-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-warning-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:disabled{border-color:var(--ids-comp-icon-button-outlined-color-border-warning-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light{color:var(--ids-comp-icon-button-outlined-color-fg-light-default);background:var(--ids-comp-icon-button-outlined-color-bg-light-default);border-color:var(--ids-comp-icon-button-outlined-color-border-light-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-outlined-color-bg-light-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-light-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:focus{background:var(--ids-comp-icon-button-outlined-color-bg-light-focused);color:var(--ids-comp-icon-button-outlined-color-fg-light-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-light-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:active{background:var(--ids-comp-icon-button-outlined-color-bg-light-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-light-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-light-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-light-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-light-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-light-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark{color:var(--ids-comp-icon-button-outlined-color-fg-dark-default);background:var(--ids-comp-icon-button-outlined-color-bg-dark-default);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:focus{background:var(--ids-comp-icon-button-outlined-color-bg-dark-focused);color:var(--ids-comp-icon-button-outlined-color-fg-dark-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-outlined-color-bg-dark-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-dark-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-dark-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-dark-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface{color:var(--ids-comp-icon-button-outlined-color-fg-surface-default);background:var(--ids-comp-icon-button-outlined-color-bg-surface-default);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:focus{background:var(--ids-comp-icon-button-outlined-color-bg-surface-focused);color:var(--ids-comp-icon-button-outlined-color-fg-surface-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-surface-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-surface-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-disabled)}.ids-icon-button.ids-icon-button-standard{border:none}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary{color:var(--ids-comp-icon-button-standard-color-fg-primary-default);background:var(--ids-comp-icon-button-standard-color-bg-primary-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-standard-color-bg-primary-hovered);color:var(--ids-comp-icon-button-standard-color-fg-primary-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:focus{background:var(--ids-comp-icon-button-standard-color-bg-primary-focused);color:var(--ids-comp-icon-button-standard-color-fg-primary-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-standard-color-bg-primary-pressed);color:var(--ids-comp-icon-button-standard-color-fg-primary-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-standard-color-bg-primary-disabled);color:var(--ids-comp-icon-button-standard-color-fg-primary-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary{color:var(--ids-comp-icon-button-standard-color-fg-secondary-default);background:var(--ids-comp-icon-button-standard-color-bg-secondary-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-standard-color-bg-secondary-hovered);color:var(--ids-comp-icon-button-standard-color-fg-secondary-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:focus{background:var(--ids-comp-icon-button-standard-color-bg-secondary-focused);color:var(--ids-comp-icon-button-standard-color-fg-secondary-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-standard-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-standard-color-fg-secondary-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-standard-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-standard-color-fg-secondary-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand{color:var(--ids-comp-icon-button-standard-color-fg-brand-default);background:var(--ids-comp-icon-button-standard-color-bg-brand-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-standard-color-bg-brand-hovered);color:var(--ids-comp-icon-button-standard-color-fg-brand-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:focus{background:var(--ids-comp-icon-button-standard-color-bg-brand-focused);color:var(--ids-comp-icon-button-standard-color-fg-brand-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-standard-color-bg-brand-pressed);color:var(--ids-comp-icon-button-standard-color-fg-brand-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-standard-color-bg-brand-disabled);color:var(--ids-comp-icon-button-standard-color-fg-brand-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error{color:var(--ids-comp-icon-button-standard-color-fg-error-default);background:var(--ids-comp-icon-button-standard-color-bg-error-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-standard-color-bg-error-hovered);color:var(--ids-comp-icon-button-standard-color-fg-error-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:focus{background:var(--ids-comp-icon-button-standard-color-bg-error-focused);color:var(--ids-comp-icon-button-standard-color-fg-error-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:active{background:var(--ids-comp-icon-button-standard-color-bg-error-pressed);color:var(--ids-comp-icon-button-standard-color-fg-error-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success{color:var(--ids-comp-icon-button-standard-color-fg-success-default);background:var(--ids-comp-icon-button-standard-color-bg-success-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-standard-color-bg-success-hovered);color:var(--ids-comp-icon-button-standard-color-fg-success-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:focus{background:var(--ids-comp-icon-button-standard-color-bg-success-focused);color:var(--ids-comp-icon-button-standard-color-fg-success-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:active{background:var(--ids-comp-icon-button-standard-color-bg-success-pressed);color:var(--ids-comp-icon-button-standard-color-fg-success-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning{color:var(--ids-comp-icon-button-standard-color-fg-warning-default);background:var(--ids-comp-icon-button-standard-color-bg-warning-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-standard-color-bg-warning-hovered);color:var(--ids-comp-icon-button-standard-color-fg-warning-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:focus{background:var(--ids-comp-icon-button-standard-color-bg-warning-focused);color:var(--ids-comp-icon-button-standard-color-fg-warning-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-standard-color-bg-warning-pressed);color:var(--ids-comp-icon-button-standard-color-fg-warning-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light{color:var(--ids-comp-icon-button-standard-color-fg-light-default);background:var(--ids-comp-icon-button-standard-color-bg-light-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-standard-color-bg-light-hovered);color:var(--ids-comp-icon-button-standard-color-fg-light-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:focus{background:var(--ids-comp-icon-button-standard-color-bg-light-focused);color:var(--ids-comp-icon-button-standard-color-fg-light-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:active{background:var(--ids-comp-icon-button-standard-color-bg-light-pressed);color:var(--ids-comp-icon-button-standard-color-fg-light-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-standard-color-bg-light-disabled);color:var(--ids-comp-icon-button-standard-color-fg-light-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark{color:var(--ids-comp-icon-button-standard-color-fg-dark-default);background:var(--ids-comp-icon-button-standard-color-bg-dark-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-standard-color-bg-dark-hovered);color:var(--ids-comp-icon-button-standard-color-fg-dark-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:focus{background:var(--ids-comp-icon-button-standard-color-bg-dark-focused);color:var(--ids-comp-icon-button-standard-color-fg-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-standard-color-bg-dark-pressed);color:var(--ids-comp-icon-button-standard-color-fg-dark-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-standard-color-bg-dark-disabled);color:var(--ids-comp-icon-button-standard-color-fg-dark-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface{color:var(--ids-comp-icon-button-standard-color-fg-surface-default);background:var(--ids-comp-icon-button-standard-color-bg-surface-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-standard-color-bg-surface-hovered);color:var(--ids-comp-icon-button-standard-color-fg-surface-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:focus{background:var(--ids-comp-icon-button-standard-color-bg-surface-focused);color:var(--ids-comp-icon-button-standard-color-fg-surface-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-standard-color-bg-surface-pressed);color:var(--ids-comp-icon-button-standard-color-fg-surface-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-standard-color-bg-surface-disabled);color:var(--ids-comp-icon-button-standard-color-fg-surface-disabled)}

package/dist/icon-button/icon-button.plugin.js CHANGED Viewed

@@ -17,6 +17,8 @@ module.exports = function IconButtonPlugin() {
       },
       '.ids-icon-button:focus.ids-icon-button-light': { outlineColor: 'var(--ids-comp-icon-button-focused-outline-color-light-focused)' },
       '.ids-icon-button:active': { outline: 'none' },
+      '.ids-icon-button:not(:disabled)': { cursor: 'pointer' },
+      '.ids-icon-button:disabled': { cursor: 'not-allowed' },
       '.ids-icon-button.ids-icon-button-compact': {
         padding: 'var(--ids-comp-icon-button-size-padding-y-compact) var(--ids-comp-icon-button-size-padding-x-compact)',
         width: 'var(--ids-comp-icon-button-size-width-compact)',

package/dist/paginator/paginator.css CHANGED Viewed

@@ -30,6 +30,12 @@
   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;
 }

package/dist/paginator/paginator.min.css CHANGED Viewed

	@@ -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}.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-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}.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}

package/dist/paginator/paginator.plugin.js CHANGED Viewed

@@ -33,6 +33,8 @@ module.exports = function PaginatorPlugin() {
         outlineStyle: 'solid',
         outlineOffset: '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':