@i-cell/ids-styles 0.0.60 → 0.0.62

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 (13) hide show
  1. package/dist/components.css +385 -4
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +49 -4
  4. package/dist/menu-item/menu-item.css +356 -0
  5. package/dist/menu-item/menu-item.min.css +1 -1
  6. package/dist/menu-item/menu-item.plugin.js +20 -0
  7. package/dist/overlay-panel/overlay-panel.css +0 -3
  8. package/dist/overlay-panel/overlay-panel.min.css +1 -1
  9. package/dist/overlay-panel/overlay-panel.plugin.js +0 -3
  10. package/dist/paginator/paginator.css +29 -1
  11. package/dist/paginator/paginator.min.css +1 -1
  12. package/dist/paginator/paginator.plugin.js +29 -1
  13. package/package.json +1 -1
package/dist/overlay-panel/overlay-panel.plugin.js CHANGED
@@ -132,9 +132,6 @@ module.exports = function OverlayPanelPlugin() {
132
132
  borderColor: 'var(--ids-comp-overlay-panel-elevated-color-border-surface-default)',
133
133
  },
134
134
  '.ids-overlay-panel.ids-overlay-panel-has-menu button:hover': { borderColor: 'rgba(0,0,0,0)' },
135
- '.ids-overlay-panel.ids-overlay-panel-has-menu button:focus,.ids-overlay-panel.ids-overlay-panel-has-menu button:focus-visible': {
136
- outlineStyle: 'none !important',
137
- },
138
135
  };
139
136
 
140
137
  addComponents(cssObj);
package/dist/paginator/paginator.css CHANGED
@@ -37,7 +37,7 @@
37
37
  justify-content: center;
38
38
  align-items: center;
39
39
  font-style: normal;
40
- border-style: none;
40
+ border-style: solid;
41
41
  }
42
42
  .ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus, .ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible {
43
43
  outline-offset: 2px;
@@ -81,6 +81,7 @@
81
81
  .ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button {
82
82
  height: var(--ids-comp-paginator-page-links-size-height-compact);
83
83
  min-width: var(--ids-comp-paginator-page-links-size-min-width-compact);
84
+ border-width: var(--ids-comp-paginator-page-links-size-border-width-compact);
84
85
  padding: var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact);
85
86
  font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-compact);
86
87
  font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-compact);
@@ -129,6 +130,7 @@
129
130
  .ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button {
130
131
  height: var(--ids-comp-paginator-page-links-size-height-comfortable);
131
132
  min-width: var(--ids-comp-paginator-page-links-size-min-width-comfortable);
133
+ border-width: var(--ids-comp-paginator-page-links-size-border-width-comfortable);
132
134
  padding: var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable);
133
135
  font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable);
134
136
  font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-comfortable);
@@ -177,6 +179,7 @@
177
179
  .ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button {
178
180
  height: var(--ids-comp-paginator-page-links-size-height-spacious);
179
181
  min-width: var(--ids-comp-paginator-page-links-size-min-width-spacious);
182
+ border-width: var(--ids-comp-paginator-page-links-size-border-width-spacious);
180
183
  padding: var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious);
181
184
  font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-spacious);
182
185
  font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-spacious);
@@ -225,6 +228,7 @@
225
228
  .ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button {
226
229
  height: var(--ids-comp-paginator-page-links-size-height-dense);
227
230
  min-width: var(--ids-comp-paginator-page-links-size-min-width-dense);
231
+ border-width: var(--ids-comp-paginator-page-links-size-border-width-dense);
228
232
  padding: var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense);
229
233
  font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-dense);
230
234
  font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-dense);
@@ -273,26 +277,32 @@
273
277
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
274
278
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-default);
275
279
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default);
280
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-default);
276
281
  }
277
282
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
278
283
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-active);
279
284
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active);
285
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-active);
280
286
  }
281
287
  .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 {
282
288
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused);
283
289
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused);
290
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-focused);
284
291
  }
285
292
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
286
293
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered);
287
294
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered);
295
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-hovered);
288
296
  }
289
297
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
290
298
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed);
291
299
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed);
300
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-pressed);
292
301
  }
