@purpurds/pagination 8.10.2 → 8.12.0

package/dist/styles.css

@@ -1 +1 @@
-._purpur-pagination_b8bsb_1{container-type:inline-size;container-name:purpur-pagination}._purpur-pagination__pagination-container_b8bsb_5{align-items:center;display:flex;flex-direction:column;gap:var(--purpur-spacing-300)}@container purpur-pagination (min-width: 1024px){._purpur-pagination__pagination-container--with-page-size-select_b8bsb_12{align-items:center;display:grid;gap:var(--purpur-spacing-100);grid-template-areas:". pagination pagesize";grid-template-columns:1fr 3fr 1fr}}._purpur-pagination__page-size-select-container_b8bsb_20{flex:0 0 auto;width:100%}@container purpur-pagination (min-width: 1024px){._purpur-pagination__page-size-select-container_b8bsb_20{grid-area:pagesize;width:auto}}._purpur-pagination__page-navigation-container_b8bsb_30{align-items:center;display:inline-flex;gap:var(--purpur-spacing-200);margin:0 auto;max-width:calc(3 * var(--purpur-spacing-1200));width:100%}@container purpur-pagination (min-width: 600px){._purpur-pagination__page-navigation-container_b8bsb_30{gap:var(--purpur-spacing-400);max-width:none;width:auto}}@container purpur-pagination (min-width: 1024px){._purpur-pagination__page-navigation-container_b8bsb_30{grid-area:pagination;justify-self:center}}._purpur-pagination__step-trigger-label_b8bsb_51{border:0;clip:rect(0,0,0,0);display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@container purpur-pagination (min-width: 1024px){._purpur-pagination__step-trigger-label--not-icon-only_b8bsb_64{clip:auto;display:inline;height:auto;margin:0;overflow:visible;position:static;white-space:normal;width:auto}}._purpur-pagination__step-trigger_b8bsb_51{flex:0 0 auto}._purpur-pagination__page-trigger-container_b8bsb_78{display:flex;flex:1 1 auto;justify-content:center}._purpur-pagination_b8bsb_1 ._purpur-pagination__pages_b8bsb_83{display:none}._purpur-pagination_b8bsb_1 ._purpur-pagination__pages--visible_b8bsb_86{display:flex}@container purpur-pagination (min-width: 600px){._purpur-pagination_b8bsb_1 ._purpur-pagination__pages_b8bsb_83{display:flex}}._purpur-pagination_b8bsb_1 ._purpur-pagination__page-selector_b8bsb_94{display:none}._purpur-pagination_b8bsb_1 ._purpur-pagination__page-selector--visible_b8bsb_97{display:flex}@container purpur-pagination (min-width: 600px){._purpur-pagination_b8bsb_1 ._purpur-pagination__page-selector_b8bsb_94{display:none}}._purpur-pagination-page-selector_7pxsw_1{align-items:center;display:flex;gap:var(--purpur-spacing-150)}._purpur-pagination-page-selector__select-container_7pxsw_6{max-width:var(--purpur-spacing-1000);width:100%}._purpur-pagination-page-selector__of-total-pages-label_7pxsw_10{flex:0 0 auto}._purpur-pagination-page-size-selector_ybr7c_1{align-items:center;display:flex;gap:var(--purpur-spacing-150);justify-content:center}@container purpur-pagination (min-width: 1024px){._purpur-pagination-page-size-selector_ybr7c_1{justify-content:flex-end}}._purpur-pagination-page-size-selector__select_ybr7c_12{flex:1 0 var(--purpur-spacing-1000);max-width:var(--purpur-spacing-1000);width:100%}._purpur-pagination-page-size-selector_ybr7c_1 ._purpur-pagination-page-size-selector__items-per-page-label_ybr7c_17{flex:0 1 auto;display:block;font-weight:var(--purpur-typography-weight-normal);-webkit-hyphens:none;hyphens:none;line-height:var(--purpur-typography-line-height-loose);margin:0;overflow:hidden;text-overflow:ellipsis}._purpur-pagination-page-size-selector_ybr7c_1 ._purpur-pagination-page-size-selector__items-per-page-label-text_ybr7c_27{white-space:nowrap}._purpur-pagination-page-trigger_1pnyd_1{display:block}._purpur-pagination-page-trigger__trigger-item_1pnyd_4{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);text-decoration:none;width:auto}._purpur-pagination-page-trigger__trigger-item_1pnyd_4:focus:before{border-radius:var(--purpur-border-radius-full)}._purpur-pagination-page-trigger__trigger-item_1pnyd_4 svg{display:block}._purpur-pagination-page-trigger__trigger-item--xs_1pnyd_25{padding:var(--purpur-spacing-50) var(--purpur-spacing-250)}._purpur-pagination-page-trigger__trigger-item--xs_1pnyd_25._purpur-pagination-page-trigger__trigger-item--icon-only_1pnyd_28{padding:var(--purpur-spacing-100)}._purpur-pagination-page-trigger__trigger-item--sm_1pnyd_31{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-pagination-page-trigger__trigger-item--sm_1pnyd_31._purpur-pagination-page-trigger__trigger-item--icon-only_1pnyd_28{padding:var(--purpur-spacing-100)}._purpur-pagination-page-trigger__trigger-item--md_1pnyd_37{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-pagination-page-trigger__trigger-item--md_1pnyd_37._purpur-pagination-page-trigger__trigger-item--icon-only_1pnyd_28{padding:var(--purpur-spacing-150)}._purpur-pagination-page-trigger__trigger-item--lg_1pnyd_43{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-pagination-page-trigger__trigger-item--lg_1pnyd_43._purpur-pagination-page-trigger__trigger-item--icon-only_1pnyd_28{padding:var(--purpur-spacing-200)}._purpur-pagination-page-trigger__trigger-item--full-width_1pnyd_49{width:100%}._purpur-pagination-page-trigger__trigger-item_1pnyd_4{position:relative;outline:0;transition:all var(--purpur-motion-duration-100) ease}._purpur-pagination-page-trigger__trigger-item_1pnyd_4:focus:before{box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-pagination-page-trigger__trigger-item_1pnyd_4:focus:not(:focus-visible):before{box-shadow:none}._purpur-pagination-page-trigger__trigger-item--primary_1pnyd_67{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-pagination-page-trigger__trigger-item--primary_1pnyd_67:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-pagination-page-trigger__trigger-item--primary_1pnyd_67:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-pagination-page-trigger__trigger-item--primary-negative_1pnyd_77{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-pagination-page-trigger__trigger-item--primary-negative_1pnyd_77:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-primary-hover-negative);border-color:var(--purpur-color-background-interactive-primary-hover-negative)}._purpur-pagination-page-trigger__trigger-item--primary-negative_1pnyd_77:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-primary-active-negative);border-color:var(--purpur-color-background-interactive-primary-active-negative)}._purpur-pagination-page-trigger__trigger-item--secondary_1pnyd_89{background-color:transparent;box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-pagination-page-trigger__trigger-item--secondary_1pnyd_89:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-pagination-page-trigger__trigger-item--secondary_1pnyd_89:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-pagination-page-trigger__trigger-item--secondary-negative_1pnyd_100{background-color:transparent;box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-pagination-page-trigger__trigger-item--secondary-negative_1pnyd_100:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-pagination-page-trigger__trigger-item--secondary-negative_1pnyd_100:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-pagination-page-trigger__trigger-item--expressive_1pnyd_111{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-pagination-page-trigger__trigger-item--expressive_1pnyd_111:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-pagination-page-trigger__trigger-item--expressive_1pnyd_111:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-pagination-page-trigger__trigger-item--expressive-negative_1pnyd_121{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-pagination-page-trigger__trigger-item--expressive-negative_1pnyd_121:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-expressive-hover-negative);color:var(--purpur-color-text-interactive-on-expressive-hover-negative)}._purpur-pagination-page-trigger__trigger-item--expressive-negative_1pnyd_121:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-expressive-active-negative);color:var(--purpur-color-text-interactive-on-expressive-active-negative)}._purpur-pagination-page-trigger__trigger-item--page-trigger_1pnyd_133{background-color:transparent;box-sizing:border-box;color:var(--purpur-color-text-interactive-primary);height:calc(var(--purpur-spacing-100) + var(--purpur-spacing-400));padding:var(--purpur-spacing-150);transition:background-color var(--purpur-duration-100) var(--purpur-timing-standard),color var(--purpur-duration-100) var(--purpur-timing-standard);width:calc(var(--purpur-spacing-100) + var(--purpur-spacing-400))}._purpur-pagination-page-trigger__trigger-item_1pnyd_4:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71):not(._purpur-pagination-page-trigger__trigger-item--selected_1pnyd_142){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-pagination-page-trigger__trigger-item_1pnyd_4:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-pagination-page-trigger__trigger-item--selected_1pnyd_142{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71{background-color:transparent;box-shadow:none;color:var(--purpur-color-text-weak);cursor:not-allowed}._purpur-pagination-pages_2g8is_1{display:flex;gap:var(--purpur-spacing-100);justify-content:center;list-style-type:none;margin:0;padding:0}._purpur-pagination-truncation-separator_b9cij_1{box-sizing:border-box;display:block;height:calc(2 * var(--purpur-spacing-250));padding:var(--purpur-spacing-150) 0;text-align:center;width:var(--purpur-spacing-250)}._purpur-pagination-step-trigger__trigger-item_1t19c_1{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);text-decoration:none;width:auto}._purpur-pagination-step-trigger__trigger-item_1t19c_1:focus:before{border-radius:var(--purpur-border-radius-full)}._purpur-pagination-step-trigger__trigger-item_1t19c_1 svg{display:block}._purpur-pagination-step-trigger__trigger-item--xs_1t19c_22{padding:var(--purpur-spacing-50) var(--purpur-spacing-250)}._purpur-pagination-step-trigger__trigger-item--xs_1t19c_22._purpur-pagination-step-trigger__trigger-item--icon-only_1t19c_25{padding:var(--purpur-spacing-100)}._purpur-pagination-step-trigger__trigger-item--sm_1t19c_28{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-pagination-step-trigger__trigger-item--sm_1t19c_28._purpur-pagination-step-trigger__trigger-item--icon-only_1t19c_25{padding:var(--purpur-spacing-100)}._purpur-pagination-step-trigger__trigger-item--md_1t19c_34{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-pagination-step-trigger__trigger-item--md_1t19c_34._purpur-pagination-step-trigger__trigger-item--icon-only_1t19c_25{padding:var(--purpur-spacing-150)}._purpur-pagination-step-trigger__trigger-item--lg_1t19c_40{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-pagination-step-trigger__trigger-item--lg_1t19c_40._purpur-pagination-step-trigger__trigger-item--icon-only_1t19c_25{padding:var(--purpur-spacing-200)}._purpur-pagination-step-trigger__trigger-item--full-width_1t19c_46{width:100%}._purpur-pagination-step-trigger__trigger-item_1t19c_1{position:relative;outline:0;transition:all var(--purpur-motion-duration-100) ease}._purpur-pagination-step-trigger__trigger-item_1t19c_1:focus:before{box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-pagination-step-trigger__trigger-item_1t19c_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-pagination-step-trigger__trigger-item--primary_1t19c_64{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-pagination-step-trigger__trigger-item--primary_1t19c_64:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-pagination-step-trigger__trigger-item--primary_1t19c_64:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-pagination-step-trigger__trigger-item--primary-negative_1t19c_74{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-pagination-step-trigger__trigger-item--primary-negative_1t19c_74:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-primary-hover-negative);border-color:var(--purpur-color-background-interactive-primary-hover-negative)}._purpur-pagination-step-trigger__trigger-item--primary-negative_1t19c_74:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-primary-active-negative);border-color:var(--purpur-color-background-interactive-primary-active-negative)}._purpur-pagination-step-trigger__trigger-item--secondary_1t19c_86{background-color:transparent;box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-pagination-step-trigger__trigger-item--secondary_1t19c_86:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-pagination-step-trigger__trigger-item--secondary_1t19c_86:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-pagination-step-trigger__trigger-item--secondary-negative_1t19c_97{background-color:transparent;box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-pagination-step-trigger__trigger-item--secondary-negative_1t19c_97:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-pagination-step-trigger__trigger-item--secondary-negative_1t19c_97:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-pagination-step-trigger__trigger-item--expressive_1t19c_108{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-pagination-step-trigger__trigger-item--expressive_1t19c_108:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-pagination-step-trigger__trigger-item--expressive_1t19c_108:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-pagination-step-trigger__trigger-item--expressive-negative_1t19c_118{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-pagination-step-trigger__trigger-item--expressive-negative_1t19c_118:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-expressive-hover-negative);color:var(--purpur-color-text-interactive-on-expressive-hover-negative)}._purpur-pagination-step-trigger__trigger-item--expressive-negative_1t19c_118:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-expressive-active-negative);color:var(--purpur-color-text-interactive-on-expressive-active-negative)}._purpur-pagination-step-trigger__trigger-item--step-trigger_1t19c_130{box-sizing:border-box;height:calc(var(--purpur-spacing-100) + var(--purpur-spacing-400));padding:var(--purpur-spacing-100);width:calc(var(--purpur-spacing-100) + var(--purpur-spacing-400))}@container purpur-pagination (min-width: 1024px){._purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only_1t19c_137{padding:var(--purpur-spacing-100) var(--purpur-spacing-250);width:auto}}._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68{background-color:var(--purpur-color-background-interactive-disabled);box-shadow:none;color:var(--purpur-color-text-weak);cursor:not-allowed}
+._purpur-pagination_1g3as_1{container-type:inline-size;container-name:purpur-pagination}._purpur-pagination__pagination-container_1g3as_5{align-items:center;display:flex;flex-direction:column;gap:var(--purpur-spacing-300)}@container purpur-pagination (min-width: 1024px){._purpur-pagination__pagination-container--with-page-size-select_1g3as_12{align-items:center;display:grid;gap:var(--purpur-spacing-100);grid-template-areas:"pagesize pagination .";grid-template-columns:1fr 3fr 1fr}}._purpur-pagination__page-size-select-container_1g3as_20{flex:0 0 auto;width:100%}@container purpur-pagination (min-width: 1024px){._purpur-pagination__page-size-select-container_1g3as_20{grid-area:pagesize;width:auto}}._purpur-pagination__page-navigation-container_1g3as_30{align-items:center;display:inline-flex;gap:var(--purpur-spacing-200);margin:0 auto;max-width:calc(3 * var(--purpur-spacing-1200));width:100%}@container purpur-pagination (min-width: 600px){._purpur-pagination__page-navigation-container_1g3as_30{gap:var(--purpur-spacing-400);max-width:none;width:auto}}@container purpur-pagination (min-width: 1024px){._purpur-pagination__page-navigation-container_1g3as_30{grid-area:pagination;justify-self:center}}._purpur-pagination__step-trigger-label_1g3as_51{border:0;clip:rect(0,0,0,0);display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@container purpur-pagination (min-width: 1024px){._purpur-pagination__step-trigger-label--not-icon-only_1g3as_64{clip:auto;display:inline;height:auto;margin:0;overflow:visible;position:static;white-space:normal;width:auto}}._purpur-pagination__step-trigger_1g3as_51{flex:0 0 auto}._purpur-pagination__page-trigger-container_1g3as_78{display:flex;flex:1 1 auto;justify-content:center}._purpur-pagination_1g3as_1 ._purpur-pagination__pages_1g3as_83{display:none}._purpur-pagination_1g3as_1 ._purpur-pagination__pages--visible_1g3as_86{display:flex}@container purpur-pagination (min-width: 600px){._purpur-pagination_1g3as_1 ._purpur-pagination__pages_1g3as_83{display:flex}}._purpur-pagination_1g3as_1 ._purpur-pagination__page-selector_1g3as_94{display:none}._purpur-pagination_1g3as_1 ._purpur-pagination__page-selector--visible_1g3as_97{display:flex}@container purpur-pagination (min-width: 600px){._purpur-pagination_1g3as_1 ._purpur-pagination__page-selector_1g3as_94{display:none}}._purpur-pagination-page-selector_7pxsw_1{align-items:center;display:flex;gap:var(--purpur-spacing-150)}._purpur-pagination-page-selector__select-container_7pxsw_6{max-width:var(--purpur-spacing-1000);width:100%}._purpur-pagination-page-selector__of-total-pages-label_7pxsw_10{flex:0 0 auto}._purpur-pagination-page-size-selector_11x2p_1{align-items:center;display:flex;gap:var(--purpur-spacing-150);justify-content:center}@container purpur-pagination (min-width: 1024px){._purpur-pagination-page-size-selector_11x2p_1{justify-content:flex-start}}._purpur-pagination-page-size-selector__select_11x2p_12{flex:1 0 var(--purpur-spacing-1000);max-width:var(--purpur-spacing-1000);width:100%}._purpur-pagination-page-size-selector_11x2p_1 ._purpur-pagination-page-size-selector__items-per-page-label_11x2p_17{flex:0 1 auto;display:block;font-weight:var(--purpur-typography-weight-normal);-webkit-hyphens:none;hyphens:none;line-height:var(--purpur-typography-line-height-loose);margin:0;overflow:hidden;text-overflow:ellipsis}._purpur-pagination-page-size-selector_11x2p_1 ._purpur-pagination-page-size-selector__items-per-page-label-text_11x2p_27{white-space:nowrap}._purpur-pagination-page-trigger_1pnyd_1{display:block}._purpur-pagination-page-trigger__trigger-item_1pnyd_4{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);text-decoration:none;width:auto}._purpur-pagination-page-trigger__trigger-item_1pnyd_4:focus:before{border-radius:var(--purpur-border-radius-full)}._purpur-pagination-page-trigger__trigger-item_1pnyd_4 svg{display:block}._purpur-pagination-page-trigger__trigger-item--xs_1pnyd_25{padding:var(--purpur-spacing-50) var(--purpur-spacing-250)}._purpur-pagination-page-trigger__trigger-item--xs_1pnyd_25._purpur-pagination-page-trigger__trigger-item--icon-only_1pnyd_28{padding:var(--purpur-spacing-100)}._purpur-pagination-page-trigger__trigger-item--sm_1pnyd_31{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-pagination-page-trigger__trigger-item--sm_1pnyd_31._purpur-pagination-page-trigger__trigger-item--icon-only_1pnyd_28{padding:var(--purpur-spacing-100)}._purpur-pagination-page-trigger__trigger-item--md_1pnyd_37{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-pagination-page-trigger__trigger-item--md_1pnyd_37._purpur-pagination-page-trigger__trigger-item--icon-only_1pnyd_28{padding:var(--purpur-spacing-150)}._purpur-pagination-page-trigger__trigger-item--lg_1pnyd_43{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-pagination-page-trigger__trigger-item--lg_1pnyd_43._purpur-pagination-page-trigger__trigger-item--icon-only_1pnyd_28{padding:var(--purpur-spacing-200)}._purpur-pagination-page-trigger__trigger-item--full-width_1pnyd_49{width:100%}._purpur-pagination-page-trigger__trigger-item_1pnyd_4{position:relative;outline:0;transition:all var(--purpur-motion-duration-100) ease}._purpur-pagination-page-trigger__trigger-item_1pnyd_4:focus:before{box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-pagination-page-trigger__trigger-item_1pnyd_4:focus:not(:focus-visible):before{box-shadow:none}._purpur-pagination-page-trigger__trigger-item--primary_1pnyd_67{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-pagination-page-trigger__trigger-item--primary_1pnyd_67:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-pagination-page-trigger__trigger-item--primary_1pnyd_67:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-pagination-page-trigger__trigger-item--primary-negative_1pnyd_77{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-pagination-page-trigger__trigger-item--primary-negative_1pnyd_77:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-primary-hover-negative);border-color:var(--purpur-color-background-interactive-primary-hover-negative)}._purpur-pagination-page-trigger__trigger-item--primary-negative_1pnyd_77:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-primary-active-negative);border-color:var(--purpur-color-background-interactive-primary-active-negative)}._purpur-pagination-page-trigger__trigger-item--secondary_1pnyd_89{background-color:transparent;box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-pagination-page-trigger__trigger-item--secondary_1pnyd_89:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-pagination-page-trigger__trigger-item--secondary_1pnyd_89:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-pagination-page-trigger__trigger-item--secondary-negative_1pnyd_100{background-color:transparent;box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-pagination-page-trigger__trigger-item--secondary-negative_1pnyd_100:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-pagination-page-trigger__trigger-item--secondary-negative_1pnyd_100:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-pagination-page-trigger__trigger-item--expressive_1pnyd_111{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-pagination-page-trigger__trigger-item--expressive_1pnyd_111:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-pagination-page-trigger__trigger-item--expressive_1pnyd_111:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-pagination-page-trigger__trigger-item--expressive-negative_1pnyd_121{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-pagination-page-trigger__trigger-item--expressive-negative_1pnyd_121:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-expressive-hover-negative);color:var(--purpur-color-text-interactive-on-expressive-hover-negative)}._purpur-pagination-page-trigger__trigger-item--expressive-negative_1pnyd_121:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-expressive-active-negative);color:var(--purpur-color-text-interactive-on-expressive-active-negative)}._purpur-pagination-page-trigger__trigger-item--page-trigger_1pnyd_133{background-color:transparent;box-sizing:border-box;color:var(--purpur-color-text-interactive-primary);height:calc(var(--purpur-spacing-100) + var(--purpur-spacing-400));padding:var(--purpur-spacing-150);transition:background-color var(--purpur-duration-100) var(--purpur-timing-standard),color var(--purpur-duration-100) var(--purpur-timing-standard);width:calc(var(--purpur-spacing-100) + var(--purpur-spacing-400))}._purpur-pagination-page-trigger__trigger-item_1pnyd_4:hover:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71):not(._purpur-pagination-page-trigger__trigger-item--selected_1pnyd_142){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-pagination-page-trigger__trigger-item_1pnyd_4:active:not(._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-pagination-page-trigger__trigger-item--selected_1pnyd_142{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71{background-color:transparent;box-shadow:none;color:var(--purpur-color-text-weak);cursor:not-allowed}._purpur-pagination-pages_2g8is_1{display:flex;gap:var(--purpur-spacing-100);justify-content:center;list-style-type:none;margin:0;padding:0}._purpur-pagination-truncation-separator_b9cij_1{box-sizing:border-box;display:block;height:calc(2 * var(--purpur-spacing-250));padding:var(--purpur-spacing-150) 0;text-align:center;width:var(--purpur-spacing-250)}._purpur-pagination-step-trigger__trigger-item_1t19c_1{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);text-decoration:none;width:auto}._purpur-pagination-step-trigger__trigger-item_1t19c_1:focus:before{border-radius:var(--purpur-border-radius-full)}._purpur-pagination-step-trigger__trigger-item_1t19c_1 svg{display:block}._purpur-pagination-step-trigger__trigger-item--xs_1t19c_22{padding:var(--purpur-spacing-50) var(--purpur-spacing-250)}._purpur-pagination-step-trigger__trigger-item--xs_1t19c_22._purpur-pagination-step-trigger__trigger-item--icon-only_1t19c_25{padding:var(--purpur-spacing-100)}._purpur-pagination-step-trigger__trigger-item--sm_1t19c_28{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-pagination-step-trigger__trigger-item--sm_1t19c_28._purpur-pagination-step-trigger__trigger-item--icon-only_1t19c_25{padding:var(--purpur-spacing-100)}._purpur-pagination-step-trigger__trigger-item--md_1t19c_34{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-pagination-step-trigger__trigger-item--md_1t19c_34._purpur-pagination-step-trigger__trigger-item--icon-only_1t19c_25{padding:var(--purpur-spacing-150)}._purpur-pagination-step-trigger__trigger-item--lg_1t19c_40{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-pagination-step-trigger__trigger-item--lg_1t19c_40._purpur-pagination-step-trigger__trigger-item--icon-only_1t19c_25{padding:var(--purpur-spacing-200)}._purpur-pagination-step-trigger__trigger-item--full-width_1t19c_46{width:100%}._purpur-pagination-step-trigger__trigger-item_1t19c_1{position:relative;outline:0;transition:all var(--purpur-motion-duration-100) ease}._purpur-pagination-step-trigger__trigger-item_1t19c_1:focus:before{box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-pagination-step-trigger__trigger-item_1t19c_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-pagination-step-trigger__trigger-item--primary_1t19c_64{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-pagination-step-trigger__trigger-item--primary_1t19c_64:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-pagination-step-trigger__trigger-item--primary_1t19c_64:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-pagination-step-trigger__trigger-item--primary-negative_1t19c_74{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-pagination-step-trigger__trigger-item--primary-negative_1t19c_74:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-primary-hover-negative);border-color:var(--purpur-color-background-interactive-primary-hover-negative)}._purpur-pagination-step-trigger__trigger-item--primary-negative_1t19c_74:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-primary-active-negative);border-color:var(--purpur-color-background-interactive-primary-active-negative)}._purpur-pagination-step-trigger__trigger-item--secondary_1t19c_86{background-color:transparent;box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-pagination-step-trigger__trigger-item--secondary_1t19c_86:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-pagination-step-trigger__trigger-item--secondary_1t19c_86:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-pagination-step-trigger__trigger-item--secondary-negative_1t19c_97{background-color:transparent;box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-pagination-step-trigger__trigger-item--secondary-negative_1t19c_97:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-pagination-step-trigger__trigger-item--secondary-negative_1t19c_97:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-pagination-step-trigger__trigger-item--expressive_1t19c_108{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-pagination-step-trigger__trigger-item--expressive_1t19c_108:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-pagination-step-trigger__trigger-item--expressive_1t19c_108:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-pagination-step-trigger__trigger-item--expressive-negative_1t19c_118{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-pagination-step-trigger__trigger-item--expressive-negative_1t19c_118:hover:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-expressive-hover-negative);color:var(--purpur-color-text-interactive-on-expressive-hover-negative)}._purpur-pagination-step-trigger__trigger-item--expressive-negative_1t19c_118:active:not(._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68){background-color:var(--purpur-color-background-interactive-expressive-active-negative);color:var(--purpur-color-text-interactive-on-expressive-active-negative)}._purpur-pagination-step-trigger__trigger-item--step-trigger_1t19c_130{box-sizing:border-box;height:calc(var(--purpur-spacing-100) + var(--purpur-spacing-400));padding:var(--purpur-spacing-100);width:calc(var(--purpur-spacing-100) + var(--purpur-spacing-400))}@container purpur-pagination (min-width: 1024px){._purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only_1t19c_137{padding:var(--purpur-spacing-100) var(--purpur-spacing-250);width:auto}}._purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68{background-color:var(--purpur-color-background-interactive-disabled);box-shadow:none;color:var(--purpur-color-text-weak);cursor:not-allowed}

package/dist/types.d.ts

@@ -1,6 +1,5 @@
 import { AnchorHTMLAttributes, ForwardRefExoticComponent } from 'react';
 import { BaseProps } from '@purpurds/common-types';
-
 export type PaginationInformation = {
     pageSize: number;
     currentPage: number;

package/dist/use-page-options.hook.d.ts

@@ -1,5 +1,4 @@
 import { SelectOption } from '@purpurds/select';
-
 type UsePageOptionsHook = {
     options: SelectOption[];
 };

package/dist/use-page-size-options.hook.d.ts

@@ -1,5 +1,4 @@
 import { SelectOption } from '@purpurds/select';
-
 type UsePageSizeOptionsHook = {
     options: SelectOption[];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/pagination",
-  "version": "8.10.2",
+  "version": "8.12.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/pagination.cjs.js",
   "types": "./dist/pagination.d.ts",
@@ -16,14 +16,14 @@
   "source": "src/pagination.tsx",
   "dependencies": {
     "classnames": "~2.5.1",
-    "@purpurds/icon": "8.10.2",
-    "@purpurds/action": "8.10.2",
-    "@purpurds/label": "8.10.2",
-    "@purpurds/common-types": "8.10.2",
-    "@purpurds/paragraph": "8.10.2",
-    "@purpurds/select": "8.10.2",
-    "@purpurds/tokens": "8.10.2",
-    "@purpurds/visually-hidden": "8.10.2"
+    "@purpurds/action": "8.12.0",
+    "@purpurds/icon": "8.12.0",
+    "@purpurds/select": "8.12.0",
+    "@purpurds/common-types": "8.12.0",
+    "@purpurds/paragraph": "8.12.0",
+    "@purpurds/tokens": "8.12.0",
+    "@purpurds/visually-hidden": "8.12.0",
+    "@purpurds/label": "8.12.0"
   },
   "devDependencies": {
     "@storybook/react-vite": "^10.0.8",
@@ -38,14 +38,14 @@
     "jsdom": "~27.2.0",
     "lint-staged": "16.2.6",
     "prettier": "~2.8.8",
-    "react-dom": "^19.2.0",
-    "react": "^19.2.0",
+    "react-dom": "^19.2.1",
+    "react": "^19.2.1",
     "storybook": "^10.0.8",
     "typescript": "^5.9.3",
     "vite": "^7.2.2",
     "vitest": "^4.0.10",
-    "@purpurds/component-rig": "1.0.0",
-    "@purpurds/skeleton": "8.10.2"
+    "@purpurds/skeleton": "8.12.0",
+    "@purpurds/component-rig": "1.0.0"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",

package/src/pagination-page-size-selector.module.scss

@@ -8,7 +8,7 @@
   justify-content: center;
 
   @container purpur-pagination (min-width: #{$purpur-breakpoint-lg}) {
-    justify-content: flex-end;
+    justify-content: flex-start;
   }
 
   &__select {

package/src/pagination.module.scss

@@ -16,7 +16,7 @@
         align-items: center;
         display: grid;
         gap: var(--purpur-spacing-100);
-        grid-template-areas: ". pagination pagesize";
+        grid-template-areas: "pagesize pagination .";
         grid-template-columns: 1fr 3fr 1fr;
       }
     }