@i-cell/ids-styles 0.0.61 → 0.0.62

package/dist/components.css

@@ -9939,7 +9939,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
   justify-content: center;
   align-items: center;
   font-style: normal;
-  border-style: none;
+  border-style: solid;
 }
 .ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus, .ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible {
   outline-offset: 2px;
@@ -9983,6 +9983,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
 .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);
+  border-width: var(--ids-comp-paginator-page-links-size-border-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);
@@ -10031,6 +10032,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
 .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);
+  border-width: var(--ids-comp-paginator-page-links-size-border-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);
@@ -10079,6 +10081,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
 .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);
+  border-width: var(--ids-comp-paginator-page-links-size-border-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);
@@ -10127,6 +10130,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
 .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);
+  border-width: var(--ids-comp-paginator-page-links-size-border-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);
@@ -10175,26 +10179,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
 .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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-active);
 }
 .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus, .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible {
   background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused);
   color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-disabled);
 }
 .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
   color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default);
@@ -10226,26 +10236,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
 .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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-active);
 }
 .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus, .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible {
   background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused);
   color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-disabled);
 }
 .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
   color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default);
@@ -10277,26 +10293,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
 .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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-active);
 }
 .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus, .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible {
   background: var(--ids-comp-paginator-page-links-plain-color-bg-light-focused);
   color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-disabled);
 }
 .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
   color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default);
@@ -10328,26 +10350,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
 .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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-active);
 }
 .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus, .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible {
   background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused);
   color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-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);
+  border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-disabled);
 }
 .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
   color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default);