293
302
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
294
303
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled);
295
304
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled);
305
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-disabled);
296
306
  }
297
307
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
298
308
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default);
@@ -324,26 +334,32 @@
324
334
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
325
335
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default);
326
336
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default);
337
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-default);
327
338
  }
328
339
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
329
340
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active);
330
341
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active);
342
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-active);
331
343
  }
332
344
  .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 {
333
345
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused);
334
346
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused);
347
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-focused);
335
348
  }
336
349
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
337
350
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered);
338
351
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered);
352
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-hovered);
339
353
  }
340
354
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
341
355
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed);
342
356
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed);
357
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-pressed);
343
358
  }
344
359
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
345
360
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled);
346
361
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled);
362
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-disabled);
347
363
  }
348
364
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
349
365
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default);
@@ -375,26 +391,32 @@
375
391
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
376
392
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-default);
377
393
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default);
394
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-default);
378
395
  }
379
396
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
380
397
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-active);
381
398
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active);
399
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-active);
382
400
  }
383
401
  .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 {
384
402
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-focused);
385
403
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused);
404
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-focused);
386
405
  }
387
406
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
388
407
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered);
389
408
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered);
409
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-hovered);
390
410
  }
391
411
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
392
412
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed);
393
413
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed);
414
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-pressed);
394
415
  }
395
416
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
396
417
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled);
397
418
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled);
419
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-disabled);
398
420
  }
399
421
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
400
422
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default);
@@ -426,26 +448,32 @@
426
448
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
427
449
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-default);
428
450
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default);
451
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-default);
429
452
  }
430
453
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
431
454
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-active);
432
455
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active);
456
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-active);
433
457
  }
434
458
  .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 {
435
459
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused);
436
460
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused);
461
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-focused);
437
462
  }
438
463
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
439
464
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered);
440
465
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered);
466
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-hovered);
441
467
  }
442
468
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
443
469
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed);
444
470
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed);
471
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-pressed);
445
472
  }
446
473
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
447
474
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled);
448
475
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled);
476
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-disabled);
449
477
  }
