npm - @salutejs/plasma-new-hope - Versions diffs - 0.336.0-canary.1906.17438878873.0 → 0.336.0-canary.2163.17485485502.0 - Mend

@salutejs/plasma-new-hope 0.336.0-canary.1906.17438878873.0 → 0.336.0-canary.2163.17485485502.0

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

package/es/components/Pagination/Pagination.css CHANGED Viewed

@@ -39,13 +39,15 @@
 .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Pagination_styles_ska0td_p1m4gnut__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_ska0td_p1m4gnut__61d177c9.Pagination_styles_ska0td_paginationTypeCompact__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}.Pagination_styles_ska0td_p1m4gnut__61d177c9.Pagination_styles_ska0td_paginationTypeDefault__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
-.Pagination_styles_ska0td_p195n7xj__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:0 auto;}
-.Pagination_styles_ska0td_p19axp12__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;gap:0.625rem;}.Pagination_styles_ska0td_p19axp12__61d177c9.Pagination_styles_ska0td_paginationTypeCompact__61d177c9{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_ska0td_p19axp12__61d177c9.Pagination_styles_ska0td_paginationHasPerpageSelect__61d177c9{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_ska0td_p19axp12__61d177c9.Pagination_styles_ska0td_paginationHasQuickJump__61d177c9{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
-.Pagination_styles_ska0td_p1rlzvhv__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
-.Pagination_styles_ska0td_pivhg1z__61d177c9{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
-.Pagination_styles_ska0td_pshury3__61d177c9{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_ska0td_pshury3__61d177c9.Pagination_styles_ska0td_paginationPageButtonActive__61d177c9{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.Pagination_styles_ska0td_pshury3__61d177c9.Pagination_styles_ska0td_paginationButtonDisabled__61d177c9{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_ska0td_pshury3__61d177c9:focus{outline:none;}.Pagination_styles_ska0td_pshury3__61d177c9::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_ska0td_pshury3__61d177c9.Pagination_styles_ska0td_focusVisible__61d177c9:focus::before,.Pagination_styles_ska0td_pshury3__61d177c9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
-.Pagination_styles_ska0td_pwlctp1__61d177c9.Pagination_styles_ska0td_pshury3__61d177c9{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_12nltx1_p1m4gnut__6ca970e1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_12nltx1_p1m4gnut__6ca970e1.Pagination_styles_12nltx1_paginationTypeCompact__6ca970e1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}.Pagination_styles_12nltx1_p1m4gnut__6ca970e1.Pagination_styles_12nltx1_paginationTypeDefault__6ca970e1{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
+.Pagination_styles_12nltx1_p195n7xj__6ca970e1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:0 auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
+.Pagination_styles_12nltx1_p19axp12__6ca970e1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_12nltx1_p19axp12__6ca970e1.Pagination_styles_12nltx1_paginationTypeCompact__6ca970e1{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;}.Pagination_styles_12nltx1_p19axp12__6ca970e1.Pagination_styles_12nltx1_paginationTypeDefault__6ca970e1{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_12nltx1_p19axp12__6ca970e1.Pagination_styles_12nltx1_paginationHasPerpageSelect__6ca970e1{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_12nltx1_p19axp12__6ca970e1.Pagination_styles_12nltx1_paginationHasQuickJump__6ca970e1{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.Pagination_styles_12nltx1_p1rlzvhv__6ca970e1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
+.Pagination_styles_12nltx1_pivhg1z__6ca970e1{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
+.Pagination_styles_12nltx1_pshury3__6ca970e1{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_12nltx1_pshury3__6ca970e1.Pagination_styles_12nltx1_paginationPageButtonActive__6ca970e1{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.Pagination_styles_12nltx1_pshury3__6ca970e1.Pagination_styles_12nltx1_paginationButtonDisabled__6ca970e1{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_12nltx1_pshury3__6ca970e1:focus{outline:none;}.Pagination_styles_12nltx1_pshury3__6ca970e1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_12nltx1_pshury3__6ca970e1.Pagination_styles_12nltx1_focusVisible__6ca970e1:focus::before,.Pagination_styles_12nltx1_pshury3__6ca970e1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
+.Pagination_styles_12nltx1_pwlctp1__6ca970e1.Pagination_styles_12nltx1_pshury3__6ca970e1{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_12nltx1_p1tvr3oq__6ca970e1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);min-width:0;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
+.Pagination_styles_12nltx1_p1ea7rbb__6ca970e1{color:var(--plasma-pagination-helper-text-color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
 .base_ldqogv_b1fjr2lv__916b2a9f .base_ldqogv_paginationIconReverse__916b2a9f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
@@ -53,9 +55,9 @@
 .base_e3keuf_bw1b4g7__051d03cf{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
-.PaginationQuickJumpToPage_styles_89ax1q_qvkjd5d__20a98f50{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
-.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50{background:var(--plasma-pagination-input-bg-color);color:var(--plasma-pagination-input-color);width:var(--plasma-pagination-input-width);height:var(--plasma-pagination-input-height);box-sizing:border-box;outline:none;border-radius:var(--plasma-pagination-input-border-radius);padding:var(--plasma-pagination-input-padding);border-color:var(--plasma-pagination-input-border-color);border-width:var(--plasma-pagination-input-border-width);border-style:solid;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50::-webkit-outer-spin-button,.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
+.PaginationQuickJumpToPage_styles_1sw6ww1_qvkjd5d__6619862a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.PaginationQuickJumpToPage_styles_1sw6ww1_q1fpu934__6619862a{white-space:nowrap;}
+.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a{background:var(--plasma-pagination-input-bg-color);color:var(--plasma-pagination-input-color);width:var(--plasma-pagination-input-width);height:var(--plasma-pagination-input-height);box-sizing:border-box;outline:none;border-radius:var(--plasma-pagination-input-border-radius);padding:var(--plasma-pagination-input-padding);border-color:var(--plasma-pagination-input-border-color);border-width:var(--plasma-pagination-input-border-width);border-style:solid;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a::-webkit-outer-spin-button,.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
 .Button_styles_lsgupt_sfn0xs0__09262837{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
 .Button_styles_lsgupt_i1akdel6__09262837{line-height:0;color:var(--plasma-select-button-arrow-color);}.Button_styles_lsgupt_i1akdel6__09262837:hover{color:var(--plasma-select-button-arrow-color-hover);}.Button_styles_lsgupt_i1akdel6__09262837:active{color:var(--plasma-select-button-arrow-color-active);}
@@ -71,7 +73,7 @@
 .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
-.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
+.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
 .base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
@@ -201,6 +203,6 @@
 .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
-.PaginationSelectPerPage_styles_10zfeps_s1e57mfu__35e47b73{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.PaginationSelectPerPage_styles_10zfeps_s5dck5y__35e47b73{--plasma-select-button-color:var(--plasma-pagination-button-color);--plasma-select-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
-.PaginationSelectPerPage_styles_10zfeps_squvg2e__35e47b73{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.PaginationSelectPerPage_styles_1hn2h4g_s1e57mfu__7f3eb27d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
+.PaginationSelectPerPage_styles_1hn2h4g_s5dck5y__7f3eb27d{--plasma-select-button-color:var(--plasma-pagination-button-color);--plasma-select-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
+.PaginationSelectPerPage_styles_1hn2h4g_squvg2e__7f3eb27d{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}

package/es/components/Pagination/Pagination.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, Fragment } from 'react';
+import React, { forwardRef, useState, useRef, useEffect, Fragment } from 'react';
 import { cx } from '../../utils/index.js';
-import { PaginationRoot, PaginationPages, PaginationButtonGroup, PaginationShorter, PaginationSection, PaginationButton, PaginationActions } from './Pagination.styles.js';
+import { PaginationRoot, PaginationPages, PaginationButtonGroup, PaginationShorter, PaginationSection, PaginationButton, PaginationActions, PaginationActionsLeft, PaginationHelperText } from './Pagination.styles.js';
 import { defaultValues, getSections } from './utils/index.js';
 import { base } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_type/base.js';
@@ -11,11 +11,12 @@ import { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/Pagina
 import { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage.js';
 import { isNumber } from '../../utils/isNumber.js';
-var _excluded = ["value", "defaultValue", "perPage", "defaultPerPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue", "onChange"];
+var _excluded = ["value", "defaultValue", "helperText", "perPage", "defaultPerPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue", "onChange"];
 var paginationRoot = function paginationRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var outerValue = _ref.value,
       defaultValue = _ref.defaultValue,
+      helperText = _ref.helperText,
       outerPerPage = _ref.perPage,
       defaultPerPage = _ref.defaultPerPage,
       _ref$slots = _ref.slots,
@@ -64,11 +65,16 @@ var paginationRoot = function paginationRoot(Root) {
       perPageInner = _useState4[0],
       setPerPageInner = _useState4[1];
     var perPageValue = outerPerPage !== null && outerPerPage !== void 0 ? outerPerPage : perPageInner;
+    var pagesRef = useRef(null);
+    var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      pagesWidth = _useState6[0],
+      setPagesWidth = _useState6[1];
     var pages = Math.ceil(count / (perPageValue || 1));
     var sections = getSections(pageValue, pages, slots);
     var typeClass = classes["".concat(type, "Type")];
     var roundedClass = pilled ? 'circle-circle' : 'square-square';
-    var withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;
+    var withHasPerPageSelect = hasPerPage && !helperText ? classes.withHasPerPageSelect : undefined;
     var withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;
     var disabled = disabledPages.map(function (el) {
       return isNumber(el) ? Number(el) : null;
@@ -106,6 +112,18 @@ var paginationRoot = function paginationRoot(Root) {
     var isActiveButton = function isActiveButton(checkPage) {
       return pageValue === checkPage ? classes.paginationPageButtonActive : '';
     };
+    useEffect(function () {
+      var observer = new ResizeObserver(function (entries) {
+        var newWidth = entries[0].contentRect.width;
+        setPagesWidth(newWidth);
+      });
+      if (pagesRef.current) {
+        observer.observe(pagesRef.current);
+      }
+      return function () {
+        return observer.disconnect();
+      };
+    }, [type]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       view: view,
@@ -114,7 +132,9 @@ var paginationRoot = function paginationRoot(Root) {
       ref: ref
     }, rest), /*#__PURE__*/React.createElement(PaginationRoot, {
       className: typeClass
-    }, /*#__PURE__*/React.createElement(PaginationPages, null, leftContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {
+    }, /*#__PURE__*/React.createElement(PaginationPages, {
+      ref: pagesRef
+    }, leftContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {
       isCommonButtonStyles: isCommonButtonStyles
     }, leftContent), sections && sections.map(function (section, indexSection) {
       return /*#__PURE__*/React.createElement(Fragment, {
@@ -138,12 +158,18 @@ var paginationRoot = function paginationRoot(Root) {
     }), rightContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {
       isCommonButtonStyles: isCommonButtonStyles
     }, rightContent)), /*#__PURE__*/React.createElement(PaginationActions, {
+      style: type === 'compact' ? {
+        width: "".concat(pagesWidth, "px"),
+        maxWidth: "".concat(pagesWidth, "px")
+      } : {
+        width: "calc(100% - ".concat(pagesWidth, "px)")
+      },
       className: cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)
-    }, hasQuickJump && /*#__PURE__*/React.createElement(PaginationQuickJumpToPage, {
+    }, /*#__PURE__*/React.createElement(PaginationActionsLeft, null, hasQuickJump && /*#__PURE__*/React.createElement(PaginationQuickJumpToPage, {
       placeholderQuickJump: placeholderQuickJump,
       textQuickJump: textQuickJump,
       onChangeValue: handleSetPage
-    }), hasPerPage && /*#__PURE__*/React.createElement(PaginationSelectPerPage, {
+    }), helperText && /*#__PURE__*/React.createElement(PaginationHelperText, null, helperText)), hasPerPage && /*#__PURE__*/React.createElement(PaginationSelectPerPage, {
       textPerPage: textPerPage,
       perPageValue: perPageValue,
       perPageList: perPageList,

package/es/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value: outerValue,\n defaultValue,\n\n perPage: outerPerPage,\n defaultPerPage,\n\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n listWidth,\n\n onChangePageValue,\n onChangePerPageValue,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const [pageInner, setPageInner] = useState<number>(defaultValue \|\| defaultValues.value);\n const pageValue = outerValue ?? pageInner;\n\n const [perPageInner, setPerPageInner] = useState<number \| undefined>(\n hasPerPage ? defaultPerPage \|\| defaultValues.perPage : undefined,\n );\n const perPageValue = outerPerPage ?? perPageInner;\n\n const pages = Math.ceil(count / (perPageValue \|\| 1));\n const sections = getSections(pageValue, pages, slots);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const pageSetter = (pageValueCandidate?: number) => {\n let newPageValue = pageValueCandidate ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n\n if (disabled.includes(newPageValue)) {\n return;\n }\n\n setPageInner(newPageValue);\n\n return newPageValue;\n };\n\n const handleSetPage = (pageValueCandidate?: number) => {\n const newValue = pageSetter(pageValueCandidate);\n\n onChange?.(newValue, perPageValue);\n onChangePageValue?.(newValue);\n };\n\n const handlerSetPerPage = (newPerPageValue: number) => {\n setPerPageInner(newPerPageValue);\n\n onChange?.(pageValue, newPerPageValue);\n onChangePerPageValue?.(newPerPageValue);\n };\n\n const handleClick = (currentPage: number) => {\n if (isActiveButton(currentPage)) {\n return;\n }\n\n handleSetPage(currentPage);\n };\n\n const isActiveButton = (checkPage: number) => {\n return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n return (\n <Root\n size={size}\n view={view}\n viewCurrentPage={viewCurrentPage}\n className={cx(classes.wrapper, typeClass)}\n ref={ref}\n {...rest}\n >\n <PaginationRoot className={typeClass}>\n <PaginationPages>\n {leftContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {leftContent}\n </PaginationButtonGroup>\n )}\n {sections &&\n sections.map((section, indexSection) => (\n <Fragment key={indexSection}>\n {indexSection !== 0 && (\n <PaginationShorter\n stretching=\"fixed\"\n disabled\n className={classes.buttonDisabled}\n >\n ...\n </PaginationShorter>\n )}\n <PaginationSection>\n {section.map((currentPage, index) => (\n <PaginationButton\n key={`${currentPage}_${index}`}\n className={cx(\n classes.paginationPageButton,\n isActiveButton(currentPage),\n disabled.includes(currentPage) ? classes.buttonDisabled : '',\n )}\n pin={roundedClass}\n disabled={disabled.includes(currentPage)}\n square={square}\n onClick={() => handleClick(currentPage)}\n >\n {currentPage}\n </PaginationButton>\n ))}\n </PaginationSection>\n </Fragment>\n ))}\n {rightContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {rightContent}\n </PaginationButtonGroup>\n )}\n </PaginationPages>\n <PaginationActions\n className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handleSetPage}\n />\n )}\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n perPageValue={perPageValue}\n perPageList={perPageList}\n onChangeValue={handlerSetPerPage}\n size={size}\n listWidth={listWidth}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment, useRef, useEffect } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n PaginationActionsLeft,\n PaginationHelperText,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value: outerValue,\n defaultValue,\n helperText,\n\n perPage: outerPerPage,\n defaultPerPage,\n\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n listWidth,\n\n onChangePageValue,\n onChangePerPageValue,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const [pageInner, setPageInner] = useState<number>(defaultValue \|\| defaultValues.value);\n const pageValue = outerValue ?? pageInner;\n\n const [perPageInner, setPerPageInner] = useState<number \| undefined>(\n hasPerPage ? defaultPerPage \|\| defaultValues.perPage : undefined,\n );\n const perPageValue = outerPerPage ?? perPageInner;\n\n const pagesRef = useRef<HTMLDivElement>(null);\n const [pagesWidth, setPagesWidth] = useState<number>(0);\n\n const pages = Math.ceil(count / (perPageValue \|\| 1));\n const sections = getSections(pageValue, pages, slots);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage && !helperText ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const pageSetter = (pageValueCandidate?: number) => {\n let newPageValue = pageValueCandidate ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n\n if (disabled.includes(newPageValue)) {\n return;\n }\n\n setPageInner(newPageValue);\n\n return newPageValue;\n };\n\n const handleSetPage = (pageValueCandidate?: number) => {\n const newValue = pageSetter(pageValueCandidate);\n\n onChange?.(newValue, perPageValue);\n onChangePageValue?.(newValue);\n };\n\n const handlerSetPerPage = (newPerPageValue: number) => {\n setPerPageInner(newPerPageValue);\n\n onChange?.(pageValue, newPerPageValue);\n onChangePerPageValue?.(newPerPageValue);\n };\n\n const handleClick = (currentPage: number) => {\n if (isActiveButton(currentPage)) {\n return;\n }\n\n handleSetPage(currentPage);\n };\n\n const isActiveButton = (checkPage: number) => {\n return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n useEffect(() => {\n const observer = new ResizeObserver((entries) => {\n const newWidth = entries[0].contentRect.width;\n setPagesWidth(newWidth);\n });\n\n if (pagesRef.current) {\n observer.observe(pagesRef.current);\n }\n\n return () => observer.disconnect();\n }, [type]);\n\n return (\n <Root\n size={size}\n view={view}\n viewCurrentPage={viewCurrentPage}\n className={cx(classes.wrapper, typeClass)}\n ref={ref}\n {...rest}\n >\n <PaginationRoot className={typeClass}>\n <PaginationPages ref={pagesRef}>\n {leftContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {leftContent}\n </PaginationButtonGroup>\n )}\n {sections &&\n sections.map((section, indexSection) => (\n <Fragment key={indexSection}>\n {indexSection !== 0 && (\n <PaginationShorter\n stretching=\"fixed\"\n disabled\n className={classes.buttonDisabled}\n >\n ...\n </PaginationShorter>\n )}\n <PaginationSection>\n {section.map((currentPage, index) => (\n <PaginationButton\n key={`${currentPage}_${index}`}\n className={cx(\n classes.paginationPageButton,\n isActiveButton(currentPage),\n disabled.includes(currentPage) ? classes.buttonDisabled : '',\n )}\n pin={roundedClass}\n disabled={disabled.includes(currentPage)}\n square={square}\n onClick={() => handleClick(currentPage)}\n >\n {currentPage}\n </PaginationButton>\n ))}\n </PaginationSection>\n </Fragment>\n ))}\n {rightContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {rightContent}\n </PaginationButtonGroup>\n )}\n </PaginationPages>\n <PaginationActions\n style={\n type === 'compact'\n ? { width: `${pagesWidth}px`, maxWidth: `${pagesWidth}px` }\n : { width: `calc(100% - ${pagesWidth}px)` }\n }\n className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n <PaginationActionsLeft>\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handleSetPage}\n />\n )}\n {helperText && <PaginationHelperText>{helperText}</PaginationHelperText>}\n </PaginationActionsLeft>\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n perPageValue={perPageValue}\n perPageList={perPageList}\n onChangeValue={handlerSetPerPage}\n size={size}\n listWidth={listWidth}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","helperText","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pagesRef","useRef","_useState5","_useState6","pagesWidth","setPagesWidth","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","useEffect","observer","ResizeObserver","entries","newWidth","contentRect","width","current","observe","disconnect","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","style","maxWidth","actions","PaginationActionsLeft","PaginationQuickJumpToPage","onChangeValue","PaginationHelperText","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}

package/es/components/Pagination/Pagination.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Pagination.styles_ska0td.css';
+import './Pagination.styles_12nltx1.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../engines/common.js';
 import { buttonConfig } from '../Button/Button.js';
@@ -28,30 +28,40 @@ var PaginationSection = /*#__PURE__*/styled('div')({
   "class": "p1rlzvhv",
   propsAsIs: false
 });
-var _exp7 = function _exp7() {
+var _exp9 = function _exp9() {
   return ButtonGroup;
 };
-var PaginationButtonGroup = /*#__PURE__*/styled(_exp7())({
+var PaginationButtonGroup = /*#__PURE__*/styled(_exp9())({
   name: "PaginationButtonGroup",
   "class": "pivhg1z",
   propsAsIs: true
 });
-var _exp44 = function _exp44() {
+var _exp46 = function _exp46() {
   return Button;
 };
-var PaginationButton = /*#__PURE__*/styled(_exp44())({
+var PaginationButton = /*#__PURE__*/styled(_exp46())({
   name: "PaginationButton",
   "class": "pshury3",
   propsAsIs: true
 });
-var _exp100 = function _exp100() {
+var _exp102 = function _exp102() {
   return PaginationButton;
 };
-var PaginationShorter = /*#__PURE__*/styled(_exp100())({
+var PaginationShorter = /*#__PURE__*/styled(_exp102())({
   name: "PaginationShorter",
   "class": "pwlctp1",
   propsAsIs: true
 });
+var PaginationActionsLeft = /*#__PURE__*/styled('div')({
+  name: "PaginationActionsLeft",
+  "class": "p1tvr3oq",
+  propsAsIs: false
+});
+var PaginationHelperText = /*#__PURE__*/styled('div')({
+  name: "PaginationHelperText",
+  "class": "p1ea7rbb",
+  propsAsIs: false
+});
-export { PaginationActions, PaginationButton, PaginationButtonGroup, PaginationPages, PaginationRoot, PaginationSection, PaginationShorter };
+export { PaginationActions, PaginationActionsLeft, PaginationButton, PaginationButtonGroup, PaginationHelperText, PaginationPages, PaginationRoot, PaginationSection, PaginationShorter };
 //# sourceMappingURL=Pagination.styles.js.map

package/es/components/Pagination/Pagination.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { buttonGroupConfig, buttonGroupTokens } from '../ButtonGroup';\nimport { component, mergeConfig } from '../../engines';\nimport { addFocus } from '../../mixins';\n\nimport { classes, tokens } from './Pagination.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nconst mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);\nconst ButtonGroup = component(mergedButtonGroupConfig);\n\nexport const PaginationRoot = styled.div`\n display: flex;\n color: var(${tokens.paginationColor});\n\n &.${classes.compactType} {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n &.${classes.defaultType} {\n display: flex;\n justify-content: space-between;\n flex: 0 0 100%;\n gap: 1rem;\n flex-wrap: ~~wrap~~;\n }\n`;\n\nexport const PaginationPages = styled.div`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin: 0 auto;\n`;\n\nexport const PaginationActions = styled.div`\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n gap: 0.~~625rem~~;\n &.${classes.compactType} {\n flex-direction: row;\n }\n\n &.${classes.withHasPerPageSelect} {\n flex-direction: row-reverse;\n }\n\n &.${classes.withHasQuickJump} {\n flex-direction: row;\n }\n`;\n\nexport const PaginationSection = styled.div`\n display: flex;\n gap: 0.125rem;\n`;\n\nexport const PaginationButtonGroup = styled(ButtonGroup)`\n ${buttonGroupTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonGroupTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonGroupTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonGroupTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n ${buttonGroupTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonGroupTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonGroupTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonGroupTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonGroupTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonGroupTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonGroupTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonGroupTokens.buttonHeight}: var(${tokens.buttonHeight});\n\n ${buttonGroupTokens.buttonDefaultRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSideRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSegmentedRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonRadiusCircle}: var(${tokens.buttonRadius});\n`;\n\nexport const PaginationButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.buttonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.buttonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.buttonFocusColor});\n\n &.${classes.paginationPageButtonActive} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n cursor: default;\n }\n\n &.${classes.buttonDisabled} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationDisabledButtonColor}, var(${tokens.buttonColor}));\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationDisabledButtonBackgroundColor}, var(${\n tokens.buttonBackgroundColor\n}));\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'var(--plasma_private-btn-br)',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n`;\n\nexport const PaginationShorter = styled(PaginationButton)`\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidthShorter});\n ${buttonTokens.buttonPadding}: 0;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","mergedButtonGroupConfig","buttonGroupConfig","ButtonGroup","PaginationRoot","styled","name","class","propsAsIs","PaginationPages","PaginationActions","PaginationSection","~~_exp7~~","PaginationButtonGroup","~~_exp44~~","PaginationButton","~~_exp100~~","PaginationShorter"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,WAAW,CAACK,iBAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,SAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAgBnC~~,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAKpC~~,EAAA;AAEM,IAAME,iBAAiB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAgBtC~~,EAAA;AAEM,IAAMG,iBAAiB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAAC,IAAAI,KAAA,~~GA5DgBA~~,~~SA4DhBA~~,KAAAA,GAAA;AAAA,EAAA,OAE0CT,WAAW,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMU,qBAAqB,gBAAGR,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAwB1C,EAAA;AAAC,IAAAM,MAAA,~~GAtFgBA~~,~~SAsFhBA~~,MAAAA,GAAA;AAAA,EAAA,OAEqCf,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMgB,gBAAgB,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAuDrC,EAAA;AAAC,IAAAQ,OAAA,~~GA/IgBA~~,~~SA+IhBA~~,OAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,MAAM,CAAAW,OAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC;;;;"}
1	+ {"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { buttonGroupConfig, buttonGroupTokens } from '../ButtonGroup';\nimport { component, mergeConfig } from '../../engines';\nimport { addFocus } from '../../mixins';\n\nimport { classes, tokens } from './Pagination.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nconst mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);\nconst ButtonGroup = component(mergedButtonGroupConfig);\n\nexport const PaginationRoot = styled.div`\n display: flex;\n color: var(${tokens.paginationColor});\n\n &.${classes.compactType} {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n &.${classes.defaultType} {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex: 0 0 100%;\n gap: 1rem;\n flex-wrap: nowrap;\n }\n`;\n\nexport const PaginationPages = styled.div`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin: 0 auto;\n flex-shrink: 0;\n`;\n\nexport const PaginationActions = styled.div`\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n align-items: center;\n gap: var(${tokens.paginationHelperTextGap});\n flex-shrink: 1;\n\n &.${classes.compactType} {\n flex-direction: row;\n width: 100%;\n }\n\n &.${classes.defaultType} {\n flex-direction: row;\n }\n\n &.${classes.withHasPerPageSelect} {\n flex-direction: row-reverse;\n }\n\n &.${classes.withHasQuickJump} {\n flex-direction: row;\n }\n`;\n\nexport const PaginationSection = styled.div`\n display: flex;\n gap: 0.125rem;\n`;\n\nexport const PaginationButtonGroup = styled(ButtonGroup)`\n ${buttonGroupTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonGroupTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonGroupTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonGroupTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n ${buttonGroupTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonGroupTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonGroupTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonGroupTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonGroupTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonGroupTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonGroupTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonGroupTokens.buttonHeight}: var(${tokens.buttonHeight});\n\n ${buttonGroupTokens.buttonDefaultRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSideRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSegmentedRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonRadiusCircle}: var(${tokens.buttonRadius});\n`;\n\nexport const PaginationButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.buttonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.buttonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.buttonFocusColor});\n\n &.${classes.paginationPageButtonActive} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n cursor: default;\n }\n\n &.${classes.buttonDisabled} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationDisabledButtonColor}, var(${tokens.buttonColor}));\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationDisabledButtonBackgroundColor}, var(${\n tokens.buttonBackgroundColor\n}));\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'var(--plasma_private-btn-br)',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n`;\n\nexport const PaginationShorter = styled(PaginationButton)`\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidthShorter});\n ${buttonTokens.buttonPadding}: 0;\n`;\n\nexport const PaginationActionsLeft = styled.div`\n display: flex;\n align-items: center;\n gap: var(${tokens.paginationHelperTextGap});\n min-width: 0;\n flex: 1;\n flex-shrink: 1;\n`;\n\nexport const PaginationHelperText = styled.div`\n color: var(${tokens.paginationHelperTextColor});\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n min-width: 0;\n flex-shrink: 1;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","mergedButtonGroupConfig","buttonGroupConfig","ButtonGroup","PaginationRoot","styled","name","class","propsAsIs","PaginationPages","PaginationActions","PaginationSection","_exp9","PaginationButtonGroup","_exp46","PaginationButton","_exp102","PaginationShorter","PaginationActionsLeft","PaginationHelperText"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,WAAW,CAACK,iBAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,SAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBnC,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMpC,EAAA;AAEM,IAAME,iBAAiB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAwBtC,EAAA;AAEM,IAAMG,iBAAiB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAAC,IAAAI,KAAA,GAtEgBA,SAsEhBA,KAAAA,GAAA;AAAA,EAAA,OAE0CT,WAAW,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMU,qBAAqB,gBAAGR,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAwB1C,EAAA;AAAC,IAAAM,MAAA,GAhGgBA,SAgGhBA,MAAAA,GAAA;AAAA,EAAA,OAEqCf,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMgB,gBAAgB,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAuDrC,EAAA;AAAC,IAAAQ,OAAA,GAzJgBA,SAyJhBA,OAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,MAAM,CAAAW,OAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC,EAAA;AAEM,IAAMU,qBAAqB,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1C,EAAA;AAEM,IAAMW,oBAAoB,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOzC;;;;"}

package/es/components/Pagination/{Pagination.styles_ska0td.css → Pagination.styles_12nltx1.css} RENAMED Viewed

@@ -1,7 +1,9 @@
-.p1m4gnut{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.p1m4gnut.pagination-type-compact{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}.p1m4gnut.pagination-type-default{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
-.p195n7xj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:0 auto;}
-.p19axp12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;gap:0.625rem;}.p19axp12.pagination-type-compact{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.p19axp12.pagination-has-perpage-select{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.p19axp12.pagination-has-quick-jump{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.p1m4gnut{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.p1m4gnut.pagination-type-compact{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}.p1m4gnut.pagination-type-default{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
+.p195n7xj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:0 auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
+.p19axp12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.p19axp12.pagination-type-compact{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;}.p19axp12.pagination-type-default{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.p19axp12.pagination-has-perpage-select{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.p19axp12.pagination-has-quick-jump{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
 .p1rlzvhv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
 .pivhg1z{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
 .pshury3{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.pshury3.pagination-page-button-active{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.pshury3.pagination-button-disabled{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.pshury3:focus{outline:none;}.pshury3::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.pshury3.focus-visible:focus::before,.pshury3[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
 .pwlctp1.pshury3{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.p1tvr3oq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);min-width:0;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
+.p1ea7rbb{color:var(--plasma-pagination-helper-text-color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}

package/es/components/Pagination/Pagination.tokens.js CHANGED Viewed

@@ -17,6 +17,8 @@ var classes = {
 var tokens = {
   paginationWidth: '--plasma-pagination-width',
   paginationColor: '--plasma-pagination-color',
+  paginationHelperTextColor: '--plasma-pagination-helper-text-color',
+  paginationHelperTextGap: '--plasma-pagination-helper-text-gap',
   buttonBackgroundColor: '--plasma-pagination-button-bg-color',
   buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',
   buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',

package/es/components/Pagination/Pagination.tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.tokens.js","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"sourcesContent":["export const classes = {\n wrapper: 'pagination-wrapper',\n pages: 'pagination-pages',\n actions: 'pagination-actions',\n perPage: 'pagination-perpage-select',\n quickJump: 'pagination-quick-jump-page',\n\n selectWrapper: 'pagination-select-wrapper',\n\n defaultType: 'pagination-type-default',\n compactType: 'pagination-type-compact',\n\n withHasQuickJump: 'pagination-has-quick-jump',\n withHasPerPageSelect: 'pagination-has-perpage-select',\n\n paginationPageButton: 'pagination-page-button',\n paginationPageButtonActive: 'pagination-page-button-active',\n\n paginationIconReverse: 'pagination-icon-reverse',\n buttonDisabled: 'pagination-button-disabled',\n};\n\nexport const tokens = {\n paginationWidth: '--plasma-pagination-width',\n paginationColor: '--plasma-pagination-color',\n\n buttonBackgroundColor: '--plasma-pagination-button-bg-color',\n buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',\n buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',\n buttonColor: '--plasma-pagination-button-color',\n buttonColorHover: '--plasma-pagination-button-color-hover',\n buttonColorActive: '--plasma-pagination-button-color-active',\n buttonHoverColor: '--plasma-pagination-button-color-hover',\n buttonActiveColor: '--plasma-pagination--button-color-active',\n buttonFocusColor: '--plasma-pagination--button-color-focus',\n buttonArrowColor: '--plasma-pagination--button-arrow-color',\n buttonArrowColorHover: '--plasma-pagination--button-arrow-color-hover',\n buttonArrowColorActive: '--plasma-pagination--button-arrow-color-active',\n buttonArrowMargin: '--plasma-pagination--button-arrow-margin',\n\n paginationCurrentButtonBackgroundColor: '--plasma-pagination-button-current-bg-color',\n paginationCurrentButtonColor: '--plasma-pagination-button-current-color',\n paginationCurrentButtonHoverBackgroundColor: '--plasma-pagination-button-current-bg-color-hover',\n paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',\n paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',\n paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',\n paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',\n paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',\n\n buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',\n\n buttonHeight: '--plasma-pagination-button-height',\n buttonWidthShorter: '--plasma-pagination-button-width-shorter',\n buttonWidth: '--plasma-pagination-button-width',\n paginationInputWidth: '--plasma-pagination-input-width',\n buttonRadius: '--plasma-pagination-button-radius',\n paginationIconSize: '--plasma-pagination-icon-size',\n paginationIconDoubleSize: '--plasma-pagination-icon-double-size',\n\n paginationFontFamily: '--plasma-pagination-font-family',\n paginationFontSize: '--plasma-pagination-font-size',\n paginationFontStyle: '--plasma-pagination-font-style',\n paginationFontWeight: '--plasma-pagination-font-weight',\n paginationLetterSpacing: '--plasma-pagination-letter-spacing',\n paginationLineHeight: '--plasma-pagination-line-height',\n\n selectHeight: '--plasma-pagination-select-height',\n selectPaddingTop: '--plasma-pagination-select-padding-top',\n selectPaddingRight: '--plasma-pagination-select-padding-right',\n selectPaddingBottom: '--plasma-pagination-select-padding-bottom',\n selectPaddingLeft: '--plasma-pagination-select-padding-left',\n selectBackgroundColor: '--plasma-pagination-select-bg-color',\n\n selectItemHeight: '--plasma-pagination-select-item-height',\n selectItemPadding: '--plasma-pagination-select-item-padding',\n selectItemContentLeftWidth: '--plasma-pagination-select-item-content-left-width',\n selectItemBackground: '--plasma-pagination-select-item-bg-color',\n\n selectTargetArrowRight: '--plasma-pagination-select-target-arrow-right',\n selectTargetPadding: '--plasma-pagination-select-target-padding',\n selectTargetInnerTop: '--plasma-pagination-select-target-inner-top',\n selectTargetLabelInnerTop: '--plasma-pagination-select-target-label-inner-top',\n\n inputBackgroundColor: '--plasma-pagination-input-bg-color',\n inputColor: '--plasma-pagination-input-color',\n inputBorderRadius: '--plasma-pagination-input-border-radius',\n inputWidth: '--plasma-pagination-input-width',\n inputHeight: '--plasma-pagination-input-height',\n inputBorderColor: '--plasma-pagination-input-border-color',\n inputBorderWidth: '--plasma-pagination-input-border-width',\n inputPadding: '--plasma-pagination-input-padding',\n};\n"],"names":["classes","wrapper","pages","actions","perPage","quickJump","selectWrapper","defaultType","compactType","withHasQuickJump","withHasPerPageSelect","paginationPageButton","paginationPageButtonActive","paginationIconReverse","buttonDisabled","tokens","paginationWidth","paginationColor","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonColor","buttonColorHover","buttonColorActive","buttonHoverColor","buttonActiveColor","buttonFocusColor","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","paginationCurrentButtonBackgroundColor","paginationCurrentButtonColor","paginationCurrentButtonHoverBackgroundColor","paginationCurrentButtonHoverColor","paginationCurrentButtonActiveBackgroundColor","paginationCurrentButtonActiveColor","paginationDisabledButtonColor","paginationDisabledButtonBackgroundColor","buttonDisabledOpacity","buttonHeight","buttonWidthShorter","buttonWidth","paginationInputWidth","buttonRadius","paginationIconSize","paginationIconDoubleSize","paginationFontFamily","paginationFontSize","paginationFontStyle","paginationFontWeight","paginationLetterSpacing","paginationLineHeight","selectHeight","selectPaddingTop","selectPaddingRight","selectPaddingBottom","selectPaddingLeft","selectBackgroundColor","selectItemHeight","selectItemPadding","selectItemContentLeftWidth","selectItemBackground","selectTargetArrowRight","selectTargetPadding","selectTargetInnerTop","selectTargetLabelInnerTop","inputBackgroundColor","inputColor","inputBorderRadius","inputWidth","inputHeight","inputBorderColor","inputBorderWidth","inputPadding"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,KAAK,EAAE,kBAAkB;AACzBC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,OAAO,EAAE,2BAA2B;AACpCC,EAAAA,SAAS,EAAE,4BAA4B;AAEvCC,EAAAA,aAAa,EAAE,2BAA2B;AAE1CC,EAAAA,WAAW,EAAE,yBAAyB;AACtCC,EAAAA,WAAW,EAAE,yBAAyB;AAEtCC,EAAAA,gBAAgB,EAAE,2BAA2B;AAC7CC,EAAAA,oBAAoB,EAAE,+BAA+B;AAErDC,EAAAA,oBAAoB,EAAE,wBAAwB;AAC9CC,EAAAA,0BAA0B,EAAE,+BAA+B;AAE3DC,EAAAA,qBAAqB,EAAE,yBAAyB;AAChDC,EAAAA,cAAc,EAAE,4BAAA;AACpB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,2BAA2B;AAC5CC,EAAAA,eAAe,EAAE,2BAA2B;~~AAE5CC~~,EAAAA,qBAAqB,EAAE,qCAAqC;AAC5DC,EAAAA,0BAA0B,EAAE,2CAA2C;AACvEC,EAAAA,2BAA2B,EAAE,4CAA4C;AACzEC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,0CAA0C;AAC7DC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,qBAAqB,EAAE,+CAA+C;AACtEC,EAAAA,sBAAsB,EAAE,gDAAgD;AACxEC,EAAAA,iBAAiB,EAAE,0CAA0C;AAE7DC,EAAAA,sCAAsC,EAAE,6CAA6C;AACrFC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,2CAA2C,EAAE,mDAAmD;AAChGC,EAAAA,iCAAiC,EAAE,gDAAgD;AACnFC,EAAAA,4CAA4C,EAAE,oDAAoD;AAClGC,EAAAA,kCAAkC,EAAE,kDAAkD;AACtFC,EAAAA,6BAA6B,EAAE,4CAA4C;AAC3EC,EAAAA,uCAAuC,EAAE,+CAA+C;AAExFC,EAAAA,qBAAqB,EAAE,6CAA6C;AAEpEC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,wBAAwB,EAAE,sCAAsC;AAEhEC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,uBAAuB,EAAE,oCAAoC;AAC7DC,EAAAA,oBAAoB,EAAE,iCAAiC;AAEvDC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,qBAAqB,EAAE,qCAAqC;AAE5DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,oBAAoB,EAAE,0CAA0C;AAEhEC,EAAAA,sBAAsB,EAAE,+CAA+C;AACvEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,oBAAoB,EAAE,6CAA6C;AACnEC,EAAAA,yBAAyB,EAAE,mDAAmD;AAE9EC,EAAAA,oBAAoB,EAAE,oCAAoC;AAC1DC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,YAAY,EAAE,mCAAA;AAClB;;;;"}
1	+ {"version":3,"file":"Pagination.tokens.js","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"sourcesContent":["export const classes = {\n wrapper: 'pagination-wrapper',\n pages: 'pagination-pages',\n actions: 'pagination-actions',\n perPage: 'pagination-perpage-select',\n quickJump: 'pagination-quick-jump-page',\n\n selectWrapper: 'pagination-select-wrapper',\n\n defaultType: 'pagination-type-default',\n compactType: 'pagination-type-compact',\n\n withHasQuickJump: 'pagination-has-quick-jump',\n withHasPerPageSelect: 'pagination-has-perpage-select',\n\n paginationPageButton: 'pagination-page-button',\n paginationPageButtonActive: 'pagination-page-button-active',\n\n paginationIconReverse: 'pagination-icon-reverse',\n buttonDisabled: 'pagination-button-disabled',\n};\n\nexport const tokens = {\n paginationWidth: '--plasma-pagination-width',\n paginationColor: '--plasma-pagination-color',\n paginationHelperTextColor: '--plasma-pagination-helper-text-color',\n paginationHelperTextGap: '--plasma-pagination-helper-text-gap',\n\n buttonBackgroundColor: '--plasma-pagination-button-bg-color',\n buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',\n buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',\n buttonColor: '--plasma-pagination-button-color',\n buttonColorHover: '--plasma-pagination-button-color-hover',\n buttonColorActive: '--plasma-pagination-button-color-active',\n buttonHoverColor: '--plasma-pagination-button-color-hover',\n buttonActiveColor: '--plasma-pagination--button-color-active',\n buttonFocusColor: '--plasma-pagination--button-color-focus',\n buttonArrowColor: '--plasma-pagination--button-arrow-color',\n buttonArrowColorHover: '--plasma-pagination--button-arrow-color-hover',\n buttonArrowColorActive: '--plasma-pagination--button-arrow-color-active',\n buttonArrowMargin: '--plasma-pagination--button-arrow-margin',\n\n paginationCurrentButtonBackgroundColor: '--plasma-pagination-button-current-bg-color',\n paginationCurrentButtonColor: '--plasma-pagination-button-current-color',\n paginationCurrentButtonHoverBackgroundColor: '--plasma-pagination-button-current-bg-color-hover',\n paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',\n paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',\n paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',\n paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',\n paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',\n\n buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',\n\n buttonHeight: '--plasma-pagination-button-height',\n buttonWidthShorter: '--plasma-pagination-button-width-shorter',\n buttonWidth: '--plasma-pagination-button-width',\n paginationInputWidth: '--plasma-pagination-input-width',\n buttonRadius: '--plasma-pagination-button-radius',\n paginationIconSize: '--plasma-pagination-icon-size',\n paginationIconDoubleSize: '--plasma-pagination-icon-double-size',\n\n paginationFontFamily: '--plasma-pagination-font-family',\n paginationFontSize: '--plasma-pagination-font-size',\n paginationFontStyle: '--plasma-pagination-font-style',\n paginationFontWeight: '--plasma-pagination-font-weight',\n paginationLetterSpacing: '--plasma-pagination-letter-spacing',\n paginationLineHeight: '--plasma-pagination-line-height',\n\n selectHeight: '--plasma-pagination-select-height',\n selectPaddingTop: '--plasma-pagination-select-padding-top',\n selectPaddingRight: '--plasma-pagination-select-padding-right',\n selectPaddingBottom: '--plasma-pagination-select-padding-bottom',\n selectPaddingLeft: '--plasma-pagination-select-padding-left',\n selectBackgroundColor: '--plasma-pagination-select-bg-color',\n\n selectItemHeight: '--plasma-pagination-select-item-height',\n selectItemPadding: '--plasma-pagination-select-item-padding',\n selectItemContentLeftWidth: '--plasma-pagination-select-item-content-left-width',\n selectItemBackground: '--plasma-pagination-select-item-bg-color',\n\n selectTargetArrowRight: '--plasma-pagination-select-target-arrow-right',\n selectTargetPadding: '--plasma-pagination-select-target-padding',\n selectTargetInnerTop: '--plasma-pagination-select-target-inner-top',\n selectTargetLabelInnerTop: '--plasma-pagination-select-target-label-inner-top',\n\n inputBackgroundColor: '--plasma-pagination-input-bg-color',\n inputColor: '--plasma-pagination-input-color',\n inputBorderRadius: '--plasma-pagination-input-border-radius',\n inputWidth: '--plasma-pagination-input-width',\n inputHeight: '--plasma-pagination-input-height',\n inputBorderColor: '--plasma-pagination-input-border-color',\n inputBorderWidth: '--plasma-pagination-input-border-width',\n inputPadding: '--plasma-pagination-input-padding',\n};\n"],"names":["classes","wrapper","pages","actions","perPage","quickJump","selectWrapper","defaultType","compactType","withHasQuickJump","withHasPerPageSelect","paginationPageButton","paginationPageButtonActive","paginationIconReverse","buttonDisabled","tokens","paginationWidth","paginationColor","paginationHelperTextColor","paginationHelperTextGap","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonColor","buttonColorHover","buttonColorActive","buttonHoverColor","buttonActiveColor","buttonFocusColor","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","paginationCurrentButtonBackgroundColor","paginationCurrentButtonColor","paginationCurrentButtonHoverBackgroundColor","paginationCurrentButtonHoverColor","paginationCurrentButtonActiveBackgroundColor","paginationCurrentButtonActiveColor","paginationDisabledButtonColor","paginationDisabledButtonBackgroundColor","buttonDisabledOpacity","buttonHeight","buttonWidthShorter","buttonWidth","paginationInputWidth","buttonRadius","paginationIconSize","paginationIconDoubleSize","paginationFontFamily","paginationFontSize","paginationFontStyle","paginationFontWeight","paginationLetterSpacing","paginationLineHeight","selectHeight","selectPaddingTop","selectPaddingRight","selectPaddingBottom","selectPaddingLeft","selectBackgroundColor","selectItemHeight","selectItemPadding","selectItemContentLeftWidth","selectItemBackground","selectTargetArrowRight","selectTargetPadding","selectTargetInnerTop","selectTargetLabelInnerTop","inputBackgroundColor","inputColor","inputBorderRadius","inputWidth","inputHeight","inputBorderColor","inputBorderWidth","inputPadding"],"mappings":"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"}

package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.css CHANGED Viewed

@@ -1,3 +1,3 @@
-.PaginationQuickJumpToPage_styles_89ax1q_qvkjd5d__20a98f50{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
-.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50{background:var(--plasma-pagination-input-bg-color);color:var(--plasma-pagination-input-color);width:var(--plasma-pagination-input-width);height:var(--plasma-pagination-input-height);box-sizing:border-box;outline:none;border-radius:var(--plasma-pagination-input-border-radius);padding:var(--plasma-pagination-input-padding);border-color:var(--plasma-pagination-input-border-color);border-width:var(--plasma-pagination-input-border-width);border-style:solid;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50::-webkit-outer-spin-button,.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
+.PaginationQuickJumpToPage_styles_1sw6ww1_qvkjd5d__6619862a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.PaginationQuickJumpToPage_styles_1sw6ww1_q1fpu934__6619862a{white-space:nowrap;}
+.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a{background:var(--plasma-pagination-input-bg-color);color:var(--plasma-pagination-input-color);width:var(--plasma-pagination-input-width);height:var(--plasma-pagination-input-height);box-sizing:border-box;outline:none;border-radius:var(--plasma-pagination-input-border-radius);padding:var(--plasma-pagination-input-padding);border-color:var(--plasma-pagination-input-border-color);border-width:var(--plasma-pagination-input-border-width);border-style:solid;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a::-webkit-outer-spin-button,.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './PaginationQuickJumpToPage.styles_89ax1q.css';
+import './PaginationQuickJumpToPage.styles_1sw6ww1.css';
 import { styled } from '@linaria/react';
 var QuickJumpToPageRoot = /*#__PURE__*/styled('div')({

package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaginationQuickJumpToPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Pagination.tokens';\n\nexport const QuickJumpToPageRoot = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n font-family: var(${tokens.paginationFontFamily});\n font-size: var(${tokens.paginationFontSize});\n font-style: var(${tokens.paginationFontStyle});\n font-weight: var(${tokens.paginationFontWeight});\n letter-spacing: var(${tokens.paginationLetterSpacing});\n line-height: var(${tokens.paginationLineHeight});\n`;\n\nexport const QuickJumpToPageTypography = styled.div~~``;\~~n\nexport const QuickJumpToPageInput = styled.input`\n background: var(${tokens.inputBackgroundColor});\n color: var(${tokens.inputColor});\n\n width: var(${tokens.inputWidth});\n height: var(${tokens.inputHeight});\n\n box-sizing: border-box;\n outline: none;\n border-radius: var(${tokens.inputBorderRadius});\n padding: var(${tokens.inputPadding});\n\n border-color: var(${tokens.inputBorderColor});\n border-width: var(${tokens.inputBorderWidth});\n border-style: solid;\n\n font-family: var(${tokens.paginationFontFamily});\n font-size: var(${tokens.paginationFontSize});\n font-style: var(${tokens.paginationFontStyle});\n font-weight: var(${tokens.paginationFontWeight});\n letter-spacing: var(${tokens.paginationLetterSpacing});\n line-height: var(${tokens.paginationLineHeight});\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n /* display: none; <- Crashes Chrome on hover /\n -webkit-appearance: none;\n margin: 0; / <-- Apparently some margin are still there even though it's hidden */\n }\n`;\n"],"names":["QuickJumpToPageRoot","styled","name","class","propsAsIs","QuickJumpToPageTypography","QuickJumpToPageInput"],"mappings":";;AAIO,IAAMA,mBAAmB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAWxC~~,EAAA;AAEM,IAAMC,yBAAyB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAAM~~,EAAA;~~AAE9C~~,IAAME,oBAAoB,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BzC;;;;"}
1	+ {"version":3,"file":"PaginationQuickJumpToPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Pagination.tokens';\n\nexport const QuickJumpToPageRoot = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n flex-shrink: 0;\n\n font-family: var(${tokens.paginationFontFamily});\n font-size: var(${tokens.paginationFontSize});\n font-style: var(${tokens.paginationFontStyle});\n font-weight: var(${tokens.paginationFontWeight});\n letter-spacing: var(${tokens.paginationLetterSpacing});\n line-height: var(${tokens.paginationLineHeight});\n`;\n\nexport const QuickJumpToPageTypography = styled.div`\n white-space: nowrap;\n`;\n\nexport const QuickJumpToPageInput = styled.input`\n background: var(${tokens.inputBackgroundColor});\n color: var(${tokens.inputColor});\n\n width: var(${tokens.inputWidth});\n height: var(${tokens.inputHeight});\n\n box-sizing: border-box;\n outline: none;\n border-radius: var(${tokens.inputBorderRadius});\n padding: var(${tokens.inputPadding});\n\n border-color: var(${tokens.inputBorderColor});\n border-width: var(${tokens.inputBorderWidth});\n border-style: solid;\n\n font-family: var(${tokens.paginationFontFamily});\n font-size: var(${tokens.paginationFontSize});\n font-style: var(${tokens.paginationFontStyle});\n font-weight: var(${tokens.paginationFontWeight});\n letter-spacing: var(${tokens.paginationLetterSpacing});\n line-height: var(${tokens.paginationLineHeight});\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n /* display: none; <- Crashes Chrome on hover /\n -webkit-appearance: none;\n margin: 0; / <-- Apparently some margin are still there even though it's hidden */\n }\n`;\n"],"names":["QuickJumpToPageRoot","styled","name","class","propsAsIs","QuickJumpToPageTypography","QuickJumpToPageInput"],"mappings":";;AAIO,IAAMA,mBAAmB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYxC,EAAA;AAEM,IAAMC,yBAAyB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE9C,EAAA;AAEM,IAAME,oBAAoB,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BzC;;;;"}

package/es/components/Pagination/ui/PaginationQuickJumpToPage/{PaginationQuickJumpToPage.styles_89ax1q.css → PaginationQuickJumpToPage.styles_1sw6ww1.css} RENAMED Viewed

@@ -1,3 +1,3 @@
-.qvkjd5d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.qvkjd5d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.q1fpu934{white-space:nowrap;}
 .q5pbj3r{background:var(--plasma-pagination-input-bg-color);color:var(--plasma-pagination-input-color);width:var(--plasma-pagination-input-width);height:var(--plasma-pagination-input-height);box-sizing:border-box;outline:none;border-radius:var(--plasma-pagination-input-border-radius);padding:var(--plasma-pagination-input-padding);border-color:var(--plasma-pagination-input-border-color);border-width:var(--plasma-pagination-input-border-width);border-style:solid;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}.q5pbj3r::-webkit-outer-spin-button,.q5pbj3r::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}