@salutejs/plasma-new-hope 0.174.0-canary.1497.11463811587.0 → 0.174.0-canary.1504.11477432639.0

package/cjs/components/Pagination/Pagination.css

@@ -78,14 +78,14 @@
 
 .base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
 
-.Item_styles_baxa65_s1vls8ri__1ba2f282{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
-.Item_styles_baxa65_s1to2lz5__1ba2f282{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_baxa65_s17z4dei__1ba2f282{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_baxa65_s1nd9idj__1ba2f282{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_baxa65_dnb2nsj__1ba2f282{line-height:0;color:var(--text-secondary);}.Item_styles_baxa65_dnb2nsj__1ba2f282:hover{color:var(--text-secondary-hover);}
-.Item_styles_baxa65_i581hb1__1ba2f282{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_baxa65_i581hb1__1ba2f282 .Item_styles_baxa65_selectItemCheckbox__1ba2f282{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
-.Item_styles_baxa65_scgpql7__1ba2f282{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
-.Item_styles_baxa65_wzzpzvq__1ba2f282{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_baxa65_wzzpzvq__1ba2f282:hover:not(.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsActive__1ba2f282{background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282{opacity:0.4;cursor:not-allowed;}.Item_styles_baxa65_wzzpzvq__1ba2f282:focus{outline:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsFocused__1ba2f282:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.Item_styles_1gaxu1y_s1vls8ri__821f230b{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
+.Item_styles_1gaxu1y_s1to2lz5__821f230b{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_1gaxu1y_s17z4dei__821f230b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_1gaxu1y_s1nd9idj__821f230b{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_1gaxu1y_dnb2nsj__821f230b{line-height:0;color:var(--plasma-select-disclosure-icon-color,var(--text-secondary));}.Item_styles_1gaxu1y_dnb2nsj__821f230b:hover{color:var(--plasma-select-disclosure-icon-color-hover,var(--text-secondary-hover));}
+.Item_styles_1gaxu1y_i581hb1__821f230b{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_1gaxu1y_i581hb1__821f230b .Item_styles_1gaxu1y_selectItemCheckbox__821f230b{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
+.Item_styles_1gaxu1y_scgpql7__821f230b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
+.Item_styles_1gaxu1y_wzzpzvq__821f230b{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-select-item-background,var(--plasma-colors-transparent));color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_1gaxu1y_wzzpzvq__821f230b:hover:not(.Item_styles_1gaxu1y_dropdownItemIsDisabled__821f230b){cursor:pointer;background:var(--plasma-select-item-background-hover,var(--surface-transparent-secondary));}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsActive__821f230b{background:var(--plasma-select-item-background-hover,var(--surface-transparent-secondary));}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsDisabled__821f230b{opacity:0.4;cursor:not-allowed;}.Item_styles_1gaxu1y_wzzpzvq__821f230b:focus{outline:none;}.Item_styles_1gaxu1y_wzzpzvq__821f230b::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsFocused__821f230b:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 
 
 .Button_styles_lxxm4p_sfn0xs0__70a12c1a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-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:600;--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;}
@@ -132,11 +132,11 @@
 .Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
 .Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
 
-.Select_styles_1nzals0_spxbau6__beedd761 .Select_styles_1nzals0_popoverRoot__beedd761{width:var(--spxbau6-0);}.Select_styles_1nzals0_spxbau6__beedd761 .Select_styles_1nzals0_popoverTarget__beedd761{width:100%;}
-.Select_styles_1nzals0_u1yey2x3__beedd761{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
-.Select_styles_1nzals0_bvro45w__beedd761 .Select_styles_1nzals0_popoverWrapper__beedd761,.Select_styles_1nzals0_bvro45w__beedd761 .Select_styles_1nzals0_popoverTarget__beedd761{display:block;}
-.Select_styles_1nzals0_ogpldc9__beedd761{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
-.Select_styles_1nzals0_h2ef052__beedd761{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
+.Select_styles_ei4ic3_spxbau6__ad5d5a7b .Select_styles_ei4ic3_popoverRoot__ad5d5a7b{width:var(--spxbau6-0);}.Select_styles_ei4ic3_spxbau6__ad5d5a7b .Select_styles_ei4ic3_popoverTarget__ad5d5a7b{width:100%;}
+.Select_styles_ei4ic3_u1yey2x3__ad5d5a7b{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
+.Select_styles_ei4ic3_bvro45w__ad5d5a7b .Select_styles_ei4ic3_popoverWrapper__ad5d5a7b,.Select_styles_ei4ic3_bvro45w__ad5d5a7b .Select_styles_ei4ic3_popoverTarget__ad5d5a7b{display:block;}
+.Select_styles_ei4ic3_ogpldc9__ad5d5a7b{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-label-font-family,var(--plasma-select-font-family));font-size:var(--plasma-select-label-font-size,var(--plasma-select-font-size));font-style:var(--plasma-select-label-font-style,var(--plasma-select-font-style));font-weight:var(--plasma-select-label-font-weight,var(--plasma-select-font-weight));-webkit-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));-moz-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));-ms-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));line-height:var(--plasma-select-label-font-line-height,var(--plasma-select-font-line-height));}
+.Select_styles_ei4ic3_h2ef052__ad5d5a7b{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-select-helper-text-font-family,var(--plasma-typo-body-xs-font-family));font-size:var(--plasma-select-helper-text-font-size,var(--plasma-typo-body-xs-font-size));font-style:var(--plasma-select-helper-text-font-style,var(--plasma-typo-body-xs-font-style));font-weight:var(--plasma-select-helper-text-font-weight,var(--plasma-typo-body-xs-font-weight));-webkit-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));-moz-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));-ms-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));line-height:var(--plasma-select-helper-text-font-line-height,var(--plasma-typo-body-xs-line-height));}
 
 .PaginationSelectPerPage_styles_187mk6b_s1e57mfu__a3b3456a{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_187mk6b_s5dck5y__a3b3456a{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset: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);}

package/cjs/components/Pagination/Pagination.styles.js

@@ -4,10 +4,9 @@ import './Pagination.styles_y6gcva.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
+var common = require('../../engines/common.js');
 var Button$1 = require('../Button/Button.js');
 var ButtonGroup$1 = require('../ButtonGroup/ButtonGroup.js');
-require('@linaria/core');
-var common = require('../../engines/common.js');
 
 var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
 var Button = /*#__PURE__*/common.component(mergedButtonConfig);

package/cjs/components/Pagination/Pagination.styles.js.map

@@ -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.paginationCurrentButtonHoverColor});\n        ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonHoverBackgroundColor});\n\n        ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonActiveColor});\n        ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonActiveBackgroundColor});\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","_exp93","PaginationShorter"],"mappings":";;;;;;;;;;AASA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,kBAAW,CAACK,+BAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,gBAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8CrC,EAAA;AAAC,IAAAQ,MAAA,GAtIgBA,SAsIhBA,MAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,YAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC;;;;;;;;;;"}
+{"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.paginationCurrentButtonHoverColor});\n        ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonHoverBackgroundColor});\n\n        ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonActiveColor});\n        ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonActiveBackgroundColor});\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","_exp93","PaginationShorter"],"mappings":";;;;;;;;;AASA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,kBAAW,CAACK,+BAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,gBAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8CrC,EAAA;AAAC,IAAAQ,MAAA,GAtIgBA,SAsIhBA,MAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,YAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC;;;;;;;;;;"}