450
478
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
451
479
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default);
package/dist/paginator/paginator.min.css CHANGED
@@ -1 +1 @@
1
- .ids-paginator{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex}.ids-paginator::before,.ids-paginator::after,.ids-paginator *,.ids-paginator ::before,.ids-paginator ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-paginator .ids-paginator__navigation-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{display:flex;align-items:center;list-style:none;padding:0;margin:0}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container .ids-paginator__page-button-truncation{display:flex;align-items:center;justify-content:center}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button{display:flex;justify-content:center;align-items:center;font-style:normal;border-style:none}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:not(:disabled){cursor:pointer}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:disabled{cursor:not-allowed}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.first,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous{order:1}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.last{order:3}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation:disabled{cursor:default}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{color:inherit}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{order:2}.ids-paginator .ids-paginator__navigation-container .ids-paginator__help-text{order:4}.ids-paginator .ids-paginator__help-text{margin-left:auto;display:flex;justify-content:center;align-items:center;white-space:nowrap}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact);padding:var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-compact);height:var(--ids-comp-paginator-page-links-size-icon-compact);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-compact);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-compact);height:var(--ids-comp-paginator-help-text-size-height-compact);padding:var(--ids-comp-paginator-help-text-size-padding-y-compact)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable);padding:var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-comfortable);height:var(--ids-comp-paginator-page-links-size-icon-comfortable);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-comfortable);height:var(--ids-comp-paginator-help-text-size-height-comfortable);padding:var(--ids-comp-paginator-help-text-size-padding-y-comfortable)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious);padding:var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-spacious);height:var(--ids-comp-paginator-page-links-size-icon-spacious);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-spacious);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-spacious);height:var(--ids-comp-paginator-help-text-size-height-spacious);padding:var(--ids-comp-paginator-help-text-size-padding-y-spacious)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense);padding:var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-dense);height:var(--ids-comp-paginator-page-links-size-icon-dense);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-dense);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-dense);height:var(--ids-comp-paginator-help-text-size-height-dense);padding:var(--ids-comp-paginator-help-text-size-padding-y-dense)}.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-active)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-hovered)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-pressed)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-primary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-active)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-hovered)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-pressed)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-secondary-default)}.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-light-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-active)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-hovered)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-pressed)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-light-default)}.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-active)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-hovered)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-pressed)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-surface-default)}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__page-button-container{display:none}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__help-text{order:2;margin-left:0}
1
+ .ids-paginator{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex}.ids-paginator::before,.ids-paginator::after,.ids-paginator *,.ids-paginator ::before,.ids-paginator ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-paginator .ids-paginator__navigation-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{display:flex;align-items:center;list-style:none;padding:0;margin:0}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container .ids-paginator__page-button-truncation{display:flex;align-items:center;justify-content:center}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button{display:flex;justify-content:center;align-items:center;font-style:normal;border-style: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;outline-style:solid}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:not(:disabled){cursor:pointer}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:disabled{cursor:not-allowed}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.first,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous{order:1}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.last{order:3}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation:disabled{cursor:default}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{color:inherit}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{order:2}.ids-paginator .ids-paginator__navigation-container .ids-paginator__help-text{order:4}.ids-paginator .ids-paginator__help-text{margin-left:auto;display:flex;justify-content:center;align-items:center;white-space:nowrap}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact);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);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-compact);height:var(--ids-comp-paginator-page-links-size-icon-compact);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-compact);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-compact);height:var(--ids-comp-paginator-help-text-size-height-compact);padding:var(--ids-comp-paginator-help-text-size-padding-y-compact)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable);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);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-comfortable);height:var(--ids-comp-paginator-page-links-size-icon-comfortable);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-comfortable);height:var(--ids-comp-paginator-help-text-size-height-comfortable);padding:var(--ids-comp-paginator-help-text-size-padding-y-comfortable)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious);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);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-spacious);height:var(--ids-comp-paginator-page-links-size-icon-spacious);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-spacious);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-spacious);height:var(--ids-comp-paginator-help-text-size-height-spacious);padding:var(--ids-comp-paginator-help-text-size-padding-y-spacious)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense);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);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-dense);height:var(--ids-comp-paginator-page-links-size-icon-dense);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-dense);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-dense);height:var(--ids-comp-paginator-help-text-size-height-dense);padding:var(--ids-comp-paginator-help-text-size-padding-y-dense)}.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default);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)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-active)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-hovered)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-pressed)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-primary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default);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)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-active)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-hovered)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-pressed)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-secondary-default)}.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default);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)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-active)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-hovered)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-pressed)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-light-default)}.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default);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)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-active)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-hovered)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-pressed)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-surface-default)}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__page-button-container{display:none}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__help-text{order:2;margin-left:0}
package/dist/paginator/paginator.plugin.js CHANGED
@@ -42,7 +42,7 @@ module.exports = function PaginatorPlugin() {
42
42
  justifyContent: 'center',
43
43
  alignItems: 'center',
44
44
  fontStyle: 'normal',
45
- borderStyle: 'none',
45
+ borderStyle: 'solid',
46
46
  },
47
47
  '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible':
48
48
  { outlineOffset: '2px', outlineStyle: 'solid' },
@@ -67,6 +67,7 @@ module.exports = function PaginatorPlugin() {
67
67
  '.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button': {
68
68
  height: 'var(--ids-comp-paginator-page-links-size-height-compact)',
69
69
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-compact)',
70
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-compact)',
70
71
  padding: 'var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact)',
71
72
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-compact)',
72
73
  fontSize: 'var(--ids-comp-paginator-page-links-label-typography-font-size-compact)',
@@ -112,6 +113,7 @@ module.exports = function PaginatorPlugin() {
112
113
  '.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button': {
113
114
  height: 'var(--ids-comp-paginator-page-links-size-height-comfortable)',
114
115
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-comfortable)',
116
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-comfortable)',
115
117
  padding:
116
118
  'var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable)',
117
119
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable)',
@@ -156,6 +158,7 @@ module.exports = function PaginatorPlugin() {
156
158
  '.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button': {
157
159
  height: 'var(--ids-comp-paginator-page-links-size-height-spacious)',
158
160
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-spacious)',
161
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-spacious)',
159
162
  padding:
160
163
  'var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious)',
161
164
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-spacious)',
@@ -200,6 +203,7 @@ module.exports = function PaginatorPlugin() {
200
203
  '.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button': {
201
204
  height: 'var(--ids-comp-paginator-page-links-size-height-dense)',
202
205
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-dense)',
206
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-dense)',
203
207
  padding: 'var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense)',
204
208
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-dense)',
205
209
  fontSize: 'var(--ids-comp-paginator-page-links-label-typography-font-size-dense)',
@@ -245,31 +249,37 @@ module.exports = function PaginatorPlugin() {
245
249
  {
246
250
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-default)',
247
251
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default)',
252
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-default)',
248
253
  },
249
254
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
250
255
  {
251
256
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-active)',
252
257
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active)',
258
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-active)',
253
259
  },
254
260
  '.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':
255
261
  {
256
262
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused)',
257
263
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused)',
264
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-focused)',
258
265
  },
259
266
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
260
267
  {
261
268
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered)',
262
269
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered)',
270
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-hovered)',
263
271
  },
264
272
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
265
273
  {
266
274
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed)',
267
275
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed)',
276
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-pressed)',
268
277
  },
269
278
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
270
279
  {
271
280
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled)',
272
281
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled)',
282
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-disabled)',
273
283
  },
274
284
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
275
285
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)' },
@@ -294,31 +304,37 @@ module.exports = function PaginatorPlugin() {
294
304
  {
295
305
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default)',
296
306
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default)',
307
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-default)',
297
308
  },
298
309
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
299
310
  {
300
311
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active)',
301
312
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active)',
313
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-active)',
302
314
  },
303
315
  '.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':
304
316
  {
305
317
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused)',
306
318
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused)',
319
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-focused)',
307
320
  },
308
321
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
309
322
  {
310
323
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered)',
311
324
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered)',
325
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-hovered)',
312
326
  },
313
327
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
314
328
  {
315
329
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed)',
316
330
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed)',
331
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-pressed)',
317
332
  },
318
333
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
319
334
  {
320
335
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled)',
321
336
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled)',
337
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-disabled)',
322
338
  },
323
339
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
324
340
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)' },
@@ -343,31 +359,37 @@ module.exports = function PaginatorPlugin() {
343
359
  {
344
360
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-default)',
345
361
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default)',
362
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-default)',
346
363
  },
347
364
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
348
365
  {
349
366
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-active)',
350
367
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active)',
368
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-active)',
351
369
  },
352
370
  '.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':
353
371
  {
354
372
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-focused)',
355
373
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused)',
374
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-focused)',
356
375
  },
357
376
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
358
377
  {
359
378
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered)',
360
379
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered)',
380
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-hovered)',
361
381
  },
362
382
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
363
383
  {
364
384
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed)',
365
385
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed)',
386
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-pressed)',
366
387
  },
367
388
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
368
389
  {
369
390
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled)',
370
391
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled)',
392
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-disabled)',
371
393
  },
372
394
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
373
395
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)' },
@@ -392,31 +414,37 @@ module.exports = function PaginatorPlugin() {
392
414
  {
393
415
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-default)',
394
416
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default)',
417
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-default)',
395
418
  },
396
419
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
397
420
  {
398
421
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-active)',
399
422
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active)',
423
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-active)',
400
424
  },
401
425
  '.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':
402
426
  {
403
427
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused)',
404
428
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused)',
429
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-focused)',
405
430
  },
406
431
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
407
432
  {
408
433
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered)',
409
434
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered)',
435
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-hovered)',
410
436
  },
411
437
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
412
438
  {
413
439
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed)',
414
440
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed)',
441
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-pressed)',
415
442
  },
416
443
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
417
444
  {
418
445
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled)',
419
446
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled)',
447
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-disabled)',
420
448
  },
421
449
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
422
450
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)' },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@i-cell/ids-styles",
3
- "version": "0.0.60",
3
+ "version": "0.0.62",
4
4
  "private": false,
5
5
  "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
6
6
  "scripts": {