package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css

@@ -20,14 +20,14 @@
 
 .base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
 
-.Item_styles_baxa65_s1vls8ri__1ba2f282{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
-.Item_styles_baxa65_s1to2lz5__1ba2f282{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_baxa65_s17z4dei__1ba2f282{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_baxa65_s1nd9idj__1ba2f282{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_baxa65_dnb2nsj__1ba2f282{line-height:0;color:var(--text-secondary);}.Item_styles_baxa65_dnb2nsj__1ba2f282:hover{color:var(--text-secondary-hover);}
-.Item_styles_baxa65_i581hb1__1ba2f282{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_baxa65_i581hb1__1ba2f282 .Item_styles_baxa65_selectItemCheckbox__1ba2f282{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
-.Item_styles_baxa65_scgpql7__1ba2f282{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
-.Item_styles_baxa65_wzzpzvq__1ba2f282{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_baxa65_wzzpzvq__1ba2f282:hover:not(.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsActive__1ba2f282{background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282{opacity:0.4;cursor:not-allowed;}.Item_styles_baxa65_wzzpzvq__1ba2f282:focus{outline:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsFocused__1ba2f282:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.Item_styles_1gaxu1y_s1vls8ri__821f230b{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
+.Item_styles_1gaxu1y_s1to2lz5__821f230b{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_1gaxu1y_s17z4dei__821f230b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_1gaxu1y_s1nd9idj__821f230b{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_1gaxu1y_dnb2nsj__821f230b{line-height:0;color:var(--plasma-select-disclosure-icon-color,var(--text-secondary));}.Item_styles_1gaxu1y_dnb2nsj__821f230b:hover{color:var(--plasma-select-disclosure-icon-color-hover,var(--text-secondary-hover));}
+.Item_styles_1gaxu1y_i581hb1__821f230b{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_1gaxu1y_i581hb1__821f230b .Item_styles_1gaxu1y_selectItemCheckbox__821f230b{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
+.Item_styles_1gaxu1y_scgpql7__821f230b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
+.Item_styles_1gaxu1y_wzzpzvq__821f230b{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-select-item-background,var(--plasma-colors-transparent));color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_1gaxu1y_wzzpzvq__821f230b:hover:not(.Item_styles_1gaxu1y_dropdownItemIsDisabled__821f230b){cursor:pointer;background:var(--plasma-select-item-background-hover,var(--surface-transparent-secondary));}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsActive__821f230b{background:var(--plasma-select-item-background-hover,var(--surface-transparent-secondary));}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsDisabled__821f230b{opacity:0.4;cursor:not-allowed;}.Item_styles_1gaxu1y_wzzpzvq__821f230b:focus{outline:none;}.Item_styles_1gaxu1y_wzzpzvq__821f230b::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsFocused__821f230b:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 
 
 .base_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_1x0spnh_b1ty39ru__fb659d61:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
@@ -100,11 +100,11 @@
 .Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
 .Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
 
-.Select_styles_1nzals0_spxbau6__beedd761 .Select_styles_1nzals0_popoverRoot__beedd761{width:var(--spxbau6-0);}.Select_styles_1nzals0_spxbau6__beedd761 .Select_styles_1nzals0_popoverTarget__beedd761{width:100%;}
-.Select_styles_1nzals0_u1yey2x3__beedd761{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
-.Select_styles_1nzals0_bvro45w__beedd761 .Select_styles_1nzals0_popoverWrapper__beedd761,.Select_styles_1nzals0_bvro45w__beedd761 .Select_styles_1nzals0_popoverTarget__beedd761{display:block;}
-.Select_styles_1nzals0_ogpldc9__beedd761{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
-.Select_styles_1nzals0_h2ef052__beedd761{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
+.Select_styles_ei4ic3_spxbau6__ad5d5a7b .Select_styles_ei4ic3_popoverRoot__ad5d5a7b{width:var(--spxbau6-0);}.Select_styles_ei4ic3_spxbau6__ad5d5a7b .Select_styles_ei4ic3_popoverTarget__ad5d5a7b{width:100%;}
+.Select_styles_ei4ic3_u1yey2x3__ad5d5a7b{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
+.Select_styles_ei4ic3_bvro45w__ad5d5a7b .Select_styles_ei4ic3_popoverWrapper__ad5d5a7b,.Select_styles_ei4ic3_bvro45w__ad5d5a7b .Select_styles_ei4ic3_popoverTarget__ad5d5a7b{display:block;}
+.Select_styles_ei4ic3_ogpldc9__ad5d5a7b{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-label-font-family,var(--plasma-select-font-family));font-size:var(--plasma-select-label-font-size,var(--plasma-select-font-size));font-style:var(--plasma-select-label-font-style,var(--plasma-select-font-style));font-weight:var(--plasma-select-label-font-weight,var(--plasma-select-font-weight));-webkit-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));-moz-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));-ms-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));line-height:var(--plasma-select-label-font-line-height,var(--plasma-select-font-line-height));}
+.Select_styles_ei4ic3_h2ef052__ad5d5a7b{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-select-helper-text-font-family,var(--plasma-typo-body-xs-font-family));font-size:var(--plasma-select-helper-text-font-size,var(--plasma-typo-body-xs-font-size));font-style:var(--plasma-select-helper-text-font-style,var(--plasma-typo-body-xs-font-style));font-weight:var(--plasma-select-helper-text-font-weight,var(--plasma-typo-body-xs-font-weight));-webkit-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));-moz-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));-ms-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));line-height:var(--plasma-select-helper-text-font-line-height,var(--plasma-typo-body-xs-line-height));}
 
 .PaginationSelectPerPage_styles_187mk6b_s1e57mfu__a3b3456a{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_187mk6b_s5dck5y__a3b3456a{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset: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);}

package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js

@@ -4,9 +4,8 @@ import './PaginationSelectPerPage.styles_187mk6b.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-var Select$1 = require('../../../Select/Select.js');
-require('@linaria/core');
 var common = require('../../../../engines/common.js');
+var Select$1 = require('../../../Select/Select.js');
 
 var mergedSelectConfig = /*#__PURE__*/common.mergeConfig(Select$1.selectConfig);
 var Select = /*#__PURE__*/common.component(mergedSelectConfig);

package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelectPerPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { selectConfig, selectTokens } from '../../../Select';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../Pagination.tokens';\n\nconst mergedSelectConfig = mergeConfig(selectConfig);\nconst Select = component(mergedSelectConfig);\n\nexport const SelectPerPageRoot = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const SelectPerPageSelect = styled(Select)`\n    ${selectTokens.targetButtonColor}: var(${tokens.buttonColor});\n    ${selectTokens.targetButtonColorHover}: var(${tokens.buttonColorHover});\n    ${selectTokens.targetButtonColorActive}: var(${tokens.buttonColorActive});\n    ${selectTokens.targetButtonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n    ${selectTokens.targetButtonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n    ${selectTokens.targetButtonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n    ${selectTokens.targetHeight}: var(${tokens.buttonHeight});\n    ${selectTokens.targetButtonPadding}: var(${tokens.selectTargetPadding});\n    ${selectTokens.borderRadius}: var(${tokens.buttonRadius});\n    ${selectTokens.targetButtonArrowColor}: var(${tokens.buttonArrowColor});\n    ${selectTokens.targetButtonArrowColorHover}: var(${tokens.buttonArrowColorHover});\n    ${selectTokens.targetButtonArrowColorActive}: var(${tokens.buttonArrowColorActive});\n    ${selectTokens.targetButtonArrowMargin}: var(${tokens.buttonArrowMargin});\n\n    ${selectTokens.padding}: 0.125rem;\n    ${selectTokens.focusOffset}: 0.125rem;\n    ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n    ${selectTokens.itemBorderRadius}: calc(var(${tokens.buttonRadius}) - 0.125rem);\n    ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n    ${selectTokens.itemIconSize}: 1.5rem;\n    ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n`;\n\nexport const SelectPerPageTypography = styled.div`\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"],"names":["mergedSelectConfig","mergeConfig","selectConfig","Select","component","SelectPerPageRoot","styled","name","class","propsAsIs","_exp","SelectPerPageSelect","SelectPerPageTypography"],"mappings":";;;;;;;;;AAMA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAC,IAAA,GAZgBA,SAYhBA,IAAAA,GAAA;AAAA,EAAA,OAEwCP,MAAM,CAAA;AAAA,CAAA,CAAA;AAAzC,IAAMQ,mBAAmB,gBAAGL,YAAM,CAAAI,IAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsBxC,EAAA;AAEM,IAAMG,uBAAuB,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO5C;;;;;;"}
+{"version":3,"file":"PaginationSelectPerPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { selectConfig, selectTokens } from '../../../Select';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../Pagination.tokens';\n\nconst mergedSelectConfig = mergeConfig(selectConfig);\nconst Select = component(mergedSelectConfig);\n\nexport const SelectPerPageRoot = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const SelectPerPageSelect = styled(Select)`\n    ${selectTokens.targetButtonColor}: var(${tokens.buttonColor});\n    ${selectTokens.targetButtonColorHover}: var(${tokens.buttonColorHover});\n    ${selectTokens.targetButtonColorActive}: var(${tokens.buttonColorActive});\n    ${selectTokens.targetButtonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n    ${selectTokens.targetButtonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n    ${selectTokens.targetButtonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n    ${selectTokens.targetHeight}: var(${tokens.buttonHeight});\n    ${selectTokens.targetButtonPadding}: var(${tokens.selectTargetPadding});\n    ${selectTokens.borderRadius}: var(${tokens.buttonRadius});\n    ${selectTokens.targetButtonArrowColor}: var(${tokens.buttonArrowColor});\n    ${selectTokens.targetButtonArrowColorHover}: var(${tokens.buttonArrowColorHover});\n    ${selectTokens.targetButtonArrowColorActive}: var(${tokens.buttonArrowColorActive});\n    ${selectTokens.targetButtonArrowMargin}: var(${tokens.buttonArrowMargin});\n\n    ${selectTokens.padding}: 0.125rem;\n    ${selectTokens.focusOffset}: 0.125rem;\n    ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n    ${selectTokens.itemBorderRadius}: calc(var(${tokens.buttonRadius}) - 0.125rem);\n    ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n    ${selectTokens.itemIconSize}: 1.5rem;\n    ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n`;\n\nexport const SelectPerPageTypography = styled.div`\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"],"names":["mergedSelectConfig","mergeConfig","selectConfig","Select","component","SelectPerPageRoot","styled","name","class","propsAsIs","_exp","SelectPerPageSelect","SelectPerPageTypography"],"mappings":";;;;;;;;AAMA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAC,IAAA,GAZgBA,SAYhBA,IAAAA,GAAA;AAAA,EAAA,OAEwCP,MAAM,CAAA;AAAA,CAAA,CAAA;AAAzC,IAAMQ,mBAAmB,gBAAGL,YAAM,CAAAI,IAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsBxC,EAAA;AAEM,IAAMG,uBAAuB,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO5C;;;;;;"}

package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../../../utils/index.js');
-require('@linaria/react');
-var IconClose = require('../../../_Icon/Icons/IconClose.js');
 var Panel_tokens = require('../../Panel.tokens.js');
 var PanelHeader_types = require('./PanelHeader.types.js');
 var PanelHeader_styles = require('./PanelHeader.styles.js');
 var base = require('./variations/_view/base.js');
+var IconClose = require('../../../_Icon/Icons/IconClose.js');
 
 var _IconClose;
 var _excluded = ["children", "actions", "view", "className", "onClose", "hasClose", "closePlacement"];

package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.js","sources":["../../../../../src/components/Panel/ui/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { RootProps } from '../../../../engines';\nimport { IconClose } from '../../../_Icon';\nimport { classes } from '../../Panel.tokens';\n\nimport { PanelHeaderProps, placements } from './PanelHeader.types';\nimport { StyledHeader, ButtonWrapper, CloseIconWrapper } from './PanelHeader.styles';\nimport { base as viewCSS } from './variations/_view/base';\n\nexport const panelHeaderRoot = (Root: RootProps<HTMLDivElement, PanelHeaderProps>) =>\n    forwardRef<HTMLDivElement, PanelHeaderProps>(\n        (\n            { children, actions, view, className, onClose, hasClose = 'true', closePlacement = 'right', ...rest },\n            outerRef,\n        ) => {\n            const hasHeaderClass = children ? undefined : classes.hasHeader;\n            const isRightCloseClass = closePlacement === placements.right ? classes.isRightClose : undefined;\n\n            return (\n                <Root ref={outerRef} view={view} className={cx(className, hasHeaderClass, isRightCloseClass)} {...rest}>\n                    {children && <StyledHeader>{children}</StyledHeader>}\n                    {actions && <ButtonWrapper>{actions}</ButtonWrapper>}\n                    {hasClose && (\n                        <ButtonWrapper placement={closePlacement}>\n                            <CloseIconWrapper view=\"clear\" size=\"s\" onClick={onClose}>\n                                <IconClose size=\"s\" color=\"inherit\" />\n                            </CloseIconWrapper>\n                        </ButtonWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const panelHeaderConfig = {\n    name: 'PanelHeader',\n    tag: 'div',\n    layout: panelHeaderRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["panelHeaderRoot","Root","forwardRef","_ref","outerRef","children","actions","view","className","onClose","_ref$hasClose","hasClose","_ref$closePlacement","closePlacement","rest","_objectWithoutProperties","_excluded","hasHeaderClass","undefined","classes","hasHeader","isRightCloseClass","placements","right","isRightClose","React","createElement","_extends","ref","cx","StyledHeader","ButtonWrapper","placement","CloseIconWrapper","size","onClick","_IconClose","IconClose","color","panelHeaderConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;IAWaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,gBAAU,CACN,UAAAC,IAAA,EAEIC,QAAQ,EACP;AAAA,IAAA,IAFCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;MAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;MAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;MAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;MAAAC,aAAA,GAAAP,IAAA,CAAEQ,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,aAAA;MAAAE,mBAAA,GAAAT,IAAA,CAAEU,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,mBAAA;AAAKE,MAAAA,IAAI,GAAAC,iDAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;IAGnG,IAAMC,cAAc,GAAGZ,QAAQ,GAAGa,SAAS,GAAGC,oBAAO,CAACC,SAAS,CAAA;AAC/D,IAAA,IAAMC,iBAAiB,GAAGR,cAAc,KAAKS,4BAAU,CAACC,KAAK,GAAGJ,oBAAO,CAACK,YAAY,GAAGN,SAAS,CAAA;AAEhG,IAAA,oBACIO,KAAA,CAAAC,aAAA,CAACzB,IAAI,EAAA0B,iCAAA,CAAA;AAACC,MAAAA,GAAG,EAAExB,QAAS;AAACG,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,SAAS,EAAEqB,QAAE,CAACrB,SAAS,EAAES,cAAc,EAAEI,iBAAiB,CAAA;AAAE,KAAA,EAAKP,IAAI,CAAA,EACjGT,QAAQ,iBAAIoB,KAAA,CAAAC,aAAA,CAACI,+BAAY,EAAA,IAAA,EAAEzB,QAAuB,CAAC,EACnDC,OAAO,iBAAImB,KAAA,CAAAC,aAAA,CAACK,gCAAa,EAAA,IAAA,EAAEzB,OAAuB,CAAC,EACnDK,QAAQ,iBACLc,KAAA,CAAAC,aAAA,CAACK,gCAAa,EAAA;AAACC,MAAAA,SAAS,EAAEnB,cAAAA;AAAe,KAAA,eACrCY,KAAA,CAAAC,aAAA,CAACO,mCAAgB,EAAA;AAAC1B,MAAAA,IAAI,EAAC,OAAO;AAAC2B,MAAAA,IAAI,EAAC,GAAG;AAACC,MAAAA,OAAO,EAAE1B,OAAAA;KAAQ2B,EAAAA,UAAA,KAAAA,UAAA,gBACrDX,KAAA,CAAAC,aAAA,CAACW,mBAAS,EAAA;AAACH,MAAAA,IAAI,EAAC,GAAG;AAACI,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAE,CAAC,CACxB,CACP,CAEjB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMC,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE1C,eAAe;AACvB2C,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRrC,IAAAA,IAAI,EAAE;AACFsC,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxC,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"PanelHeader.js","sources":["../../../../../src/components/Panel/ui/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { RootProps } from '../../../../engines';\nimport { IconClose } from '../../../_Icon';\nimport { classes } from '../../Panel.tokens';\n\nimport { PanelHeaderProps, placements } from './PanelHeader.types';\nimport { StyledHeader, ButtonWrapper, CloseIconWrapper } from './PanelHeader.styles';\nimport { base as viewCSS } from './variations/_view/base';\n\nexport const panelHeaderRoot = (Root: RootProps<HTMLDivElement, PanelHeaderProps>) =>\n    forwardRef<HTMLDivElement, PanelHeaderProps>(\n        (\n            { children, actions, view, className, onClose, hasClose = 'true', closePlacement = 'right', ...rest },\n            outerRef,\n        ) => {\n            const hasHeaderClass = children ? undefined : classes.hasHeader;\n            const isRightCloseClass = closePlacement === placements.right ? classes.isRightClose : undefined;\n\n            return (\n                <Root ref={outerRef} view={view} className={cx(className, hasHeaderClass, isRightCloseClass)} {...rest}>\n                    {children && <StyledHeader>{children}</StyledHeader>}\n                    {actions && <ButtonWrapper>{actions}</ButtonWrapper>}\n                    {hasClose && (\n                        <ButtonWrapper placement={closePlacement}>\n                            <CloseIconWrapper view=\"clear\" size=\"s\" onClick={onClose}>\n                                <IconClose size=\"s\" color=\"inherit\" />\n                            </CloseIconWrapper>\n                        </ButtonWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const panelHeaderConfig = {\n    name: 'PanelHeader',\n    tag: 'div',\n    layout: panelHeaderRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["panelHeaderRoot","Root","forwardRef","_ref","outerRef","children","actions","view","className","onClose","_ref$hasClose","hasClose","_ref$closePlacement","closePlacement","rest","_objectWithoutProperties","_excluded","hasHeaderClass","undefined","classes","hasHeader","isRightCloseClass","placements","right","isRightClose","React","createElement","_extends","ref","cx","StyledHeader","ButtonWrapper","placement","CloseIconWrapper","size","onClick","_IconClose","IconClose","color","panelHeaderConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":";;;;;;;;;;;;;;;IAWaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,gBAAU,CACN,UAAAC,IAAA,EAEIC,QAAQ,EACP;AAAA,IAAA,IAFCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;MAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;MAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;MAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;MAAAC,aAAA,GAAAP,IAAA,CAAEQ,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,aAAA;MAAAE,mBAAA,GAAAT,IAAA,CAAEU,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,mBAAA;AAAKE,MAAAA,IAAI,GAAAC,iDAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;IAGnG,IAAMC,cAAc,GAAGZ,QAAQ,GAAGa,SAAS,GAAGC,oBAAO,CAACC,SAAS,CAAA;AAC/D,IAAA,IAAMC,iBAAiB,GAAGR,cAAc,KAAKS,4BAAU,CAACC,KAAK,GAAGJ,oBAAO,CAACK,YAAY,GAAGN,SAAS,CAAA;AAEhG,IAAA,oBACIO,KAAA,CAAAC,aAAA,CAACzB,IAAI,EAAA0B,iCAAA,CAAA;AAACC,MAAAA,GAAG,EAAExB,QAAS;AAACG,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,SAAS,EAAEqB,QAAE,CAACrB,SAAS,EAAES,cAAc,EAAEI,iBAAiB,CAAA;AAAE,KAAA,EAAKP,IAAI,CAAA,EACjGT,QAAQ,iBAAIoB,KAAA,CAAAC,aAAA,CAACI,+BAAY,EAAA,IAAA,EAAEzB,QAAuB,CAAC,EACnDC,OAAO,iBAAImB,KAAA,CAAAC,aAAA,CAACK,gCAAa,EAAA,IAAA,EAAEzB,OAAuB,CAAC,EACnDK,QAAQ,iBACLc,KAAA,CAAAC,aAAA,CAACK,gCAAa,EAAA;AAACC,MAAAA,SAAS,EAAEnB,cAAAA;AAAe,KAAA,eACrCY,KAAA,CAAAC,aAAA,CAACO,mCAAgB,EAAA;AAAC1B,MAAAA,IAAI,EAAC,OAAO;AAAC2B,MAAAA,IAAI,EAAC,GAAG;AAACC,MAAAA,OAAO,EAAE1B,OAAAA;KAAQ2B,EAAAA,UAAA,KAAAA,UAAA,gBACrDX,KAAA,CAAAC,aAAA,CAACW,mBAAS,EAAA;AAACH,MAAAA,IAAI,EAAC,GAAG;AAACI,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAE,CAAC,CACxB,CACP,CAEjB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMC,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE1C,eAAe;AACvB2C,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRrC,IAAAA,IAAI,EAAE;AACFsC,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxC,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js

@@ -4,10 +4,9 @@ import './PanelHeader.styles_1cid6t7.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-require('@linaria/core');
+var PanelHeader_types = require('./PanelHeader.types.js');
 var common = require('../../../../engines/common.js');
 var Button$1 = require('../../../Button/Button.js');
-var PanelHeader_types = require('./PanelHeader.types.js');
 
 var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
 var Button = /*#__PURE__*/common.component(mergedButtonConfig);

package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.styles.js","sources":["../../../../../src/components/Panel/ui/PanelHeader/PanelHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { mergeConfig, component } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { tokens } from '../../Panel.tokens';\n\nimport { ClosePlacementType, placements } from './PanelHeader.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const ButtonWrapper = styled.div<{ placement?: ClosePlacementType }>`\n    background: var(${tokens.background});\n\n    order: ${({ placement }) => (placement === placements.left ? -1 : 0)};\n    padding-left: ${({ placement }) => (!placement || placement === placements.right ? '0.5rem' : '')};\n    padding-right: ${({ placement }) => (placement === placements.left ? '0.5rem' : '')};\n`;\n\nexport const StyledHeader = styled.div`\n    height: fit-content;\n    flex-grow: 1;\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    position: relative;\n    width: 1.5rem;\n    min-height: 1.5rem;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp2","_ref","placement","placements","left","_exp3","_ref2","right","_exp4","_ref3","ButtonWrapper","styled","name","class","propsAsIs","vars","StyledHeader","_exp5","CloseIconWrapper"],"mappings":";;;;;;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,KAAA,GAR3BA,SAQ2BA,KAAAA,GAAA;AAAA,EAAA,OAKhC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,4BAAU,CAACC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAbtDA,SAasDA,KAAAA,GAAA;AAAA,EAAA,OACpD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiB,CAACA,SAAS,IAAIA,SAAS,KAAKC,4BAAU,CAACI,KAAK,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAdnFA,SAcmFA,KAAAA,GAAA;AAAA,EAAA,OAChF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,4BAAU,CAACC,IAAI,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AALhF,IAAMM,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGtBf,KAA2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACpDK,KAAiF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAChFG,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CACtF,EAAA;AAEM,IAAMQ,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGjC,EAAA;AAAC,IAAAG,KAAA,GArBgBA,SAqBhBA,KAAAA,GAAA;AAAA,EAAA,OAEqCnB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMoB,gBAAgB,gBAAGP,YAAM,CAAAM,KAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIrC;;;;;;"}
+{"version":3,"file":"PanelHeader.styles.js","sources":["../../../../../src/components/Panel/ui/PanelHeader/PanelHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { mergeConfig, component } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { tokens } from '../../Panel.tokens';\n\nimport { ClosePlacementType, placements } from './PanelHeader.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const ButtonWrapper = styled.div<{ placement?: ClosePlacementType }>`\n    background: var(${tokens.background});\n\n    order: ${({ placement }) => (placement === placements.left ? -1 : 0)};\n    padding-left: ${({ placement }) => (!placement || placement === placements.right ? '0.5rem' : '')};\n    padding-right: ${({ placement }) => (placement === placements.left ? '0.5rem' : '')};\n`;\n\nexport const StyledHeader = styled.div`\n    height: fit-content;\n    flex-grow: 1;\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    position: relative;\n    width: 1.5rem;\n    min-height: 1.5rem;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp2","_ref","placement","placements","left","_exp3","_ref2","right","_exp4","_ref3","ButtonWrapper","styled","name","class","propsAsIs","vars","StyledHeader","_exp5","CloseIconWrapper"],"mappings":";;;;;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,KAAA,GAR3BA,SAQ2BA,KAAAA,GAAA;AAAA,EAAA,OAKhC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,4BAAU,CAACC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAbtDA,SAasDA,KAAAA,GAAA;AAAA,EAAA,OACpD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiB,CAACA,SAAS,IAAIA,SAAS,KAAKC,4BAAU,CAACI,KAAK,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAdnFA,SAcmFA,KAAAA,GAAA;AAAA,EAAA,OAChF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,4BAAU,CAACC,IAAI,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AALhF,IAAMM,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGtBf,KAA2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACpDK,KAAiF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAChFG,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CACtF,EAAA;AAEM,IAAMQ,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGjC,EAAA;AAAC,IAAAG,KAAA,GArBgBA,SAqBhBA,KAAAA,GAAA;AAAA,EAAA,OAEqCnB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMoB,gBAAgB,gBAAGP,YAAM,CAAAM,KAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIrC;;;;;;"}

package/cjs/components/Popover/Popover.js

@@ -7,10 +7,10 @@ var React = require('react');
 var reactPopper = require('react-popper');
 var plasmaCore = require('@salutejs/plasma-core');
 var index = require('../../utils/index.js');
-var Portal = require('../Portal/Portal.js');
 var base = require('./variations/_view/base.js');
 var Popover_styles = require('./Popover.styles.js');
 var Popover_tokens = require('./Popover.tokens.js');
+var Portal = require('../Portal/Portal.js');
 
 var _excluded = ["target", "children", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
 var ESCAPE_KEYCODE = 27;

package/cjs/components/Popup/Popup.js

@@ -6,11 +6,11 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var plasmaCore = require('@salutejs/plasma-core');
 var index = require('../../utils/index.js');
-var Portal = require('../Portal/Portal.js');
 var PopupRoot = require('./PopupRoot.js');
-var usePopup = require('./hooks/usePopup.js');
 var Popup_tokens = require('./Popup.tokens.js');
 var Popup_styles = require('./Popup.styles.js');
+var usePopup = require('./hooks/usePopup.js');
+var Portal = require('../Portal/Portal.js');
 var canUseDOM = require('../../utils/canUseDOM.js');
 
 var _excluded = ["id", "isOpen", "opened", "placement", "offset", "frame", "children", "overlay", "role", "zIndex", "popupInfo", "withAnimation", "className"];

package/cjs/components/Popup/PopupContext.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var ModalContext = require('../Modal/ModalContext.js');
+var Popup_styles = require('./Popup.styles.js');
 var canUseDOM = require('../../utils/canUseDOM.js');
 var react = require('../../utils/react.js');
 var Portal = require('../Portal/Portal.js');
-var Popup_styles = require('./Popup.styles.js');
 
 var POPUP_PORTAL_ID = 'plasma-popup-root';
 var items = [];

package/cjs/components/Range/Range.styles.js

@@ -4,7 +4,6 @@ import './Range.styles_1qtrrma.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-require('@linaria/core');
 var common = require('../../engines/common.js');
 var TextField$1 = require('../TextField/TextField.js');
 

package/cjs/components/Range/Range.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    width: 100%;\n    \n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    &.${classes.rangeValueError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.rangeValueSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    width: fit-content;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div`\n    line-height: 0;\n`;\n\nexport const StyledContentRight = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;;;;;;AAQA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;;AAEzC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACkCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMG,WAAW,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAgEhC,EAAA;AAEM,IAAMC,IAAI,GAEhB,WAAA;AAEM,IAAMC,WAAW,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMG,UAAU,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMI,cAAc,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGnC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMM,iBAAiB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAMO,kBAAkB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;;"}
+{"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    width: 100%;\n    \n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    &.${classes.rangeValueError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.rangeValueSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    width: fit-content;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div`\n    line-height: 0;\n`;\n\nexport const StyledContentRight = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;;;;;AAQA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;;AAEzC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACkCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMG,WAAW,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAgEhC,EAAA;AAEM,IAAMC,IAAI,GAEhB,WAAA;AAEM,IAAMC,WAAW,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMG,UAAU,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMI,cAAc,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGnC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMM,iBAAiB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAMO,kBAAkB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;;"}

package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js

@@ -5,11 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var plasmaCore = require('@salutejs/plasma-core');
-var IconDisclosureLeftWithOffset = require('../../../_Icon/Icons/IconDisclosureLeftWithOffset.js');
-require('@linaria/react');
-var IconDisclosureRightWithOffset = require('../../../_Icon/Icons/IconDisclosureRightWithOffset.js');
-var IconDisclosureDownWithOffset = require('../../../_Icon/Icons/IconDisclosureDownWithOffset.js');
-var IconDisclosureUpWithOffset = require('../../../_Icon/Icons/IconDisclosureUpWithOffset.js');
 var tokens = require('../../tokens.js');
 var index = require('../../../../utils/index.js');
 var SegmentProvider = require('../../SegmentProvider/SegmentProvider.js');
@@ -21,6 +16,10 @@ var base$6 = require('./variations/_filledBackgound/base.js');
 var base$4 = require('./variations/_stretch/base.js');
 var base$5 = require('./variations/_orientation/base.js');
 var SegmentGroup_styles = require('./SegmentGroup.styles.js');
+var IconDisclosureUpWithOffset = require('../../../_Icon/Icons/IconDisclosureUpWithOffset.js');
+var IconDisclosureLeftWithOffset = require('../../../_Icon/Icons/IconDisclosureLeftWithOffset.js');
+var IconDisclosureDownWithOffset = require('../../../_Icon/Icons/IconDisclosureDownWithOffset.js');
+var IconDisclosureRightWithOffset = require('../../../_Icon/Icons/IconDisclosureRightWithOffset.js');
 
 var _excluded = ["id", "selectionMode", "pilled", "stretch", "clip", "orientation", "filledBackground", "hasBackground", "disabled", "size", "view", "children"];
 var Keys = /*#__PURE__*/function (Keys) {

package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentGroup.js","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { RefObject, MutableRefObject } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport {\n    IconDisclosureLeftWithOffset,\n    IconDisclosureRightWithOffset,\n    IconDisclosureDownWithOffset,\n    IconDisclosureUpWithOffset,\n} from '../../../_Icon';\nimport { classes, tokens } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { useSegmentInner } from '../../SegmentProvider/SegmentProvider';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as filledBackgroundCSS } from './variations/_filledBackgound/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport type { SegmentGroupProps } from './SegmentGroup.types';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    base,\n    StyledLeftArrow,\n    StyledRightArrow,\n    StyledTopArrow,\n    StyledBottomArrow,\n} from './SegmentGroup.styles';\n\nenum Keys {\n    end = 35,\n    home = 36,\n    left = 37,\n    right = 39,\n}\n\nexport const getChildNodes = (wrapper: HTMLElement | null) => {\n    const container = wrapper?.firstChild;\n    return container ? (Array.from(container?.childNodes) as HTMLElement[]) : [];\n};\n\nexport const segmentGroupRoot = (Root: RootProps<HTMLDivElement, SegmentGroupProps>) =>\n    forwardRef<HTMLDivElement, SegmentGroupProps>((props, outerRef) => {\n        const {\n            id,\n            selectionMode,\n            pilled,\n            stretch,\n            clip = true,\n            orientation = 'horizontal',\n            filledBackground = false,\n            hasBackground = false,\n            disabled = false,\n            size,\n            view,\n            children,\n            ...rest\n        } = props;\n\n        const scrollRef = useRef<HTMLElement | null>(null);\n        const trackRef = useRef<HTMLElement | null>(null);\n        const leftArrowRef = useRef<HTMLButtonElement | null>(null);\n\n        const { setSelectionMode, setDisabledGroup } = useSegmentInner();\n\n        const [firstItemVisible, setFirstItemVisible] = useState(true);\n        const [lastItemVisible, setLastItemVisible] = useState(true);\n\n        const uniqId = safeUseId();\n        const segmentGroupId = id || uniqId;\n\n        const canClip = clip && !stretch;\n\n        const isVertical = orientation === 'vertical';\n        const stretchClass =\n            (clip ? firstItemVisible && lastItemVisible : true) && stretch ? classes.segmentStretch : undefined;\n\n        const orientationClass = isVertical ? classes.segmentVertical : undefined;\n        const clipScrollClass = canClip ? classes.segmentGroupClipScroll : undefined;\n\n        const pilledAttr = (view !== 'clear' || hasBackground) && pilled;\n        const filledBackgroundAttr = (view !== 'clear' && filledBackground) || hasBackground;\n\n        const pilledClass = pilledAttr ? classes.segmentPilled : undefined;\n        const filledClass = filledBackgroundAttr ? classes.segmentGroupFilledBackground : undefined;\n\n        const onPrev = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const scrollLeft = Math.round(scrollRef.current.scrollLeft);\n            const firstOverflowingTab = childNodes\n                .slice()\n                .reverse()\n                .find((child: HTMLElement | null) => {\n                    if (!child || child.offsetLeft === undefined) {\n                        return;\n                    }\n                    const tabStartX = child.offsetLeft;\n\n                    return tabStartX < scrollLeft;\n                });\n\n            firstOverflowingTab?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\n\n        const onNext = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);\n\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const lastOverflowingChild = childNodes.find((child) => {\n                if (!child || child.offsetLeft === undefined) {\n                    return;\n                }\n                const tabEndX = child.offsetLeft + child.offsetWidth;\n\n                return tabEndX > scrollRight;\n            });\n\n            lastOverflowingChild?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\n\n        const onKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\n            const childNodes = getChildNodes(scrollRef?.current);\n\n            const index = childNodes.findIndex((child) => document.activeElement === child);\n\n            const minIndex = 0;\n            const maxIndex = childNodes.length - 1;\n            let nextIndex: number;\n\n            switch (event.keyCode) {\n                case Keys.end:\n                    nextIndex = maxIndex;\n                    break;\n                case Keys.left:\n                    nextIndex = index > minIndex ? index - 1 : index;\n                    break;\n                case Keys.right:\n                    nextIndex = index < maxIndex ? index + 1 : index;\n                    break;\n                case Keys.home:\n                    nextIndex = minIndex;\n                    break;\n                default:\n                    return;\n            }\n\n            if (nextIndex !== index) {\n                event.preventDefault();\n                childNodes[nextIndex]?.focus();\n                childNodes[nextIndex]?.scrollIntoView({\n                    block: 'center',\n                    inline: 'center',\n                    behavior: 'smooth',\n                });\n            }\n        }, []);\n\n        const handleScroll = useCallback(\n            (event: React.UIEvent<HTMLElement>): void => {\n                event.stopPropagation?.();\n\n                if (!canClip) {\n                    setFirstItemVisible(true);\n                    setLastItemVisible(true);\n                    return;\n                }\n\n                if (isVertical) {\n                    const maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;\n                    const scrollTop = Math.round(event.currentTarget.scrollTop);\n\n                    setFirstItemVisible(scrollTop <= 0);\n                    setLastItemVisible(scrollTop >= maxScrollTop);\n                    return;\n                }\n\n                const maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;\n                const scrollLeft = Math.round(event.currentTarget.scrollLeft);\n\n                setFirstItemVisible(scrollLeft <= 0);\n                setLastItemVisible(scrollLeft >= maxScrollLeft);\n            },\n            [isVertical, canClip],\n        );\n\n        useEffect(() => {\n            handleScroll(({ currentTarget: scrollRef.current } as unknown) as React.UIEvent<HTMLElement>);\n        }, [handleScroll]);\n\n        useEffect(() => {\n            if (!canClip) {\n                setLastItemVisible(true);\n                return;\n            }\n\n            setLastItemVisible(\n                isVertical\n                    ? scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight\n                    : scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth,\n            );\n        }, [isVertical, canClip]);\n\n        // Этот хук компенсирует появление левой/верхней стрелки при прокрутке\n        useEffect(() => {\n            if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {\n                return;\n            }\n\n            if (isVertical) {\n                scrollRef.current.scrollTo({\n                    top: Math.round(scrollRef.current.scrollTop + leftArrowRef.current.clientHeight),\n                });\n                return;\n            }\n\n            scrollRef.current.scrollTo({\n                left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth),\n            });\n        }, [firstItemVisible, isVertical]);\n\n        const PreviousButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledTopArrow : StyledLeftArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Предыдущий сегмент\"\n                    onClick={onPrev}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureUpWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureLeftWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onPrev, isVertical]);\n\n        const NextButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledBottomArrow : StyledRightArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Следующий сегмент\"\n                    onClick={onNext}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureDownWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureRightWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onNext, isVertical]);\n\n        useEffect(() => {\n            selectionMode && setSelectionMode(selectionMode);\n            setDisabledGroup(disabled);\n        }, [selectionMode, disabled]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                orientation={orientation}\n                id={segmentGroupId}\n                ref={outerRef}\n                filledBackground={filledBackgroundAttr}\n                disabled={disabled}\n                pilled={pilledAttr}\n                className={cx(pilledClass, filledClass, stretchClass, orientationClass)}\n                onKeyDown={onKeyDown}\n                {...rest}\n            >\n                {!firstItemVisible && PreviousButton}\n                <StyledContentWrapper\n                    className={cx(clipScrollClass)}\n                    ref={scrollRef as RefObject<HTMLDivElement>}\n                    onScroll={handleScroll}\n                >\n                    <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>{children}</StyledContent>\n                </StyledContentWrapper>\n                {!lastItemVisible && NextButton}\n            </Root>\n        );\n    });\n\nexport const segmentGroupConfig = {\n    name: 'SegmentGroup',\n    tag: 'div',\n    layout: segmentGroupRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        stretch: {\n            css: stretchCSS,\n            attrs: true,\n        },\n        orientation: {\n            css: orientationCSS,\n        },\n        filledBackground: {\n            css: filledBackgroundCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'xs',\n    },\n};\n"],"names":["Keys","getChildNodes","wrapper","container","firstChild","Array","from","childNodes","segmentGroupRoot","Root","forwardRef","props","outerRef","id","selectionMode","pilled","stretch","_props$clip","clip","_props$orientation","orientation","_props$filledBackgrou","filledBackground","_props$hasBackground","hasBackground","_props$disabled","disabled","size","view","children","rest","_objectWithoutProperties","_excluded","scrollRef","useRef","trackRef","leftArrowRef","_useSegmentInner","useSegmentInner","setSelectionMode","setDisabledGroup","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","uniqId","safeUseId","segmentGroupId","canClip","isVertical","stretchClass","classes","segmentStretch","undefined","orientationClass","segmentVertical","clipScrollClass","segmentGroupClipScroll","pilledAttr","filledBackgroundAttr","pilledClass","segmentPilled","filledClass","segmentGroupFilledBackground","onPrev","useCallback","current","scrollLeft","Math","round","firstOverflowingTab","slice","reverse","find","child","offsetLeft","tabStartX","scrollIntoView","block","inline","onNext","scrollRight","clientWidth","lastOverflowingChild","tabEndX","offsetWidth","onKeyDown","event","index","findIndex","document","activeElement","minIndex","maxIndex","length","nextIndex","keyCode","end","left","right","home","_childNodes$nextIndex","_childNodes$nextIndex2","preventDefault","focus","behavior","handleScroll","_event$stopPropagatio","stopPropagation","call","maxScrollTop","currentTarget","scrollHeight","clientHeight","scrollTop","maxScrollLeft","scrollWidth","useEffect","_scrollRef$current","_scrollRef$current2","_scrollRef$current3","_scrollRef$current4","scrollTo","top","PreviousButton","useMemo","ArrowNode","StyledTopArrow","StyledLeftArrow","React","createElement","type","onClick","tabIndex","IconDisclosureUpWithOffset","color","concat","tokens","arrowColor","IconDisclosureLeftWithOffset","NextButton","StyledBottomArrow","StyledRightArrow","IconDisclosureDownWithOffset","IconDisclosureRightWithOffset","_extends","ref","className","cx","StyledContentWrapper","onScroll","StyledContent","segmentGroupConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","stretchCSS","orientationCSS","filledBackgroundCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"SegmentGroup.js","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { RefObject, MutableRefObject } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport {\n    IconDisclosureLeftWithOffset,\n    IconDisclosureRightWithOffset,\n    IconDisclosureDownWithOffset,\n    IconDisclosureUpWithOffset,\n} from '../../../_Icon';\nimport { classes, tokens } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { useSegmentInner } from '../../SegmentProvider/SegmentProvider';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as filledBackgroundCSS } from './variations/_filledBackgound/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport type { SegmentGroupProps } from './SegmentGroup.types';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    base,\n    StyledLeftArrow,\n    StyledRightArrow,\n    StyledTopArrow,\n    StyledBottomArrow,\n} from './SegmentGroup.styles';\n\nenum Keys {\n    end = 35,\n    home = 36,\n    left = 37,\n    right = 39,\n}\n\nexport const getChildNodes = (wrapper: HTMLElement | null) => {\n    const container = wrapper?.firstChild;\n    return container ? (Array.from(container?.childNodes) as HTMLElement[]) : [];\n};\n\nexport const segmentGroupRoot = (Root: RootProps<HTMLDivElement, SegmentGroupProps>) =>\n    forwardRef<HTMLDivElement, SegmentGroupProps>((props, outerRef) => {\n        const {\n            id,\n            selectionMode,\n            pilled,\n            stretch,\n            clip = true,\n            orientation = 'horizontal',\n            filledBackground = false,\n            hasBackground = false,\n            disabled = false,\n            size,\n            view,\n            children,\n            ...rest\n        } = props;\n\n        const scrollRef = useRef<HTMLElement | null>(null);\n        const trackRef = useRef<HTMLElement | null>(null);\n        const leftArrowRef = useRef<HTMLButtonElement | null>(null);\n\n        const { setSelectionMode, setDisabledGroup } = useSegmentInner();\n\n        const [firstItemVisible, setFirstItemVisible] = useState(true);\n        const [lastItemVisible, setLastItemVisible] = useState(true);\n\n        const uniqId = safeUseId();\n        const segmentGroupId = id || uniqId;\n\n        const canClip = clip && !stretch;\n\n        const isVertical = orientation === 'vertical';\n        const stretchClass =\n            (clip ? firstItemVisible && lastItemVisible : true) && stretch ? classes.segmentStretch : undefined;\n\n        const orientationClass = isVertical ? classes.segmentVertical : undefined;\n        const clipScrollClass = canClip ? classes.segmentGroupClipScroll : undefined;\n\n        const pilledAttr = (view !== 'clear' || hasBackground) && pilled;\n        const filledBackgroundAttr = (view !== 'clear' && filledBackground) || hasBackground;\n\n        const pilledClass = pilledAttr ? classes.segmentPilled : undefined;\n        const filledClass = filledBackgroundAttr ? classes.segmentGroupFilledBackground : undefined;\n\n        const onPrev = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const scrollLeft = Math.round(scrollRef.current.scrollLeft);\n            const firstOverflowingTab = childNodes\n                .slice()\n                .reverse()\n                .find((child: HTMLElement | null) => {\n                    if (!child || child.offsetLeft === undefined) {\n                        return;\n                    }\n                    const tabStartX = child.offsetLeft;\n\n                    return tabStartX < scrollLeft;\n                });\n\n            firstOverflowingTab?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\n\n        const onNext = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);\n\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const lastOverflowingChild = childNodes.find((child) => {\n                if (!child || child.offsetLeft === undefined) {\n                    return;\n                }\n                const tabEndX = child.offsetLeft + child.offsetWidth;\n\n                return tabEndX > scrollRight;\n            });\n\n            lastOverflowingChild?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\n\n        const onKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\n            const childNodes = getChildNodes(scrollRef?.current);\n\n            const index = childNodes.findIndex((child) => document.activeElement === child);\n\n            const minIndex = 0;\n            const maxIndex = childNodes.length - 1;\n            let nextIndex: number;\n\n            switch (event.keyCode) {\n                case Keys.end:\n                    nextIndex = maxIndex;\n                    break;\n                case Keys.left:\n                    nextIndex = index > minIndex ? index - 1 : index;\n                    break;\n                case Keys.right:\n                    nextIndex = index < maxIndex ? index + 1 : index;\n                    break;\n                case Keys.home:\n                    nextIndex = minIndex;\n                    break;\n                default:\n                    return;\n            }\n\n            if (nextIndex !== index) {\n                event.preventDefault();\n                childNodes[nextIndex]?.focus();\n                childNodes[nextIndex]?.scrollIntoView({\n                    block: 'center',\n                    inline: 'center',\n                    behavior: 'smooth',\n                });\n            }\n        }, []);\n\n        const handleScroll = useCallback(\n            (event: React.UIEvent<HTMLElement>): void => {\n                event.stopPropagation?.();\n\n                if (!canClip) {\n                    setFirstItemVisible(true);\n                    setLastItemVisible(true);\n                    return;\n                }\n\n                if (isVertical) {\n                    const maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;\n                    const scrollTop = Math.round(event.currentTarget.scrollTop);\n\n                    setFirstItemVisible(scrollTop <= 0);\n                    setLastItemVisible(scrollTop >= maxScrollTop);\n                    return;\n                }\n\n                const maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;\n                const scrollLeft = Math.round(event.currentTarget.scrollLeft);\n\n                setFirstItemVisible(scrollLeft <= 0);\n                setLastItemVisible(scrollLeft >= maxScrollLeft);\n            },\n            [isVertical, canClip],\n        );\n\n        useEffect(() => {\n            handleScroll(({ currentTarget: scrollRef.current } as unknown) as React.UIEvent<HTMLElement>);\n        }, [handleScroll]);\n\n        useEffect(() => {\n            if (!canClip) {\n                setLastItemVisible(true);\n                return;\n            }\n\n            setLastItemVisible(\n                isVertical\n                    ? scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight\n                    : scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth,\n            );\n        }, [isVertical, canClip]);\n\n        // Этот хук компенсирует появление левой/верхней стрелки при прокрутке\n        useEffect(() => {\n            if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {\n                return;\n            }\n\n            if (isVertical) {\n                scrollRef.current.scrollTo({\n                    top: Math.round(scrollRef.current.scrollTop + leftArrowRef.current.clientHeight),\n                });\n                return;\n            }\n\n            scrollRef.current.scrollTo({\n                left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth),\n            });\n        }, [firstItemVisible, isVertical]);\n\n        const PreviousButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledTopArrow : StyledLeftArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Предыдущий сегмент\"\n                    onClick={onPrev}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureUpWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureLeftWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onPrev, isVertical]);\n\n        const NextButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledBottomArrow : StyledRightArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Следующий сегмент\"\n                    onClick={onNext}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureDownWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureRightWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onNext, isVertical]);\n\n        useEffect(() => {\n            selectionMode && setSelectionMode(selectionMode);\n            setDisabledGroup(disabled);\n        }, [selectionMode, disabled]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                orientation={orientation}\n                id={segmentGroupId}\n                ref={outerRef}\n                filledBackground={filledBackgroundAttr}\n                disabled={disabled}\n                pilled={pilledAttr}\n                className={cx(pilledClass, filledClass, stretchClass, orientationClass)}\n                onKeyDown={onKeyDown}\n                {...rest}\n            >\n                {!firstItemVisible && PreviousButton}\n                <StyledContentWrapper\n                    className={cx(clipScrollClass)}\n                    ref={scrollRef as RefObject<HTMLDivElement>}\n                    onScroll={handleScroll}\n                >\n                    <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>{children}</StyledContent>\n                </StyledContentWrapper>\n                {!lastItemVisible && NextButton}\n            </Root>\n        );\n    });\n\nexport const segmentGroupConfig = {\n    name: 'SegmentGroup',\n    tag: 'div',\n    layout: segmentGroupRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        stretch: {\n            css: stretchCSS,\n            attrs: true,\n        },\n        orientation: {\n            css: orientationCSS,\n        },\n        filledBackground: {\n            css: filledBackgroundCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'xs',\n    },\n};\n"],"names":["Keys","getChildNodes","wrapper","container","firstChild","Array","from","childNodes","segmentGroupRoot","Root","forwardRef","props","outerRef","id","selectionMode","pilled","stretch","_props$clip","clip","_props$orientation","orientation","_props$filledBackgrou","filledBackground","_props$hasBackground","hasBackground","_props$disabled","disabled","size","view","children","rest","_objectWithoutProperties","_excluded","scrollRef","useRef","trackRef","leftArrowRef","_useSegmentInner","useSegmentInner","setSelectionMode","setDisabledGroup","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","uniqId","safeUseId","segmentGroupId","canClip","isVertical","stretchClass","classes","segmentStretch","undefined","orientationClass","segmentVertical","clipScrollClass","segmentGroupClipScroll","pilledAttr","filledBackgroundAttr","pilledClass","segmentPilled","filledClass","segmentGroupFilledBackground","onPrev","useCallback","current","scrollLeft","Math","round","firstOverflowingTab","slice","reverse","find","child","offsetLeft","tabStartX","scrollIntoView","block","inline","onNext","scrollRight","clientWidth","lastOverflowingChild","tabEndX","offsetWidth","onKeyDown","event","index","findIndex","document","activeElement","minIndex","maxIndex","length","nextIndex","keyCode","end","left","right","home","_childNodes$nextIndex","_childNodes$nextIndex2","preventDefault","focus","behavior","handleScroll","_event$stopPropagatio","stopPropagation","call","maxScrollTop","currentTarget","scrollHeight","clientHeight","scrollTop","maxScrollLeft","scrollWidth","useEffect","_scrollRef$current","_scrollRef$current2","_scrollRef$current3","_scrollRef$current4","scrollTo","top","PreviousButton","useMemo","ArrowNode","StyledTopArrow","StyledLeftArrow","React","createElement","type","onClick","tabIndex","IconDisclosureUpWithOffset","color","concat","tokens","arrowColor","IconDisclosureLeftWithOffset","NextButton","StyledBottomArrow","StyledRightArrow","IconDisclosureDownWithOffset","IconDisclosureRightWithOffset","_extends","ref","className","cx","StyledContentWrapper","onScroll","StyledContent","segmentGroupConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","stretchCSS","orientationCSS","filledBackgroundCSS","defaults"],"mappings":"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"}