npm - @salutejs/plasma-new-hope - Versions diffs - 0.343.0-canary.2358.19890075531.0 → 0.343.0-canary.2360.19961225793.0 - Mend

@salutejs/plasma-new-hope 0.343.0-canary.2358.19890075531.0 → 0.343.0-canary.2360.19961225793.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (210) hide show

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

@@ -1,4 +1,4 @@
-import './InformationWrapper.styles_122skdt.css';
+import './InformationWrapper.styles_1o4mbq5.css';
 import { styled } from '@linaria/react';
 import { tokens } from './InformationWrapper.tokens.js';
 import { component, mergeConfig } from '../../engines/common.js';

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

	@@ -1 +1 @@
1	- {"version":3,"file":"InformationWrapper.styles.js","sources":["../../../src/components/InformationWrapper/InformationWrapper.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { tooltipConfig } from '../Tooltip';\nimport { popoverClasses } from '../Popover';\n\nimport { classes, tokens } from './InformationWrapper.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const base = css`\n display: flex;\n flex-direction: column;\n`;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: flex-start;\n gap: var(${tokens.contentGap});\n`;\n\nexport const ContentChildrenWrapper = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n`;\n\nexport const LabelWrapper = styled.div<{ hasLabel: boolean; hasCaption: boolean }>`\n display: flex;\n align-items: center;\n\n white-space: ${({ hasLabel }) => (hasLabel ? 'nowrap' : 'normal')};\n margin-bottom: ${({ hasLabel }) =>\n hasLabel ? `var(${tokens.labelWrapperOffset})` : `var(${tokens.labelWrapperTitleCaptionOffset})`};\n\n &.${classes.withoutLabel} {\n position: relative;\n margin-bottom: ${({ hasCaption }) => (hasCaption ? `var(${tokens.labelWrapperTitleCaptionOffset})` : '0')};\n }\n`;\n\nexport const IndicatorWrapper = styled.div<{ hasLabel: boolean }>`\n position: ${({ hasLabel }) => (hasLabel ? 'relative' : 'static')};\n display: inline-flex;\n align-items: center;\n gap: var(${tokens.indicatorWrapperGap});\n`;\n\nexport const Label = styled.label`\n display: inline-flex;\n`;\n\nexport const HintWrapper = styled.div<{ hasCaption?: boolean }>`\n display: flex;\n justify-content: center;\n align-items: center;\n line-height: 0;\n\n &.${classes.withoutLabel} {\n position: absolute;\n margin: 0;\n z-index: 2;\n inset: var(${tokens.hintWithoutLabelPlacementOffset});\n\n transform: ${({ hasCaption }) =>\n hasCaption ? `translateY(var(${tokens.labelWrapperTitleCaptionOffset}))` : 'translateY(0)'};\n }\n`;\n\nexport const HintTargetWrapper = styled.div`\n color: var(${tokens.hintIconColor});\n\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Hint = styled(Tooltip)`\n ${HintTargetWrapper} .${popoverClasses.root} {\n width: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n`;\n\nexport const HintIconWrapper = styled.div`\n display: flex;\n`;\n\nexport const Indicator = styled.div<{ hasCaption?: boolean }>`\n border-radius: 50%;\n align-self: flex-start;\n\n background-color: var(${tokens.indicatorColor});\n\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n margin-top: var(${tokens.indicatorMarginTop});\n\n &.${classes.requiredAlignLeft} {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: var(${tokens.indicatorOuterLeft});\n margin-top: unset;\n align-self: unset;\n }\n\n &.${classes.withoutLabel} {\n position: absolute;\n margin-top: unset;\n align-self: unset;\n\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorWithoutLabelInner});\n\n transform: ${({ hasCaption }) =>\n hasCaption ? `translateY(var(${tokens.labelWrapperTitleCaptionOffset}))` : 'translateY(0)'};\n &.${classes.requiredAlignLeft} {\n inset: var(${tokens.indicatorWithoutLabelInnerLeft});\n }\n }\n`;\n\nexport const OptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const TitleCaption = styled.div<{ hasLabel: boolean }>`\n display: inline-block;\n margin-left: auto;\n margin-top: ${({ hasLabel }) => (hasLabel ? `var(${tokens.titleCaptionOffset})` : 'unset')};\n`;\n\nexport const Helpers = styled.div`\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n`;\n\nexport const LeftHelper = styled.div``;\nexport const RightHelper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","base","ContentWrapper","styled","name","class","propsAsIs","ContentChildrenWrapper","_exp2","_ref","hasLabel","_exp3","_ref2","concat","tokens","labelWrapperOffset","labelWrapperTitleCaptionOffset","_exp5","_ref3","hasCaption","LabelWrapper","vars","_exp6","_ref4","IndicatorWrapper","Label","_exp10","_ref5","HintWrapper","HintTargetWrapper","_exp12","Hint","HintIconWrapper","_exp25","_ref6","Indicator","OptionalText","_exp29","_ref7","titleCaptionOffset","TitleCaption","Helpers","LeftHelper","RightHelper"],"mappings":"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~~OA8BmB~~,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGf,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OACZA,UAAU,qBAAAN,MAAA,CAAqBC,MAAM,CAACE,8BAA8B,UAAO,eAAe,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;~~AA7B~~/F,IAAMmB,SAAS,gBAAGhC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,~~cA4BVY~~,MACiF,EAAA,CAAA;AAAA,GAAA;AAAA,CAKrG,EAAA;AAEM,IAAMG,YAAY,gBAAGjC,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAAC,IAAA+B,MAAA,~~GAjIgBA~~,~~SAiIhBA~~,MAAAA,GAAA;AAAA,EAAA,OAKgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAG5B,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAgBA,QAAQ,UAAAG,MAAA,CAAUC,MAAM,CAACyB,kBAAkB,SAAM,OAAQ,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHvF,IAAMC,YAAY,gBAAGrC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGhBgB,MAA4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAC7F,EAAA;AAEM,IAAMI,OAAO,gBAAGtC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5B,EAAA;AAEM,IAAMoC,UAAU,gBAAGvC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAC/B,IAAMqC,WAAW,gBAAGxC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
1	+ {"version":3,"file":"InformationWrapper.styles.js","sources":["../../../src/components/InformationWrapper/InformationWrapper.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { tooltipConfig } from '../Tooltip';\nimport { popoverClasses } from '../Popover';\n\nimport { classes, tokens } from './InformationWrapper.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const base = css`\n display: flex;\n flex-direction: column;\n`;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: flex-start;\n gap: var(${tokens.contentGap});\n`;\n\nexport const ContentChildrenWrapper = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n`;\n\nexport const LabelWrapper = styled.div<{ hasLabel: boolean; hasCaption: boolean }>`\n display: flex;\n align-items: center;\n\n white-space: ${({ hasLabel }) => (hasLabel ? 'nowrap' : 'normal')};\n margin-bottom: ${({ hasLabel }) =>\n hasLabel ? `var(${tokens.labelWrapperOffset})` : `var(${tokens.labelWrapperTitleCaptionOffset})`};\n\n &.${classes.withoutLabel} {\n position: relative;\n margin-bottom: ${({ hasCaption }) => (hasCaption ? `var(${tokens.labelWrapperTitleCaptionOffset})` : '0')};\n }\n`;\n\nexport const IndicatorWrapper = styled.div<{ hasLabel: boolean }>`\n position: ${({ hasLabel }) => (hasLabel ? 'relative' : 'static')};\n display: inline-flex;\n align-items: center;\n gap: var(${tokens.indicatorWrapperGap});\n`;\n\nexport const Label = styled.label`\n display: inline-flex;\n`;\n\nexport const HintWrapper = styled.div<{ hasCaption?: boolean }>`\n display: flex;\n justify-content: center;\n align-items: center;\n line-height: 0;\n\n &.${classes.withoutLabel} {\n position: absolute;\n margin: 0;\n z-index: 2;\n inset: var(${tokens.hintWithoutLabelPlacementOffset});\n\n transform: ${({ hasCaption }) =>\n hasCaption ? `translateY(var(${tokens.labelWrapperTitleCaptionOffset}))` : 'translateY(0)'};\n }\n`;\n\nexport const HintTargetWrapper = styled.div`\n color: var(${tokens.hintIconColor});\n\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Hint = styled(Tooltip)`\n ${HintTargetWrapper} .${popoverClasses.root} {\n width: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n`;\n\nexport const HintIconWrapper = styled.div`\n display: flex;\n`;\n\nexport const Indicator = styled.div<{ hasCaption?: boolean }>`\n border-radius: 50%;\n align-self: flex-start;\n\n background-color: var(${tokens.indicatorColor});\n\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n margin-top: var(${tokens.indicatorMarginTop});\n z-index: 2;\n\n &.${classes.requiredAlignLeft} {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: var(${tokens.indicatorOuterLeft});\n margin-top: unset;\n align-self: unset;\n }\n\n &.${classes.withoutLabel} {\n position: absolute;\n margin-top: unset;\n align-self: unset;\n\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorWithoutLabelInner});\n\n transform: ${({ hasCaption }) =>\n hasCaption ? `translateY(var(${tokens.labelWrapperTitleCaptionOffset}))` : 'translateY(0)'};\n &.${classes.requiredAlignLeft} {\n inset: var(${tokens.indicatorWithoutLabelInnerLeft});\n }\n }\n`;\n\nexport const OptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const TitleCaption = styled.div<{ hasLabel: boolean }>`\n display: inline-block;\n margin-left: auto;\n margin-top: ${({ hasLabel }) => (hasLabel ? `var(${tokens.titleCaptionOffset})` : 'unset')};\n`;\n\nexport const Helpers = styled.div`\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n`;\n\nexport const LeftHelper = styled.div``;\nexport const RightHelper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","base","ContentWrapper","styled","name","class","propsAsIs","ContentChildrenWrapper","_exp2","_ref","hasLabel","_exp3","_ref2","concat","tokens","labelWrapperOffset","labelWrapperTitleCaptionOffset","_exp5","_ref3","hasCaption","LabelWrapper","vars","_exp6","_ref4","IndicatorWrapper","Label","_exp10","_ref5","HintWrapper","HintTargetWrapper","_exp12","Hint","HintIconWrapper","_exp25","_ref6","Indicator","OptionalText","_exp29","_ref7","titleCaptionOffset","TitleCaption","Helpers","LeftHelper","RightHelper"],"mappings":"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"}

package/es/components/InformationWrapper/{InformationWrapper.styles_122skdt.css → InformationWrapper.styles_1o4mbq5.css} RENAMED Viewed

@@ -8,7 +8,7 @@
 .h43wmae{color:var(--plasma-info-wrapper-hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 .hdyyw77 .h43wmae .popover-root{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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;}
 .ho64r6r{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.i1jayrnz{border-radius:50%;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;background-color:var(--plasma-info-wrapper-indicator-color);width:var(--plasma-info-wrapper-indicator-size-outer);height:var(--plasma-info-wrapper-indicator-size-outer);margin-top:var(--plasma-info-wrapper-indicator-margin-top);}.i1jayrnz.info-wrapper-required-align-left{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:var(--plasma-info-wrapper-indicator-outer-left);margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;}.i1jayrnz.info-wrapper-without-label{position:absolute;margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;width:var(--plasma-info-wrapper-indicator-size-inner);height:var(--plasma-info-wrapper-indicator-size-inner);inset:var(--plasma-info-wrapper-indicator-without-label-inner);-webkit-transform:var(--i1jayrnz-0);-ms-transform:var(--i1jayrnz-0);transform:var(--i1jayrnz-0);}.i1jayrnz.info-wrapper-without-label.info-wrapper-required-align-left{inset:var(--plasma-info-wrapper-indicator-without-label-inner-left);}
+.i1jayrnz{border-radius:50%;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;background-color:var(--plasma-info-wrapper-indicator-color);width:var(--plasma-info-wrapper-indicator-size-outer);height:var(--plasma-info-wrapper-indicator-size-outer);margin-top:var(--plasma-info-wrapper-indicator-margin-top);z-index:2;}.i1jayrnz.info-wrapper-required-align-left{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:var(--plasma-info-wrapper-indicator-outer-left);margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;}.i1jayrnz.info-wrapper-without-label{position:absolute;margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;width:var(--plasma-info-wrapper-indicator-size-inner);height:var(--plasma-info-wrapper-indicator-size-inner);inset:var(--plasma-info-wrapper-indicator-without-label-inner);-webkit-transform:var(--i1jayrnz-0);-ms-transform:var(--i1jayrnz-0);transform:var(--i1jayrnz-0);}.i1jayrnz.info-wrapper-without-label.info-wrapper-required-align-left{inset:var(--plasma-info-wrapper-indicator-without-label-inner-left);}
 .oaxqu7s{color:var(--plasma-info-wrapper-optional-color);}
 .t7bnw1h{display:inline-block;margin-left:auto;margin-top:var(--t7bnw1h-0);}
 .h18pp23t{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

package/es/components/InformationWrapper/ui/Label/Label.css CHANGED Viewed

@@ -10,20 +10,20 @@
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
-.InformationWrapper_styles_122skdt_b1afvn77__899dc293{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.InformationWrapper_styles_122skdt_c145ezhs__899dc293{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--plasma-info-wrapper-content-gap);}
-.InformationWrapper_styles_122skdt_c155wolr__899dc293{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}
-.InformationWrapper_styles_122skdt_l19xn9bg__899dc293{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;white-space:var(--l19xn9bg-0);margin-bottom:var(--l19xn9bg-1);}.InformationWrapper_styles_122skdt_l19xn9bg__899dc293.InformationWrapper_styles_122skdt_infoWrapperWithoutLabel__899dc293{position:relative;margin-bottom:var(--l19xn9bg-2);}
-.InformationWrapper_styles_122skdt_ia4nqa1__899dc293{position:var(--ia4nqa1-0);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-info-wrapper-indicator-wrapper-gap);}
-.InformationWrapper_styles_122skdt_l1fqe3w9__899dc293{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.InformationWrapper_styles_122skdt_h1wtm44t__899dc293{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0;}.InformationWrapper_styles_122skdt_h1wtm44t__899dc293.InformationWrapper_styles_122skdt_infoWrapperWithoutLabel__899dc293{position:absolute;margin:0;z-index:2;inset:var(--plasma-info-wrapper-hint-without-label-placement-offset);-webkit-transform:var(--h1wtm44t-0);-ms-transform:var(--h1wtm44t-0);transform:var(--h1wtm44t-0);}
-.InformationWrapper_styles_122skdt_h43wmae__899dc293{color:var(--plasma-info-wrapper-hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.InformationWrapper_styles_122skdt_hdyyw77__899dc293 .InformationWrapper_styles_122skdt_h43wmae__899dc293 .InformationWrapper_styles_122skdt_popoverRoot__899dc293{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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;}
-.InformationWrapper_styles_122skdt_ho64r6r__899dc293{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.InformationWrapper_styles_122skdt_i1jayrnz__899dc293{border-radius:50%;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;background-color:var(--plasma-info-wrapper-indicator-color);width:var(--plasma-info-wrapper-indicator-size-outer);height:var(--plasma-info-wrapper-indicator-size-outer);margin-top:var(--plasma-info-wrapper-indicator-margin-top);}.InformationWrapper_styles_122skdt_i1jayrnz__899dc293.InformationWrapper_styles_122skdt_infoWrapperRequiredAlignLeft__899dc293{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:var(--plasma-info-wrapper-indicator-outer-left);margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;}.InformationWrapper_styles_122skdt_i1jayrnz__899dc293.InformationWrapper_styles_122skdt_infoWrapperWithoutLabel__899dc293{position:absolute;margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;width:var(--plasma-info-wrapper-indicator-size-inner);height:var(--plasma-info-wrapper-indicator-size-inner);inset:var(--plasma-info-wrapper-indicator-without-label-inner);-webkit-transform:var(--i1jayrnz-0);-ms-transform:var(--i1jayrnz-0);transform:var(--i1jayrnz-0);}.InformationWrapper_styles_122skdt_i1jayrnz__899dc293.InformationWrapper_styles_122skdt_infoWrapperWithoutLabel__899dc293.InformationWrapper_styles_122skdt_infoWrapperRequiredAlignLeft__899dc293{inset:var(--plasma-info-wrapper-indicator-without-label-inner-left);}
-.InformationWrapper_styles_122skdt_oaxqu7s__899dc293{color:var(--plasma-info-wrapper-optional-color);}
-.InformationWrapper_styles_122skdt_t7bnw1h__899dc293{display:inline-block;margin-left:auto;margin-top:var(--t7bnw1h-0);}
-.InformationWrapper_styles_122skdt_h18pp23t__899dc293{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
+.InformationWrapper_styles_1o4mbq5_b1afvn77__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.InformationWrapper_styles_1o4mbq5_c145ezhs__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--plasma-info-wrapper-content-gap);}
+.InformationWrapper_styles_1o4mbq5_c155wolr__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}
+.InformationWrapper_styles_1o4mbq5_l19xn9bg__bb40465a{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;white-space:var(--l19xn9bg-0);margin-bottom:var(--l19xn9bg-1);}.InformationWrapper_styles_1o4mbq5_l19xn9bg__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a{position:relative;margin-bottom:var(--l19xn9bg-2);}
+.InformationWrapper_styles_1o4mbq5_ia4nqa1__bb40465a{position:var(--ia4nqa1-0);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-info-wrapper-indicator-wrapper-gap);}
+.InformationWrapper_styles_1o4mbq5_l1fqe3w9__bb40465a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.InformationWrapper_styles_1o4mbq5_h1wtm44t__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0;}.InformationWrapper_styles_1o4mbq5_h1wtm44t__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a{position:absolute;margin:0;z-index:2;inset:var(--plasma-info-wrapper-hint-without-label-placement-offset);-webkit-transform:var(--h1wtm44t-0);-ms-transform:var(--h1wtm44t-0);transform:var(--h1wtm44t-0);}
+.InformationWrapper_styles_1o4mbq5_h43wmae__bb40465a{color:var(--plasma-info-wrapper-hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.InformationWrapper_styles_1o4mbq5_hdyyw77__bb40465a .InformationWrapper_styles_1o4mbq5_h43wmae__bb40465a .InformationWrapper_styles_1o4mbq5_popoverRoot__bb40465a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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;}
+.InformationWrapper_styles_1o4mbq5_ho64r6r__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a{border-radius:50%;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;background-color:var(--plasma-info-wrapper-indicator-color);width:var(--plasma-info-wrapper-indicator-size-outer);height:var(--plasma-info-wrapper-indicator-size-outer);margin-top:var(--plasma-info-wrapper-indicator-margin-top);z-index:2;}.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperRequiredAlignLeft__bb40465a{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:var(--plasma-info-wrapper-indicator-outer-left);margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;}.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a{position:absolute;margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;width:var(--plasma-info-wrapper-indicator-size-inner);height:var(--plasma-info-wrapper-indicator-size-inner);inset:var(--plasma-info-wrapper-indicator-without-label-inner);-webkit-transform:var(--i1jayrnz-0);-ms-transform:var(--i1jayrnz-0);transform:var(--i1jayrnz-0);}.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperRequiredAlignLeft__bb40465a{inset:var(--plasma-info-wrapper-indicator-without-label-inner-left);}
+.InformationWrapper_styles_1o4mbq5_oaxqu7s__bb40465a{color:var(--plasma-info-wrapper-optional-color);}
+.InformationWrapper_styles_1o4mbq5_t7bnw1h__bb40465a{display:inline-block;margin-left:auto;margin-top:var(--t7bnw1h-0);}
+.InformationWrapper_styles_1o4mbq5_h18pp23t__bb40465a{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

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

@@ -39,15 +39,15 @@
 .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Pagination_styles_qhyqps_p1m4gnut__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_qhyqps_p1m4gnut__5c2c4865.Pagination_styles_qhyqps_paginationTypeCompact__5c2c4865{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Pagination_styles_qhyqps_p1m4gnut__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
-.Pagination_styles_qhyqps_p195n7xj__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
-.Pagination_styles_qhyqps_p19axp12__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationTypeCompact__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationHasPerpageSelect__5c2c4865{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationHasQuickJump__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
-.Pagination_styles_qhyqps_p1rlzvhv__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
-.Pagination_styles_qhyqps_pivhg1z__5c2c4865{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
-.Pagination_styles_qhyqps_pshury3__5c2c4865{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_paginationPageButtonActive__5c2c4865{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.Pagination_styles_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_paginationButtonDisabled__5c2c4865{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_qhyqps_pshury3__5c2c4865:focus{outline:none;}.Pagination_styles_qhyqps_pshury3__5c2c4865::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_focusVisible__5c2c4865:focus::before,.Pagination_styles_qhyqps_pshury3__5c2c4865[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
-.Pagination_styles_qhyqps_pwlctp1__5c2c4865.Pagination_styles_qhyqps_pshury3__5c2c4865{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
-.Pagination_styles_qhyqps_p1tvr3oq__5c2c4865{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-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-pagination-helper-text-gap);}.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865 .Pagination_styles_qhyqps_p1tvr3oq__5c2c4865{min-width:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
-.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865.Pagination_styles_qhyqps_paginationEllipsisText__5c2c4865{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Pagination_styles_wrarr1_p1m4gnut__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_wrarr1_p1m4gnut__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Pagination_styles_wrarr1_p1m4gnut__288737f8.Pagination_styles_wrarr1_paginationTypeDefault__288737f8{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
+.Pagination_styles_wrarr1_p195n7xj__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
+.Pagination_styles_wrarr1_p19axp12__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_wrarr1_p19axp12__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8{width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_wrarr1_p19axp12__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8.Pagination_styles_wrarr1_paginationHasPerpageSelect__288737f8{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_wrarr1_p19axp12__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8.Pagination_styles_wrarr1_paginationHasQuickJump__288737f8{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.Pagination_styles_wrarr1_p1rlzvhv__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
+.Pagination_styles_wrarr1_pivhg1z__288737f8{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
+.Pagination_styles_wrarr1_pshury3__288737f8{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_wrarr1_pshury3__288737f8.Pagination_styles_wrarr1_paginationPageButtonActive__288737f8{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.Pagination_styles_wrarr1_pshury3__288737f8.Pagination_styles_wrarr1_paginationButtonDisabled__288737f8{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_wrarr1_pshury3__288737f8:focus{outline:none;}.Pagination_styles_wrarr1_pshury3__288737f8::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_wrarr1_pshury3__288737f8.Pagination_styles_wrarr1_focusVisible__288737f8:focus::before,.Pagination_styles_wrarr1_pshury3__288737f8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
+.Pagination_styles_wrarr1_pwlctp1__288737f8.Pagination_styles_wrarr1_pshury3__288737f8{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_wrarr1_p1tvr3oq__288737f8{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-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-pagination-helper-text-gap);}.Pagination_styles_wrarr1_paginationTypeDefault__288737f8 .Pagination_styles_wrarr1_p1tvr3oq__288737f8{min-width:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
+.Pagination_styles_wrarr1_p1ea7rbb__288737f8{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_wrarr1_p1ea7rbb__288737f8.Pagination_styles_wrarr1_paginationTypeDefault__288737f8{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_wrarr1_p1ea7rbb__288737f8.Pagination_styles_wrarr1_paginationEllipsisText__288737f8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .base_ldqogv_b1fjr2lv__916b2a9f .base_ldqogv_paginationIconReverse__916b2a9f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}

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

@@ -1,4 +1,4 @@
-import './Pagination.styles_qhyqps.css';
+import './Pagination.styles_wrarr1.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../engines/common.js';
 import { buttonConfig } from '../Button/Button.js';
@@ -28,26 +28,26 @@ var PaginationSection = /*#__PURE__*/styled('div')({
   "class": "p1rlzvhv",
   propsAsIs: false
 });
-var _exp9 = function _exp9() {
+var _exp8 = function _exp8() {
   return ButtonGroup;
 };
-var PaginationButtonGroup = /*#__PURE__*/styled(_exp9())({
+var PaginationButtonGroup = /*#__PURE__*/styled(_exp8())({
   name: "PaginationButtonGroup",
   "class": "pivhg1z",
   propsAsIs: true
 });
-var _exp46 = function _exp46() {
+var _exp45 = function _exp45() {
   return Button;
 };
-var PaginationButton = /*#__PURE__*/styled(_exp46())({
+var PaginationButton = /*#__PURE__*/styled(_exp45())({
   name: "PaginationButton",
   "class": "pshury3",
   propsAsIs: true
 });
-var _exp102 = function _exp102() {
+var _exp101 = function _exp101() {
   return PaginationButton;
 };
-var PaginationShorter = /*#__PURE__*/styled(_exp102())({
+var PaginationShorter = /*#__PURE__*/styled(_exp101())({
   name: "PaginationShorter",
   "class": "pwlctp1",
   propsAsIs: true

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

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

package/es/components/Pagination/{Pagination.styles_qhyqps.css → Pagination.styles_wrarr1.css} RENAMED Viewed

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

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

@@ -88,10 +88,10 @@
 .TimeColumn_styles_1nwjzgi_s1dt15pt__3e50ba9a{width:100%;height:0%.125rem;}
-.TimePicker_styles_2lk4d9_s1ghbm1p__1d709ac3{--plasma-time-picker-grid-grid-background:var(--plasma-time-picker-ui-background);--plasma-time-picker-grid-grid-border-radius:var(--plasma-time-picker-ui-border-radius);--plasma-time-picker-grid-grid-width:var(--plasma-time-picker-ui-width);--plasma-time-picker-grid-grid-padding:var(--plasma-time-picker-ui-padding);--plasma-time-picker-grid-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-time-picker-grid-column-height:var(--plasma-time-picker-column-height);--plasma-time-picker-grid-item-height:var(--plasma-time-picker-item-height);--plasma-time-picker-grid-item-border-radius:var(--plasma-time-picker-item-border-radius);--plasma-time-picker-grid-item-padding:var(--plasma-time-picker-item-padding);--plasma-time-picker-grid-item-hover-background:var(--plasma-time-picker-item-hover-background);--plasma-time-picker-grid-item-active-background:var(--plasma-time-picker-item-active-background);--plasma-time-picker-grid-item-font-family:var(--plasma-time-picker-item-font-family);--plasma-time-picker-grid-item-font-size:var(--plasma-time-picker-item-font-size);--plasma-time-picker-grid-item-font-style:var(--plasma-time-picker-item-font-style);--plasma-time-picker-grid-item-font-weight:var(--plasma-time-picker-item-font-weight);--plasma-time-picker-grid-item-letter-spacing:var(--plasma-time-picker-item-letter-spacing);--plasma-time-picker-grid-item-line-height:var(--plasma-time-picker-item-line-height);--plasma-time-picker-grid-scrollbar-width:var(--plasma-time-picker-scrollbar-width);--plasma-time-picker-grid-scrollbar-color:var(--plasma-time-picker-scrollbar-color);--plasma-time-picker-grid-scrollbar-track-color:var(--plasma-time-picker-scrollbar-track-color);--plasma-time-picker-grid-scrollbar-margin:var(--plasma-time-picker-scrollbar-margin);}
-.TimePicker_styles_2lk4d9_s19h9m1x__1d709ac3{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--plasma-time-picker-textfield-box-shadow);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.TimePicker_styles_2lk4d9_s19h9m1x__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerError__1d709ac3{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.TimePicker_styles_2lk4d9_s19h9m1x__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerSuccess__1d709ac3{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
-.TimePicker_styles_2lk4d9_blnaiay__1d709ac3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.TimePicker_styles_2lk4d9_blnaiay__1d709ac3 .TimePicker_styles_2lk4d9_popoverWrapper__1d709ac3,.TimePicker_styles_2lk4d9_blnaiay__1d709ac3 .TimePicker_styles_2lk4d9_popoverTarget__1d709ac3{width:inherit;}.TimePicker_styles_2lk4d9_blnaiay__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerStretched__1d709ac3{width:100%;}.TimePicker_styles_2lk4d9_blnaiay__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerStretched__1d709ac3 .TimePicker_styles_2lk4d9_popoverRoot__1d709ac3{width:100%;}.TimePicker_styles_2lk4d9_blnaiay__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerFullWidth__1d709ac3{width:100%;}.TimePicker_styles_2lk4d9_blnaiay__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerPlacementRight__1d709ac3{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
-.TimePicker_styles_2lk4d9_sh0cawu__1d709ac3{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--sh0cawu-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
+.TimePicker_styles_1qm4hou_s1ghbm1p__e9018d69{--plasma-time-picker-grid-grid-background:var(--plasma-time-picker-ui-background);--plasma-time-picker-grid-grid-border-radius:var(--plasma-time-picker-ui-border-radius);--plasma-time-picker-grid-grid-width:var(--plasma-time-picker-ui-width);--plasma-time-picker-grid-grid-padding:var(--plasma-time-picker-ui-padding);--plasma-time-picker-grid-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-time-picker-grid-column-height:var(--plasma-time-picker-column-height);--plasma-time-picker-grid-item-height:var(--plasma-time-picker-item-height);--plasma-time-picker-grid-item-border-radius:var(--plasma-time-picker-item-border-radius);--plasma-time-picker-grid-item-padding:var(--plasma-time-picker-item-padding);--plasma-time-picker-grid-item-hover-background:var(--plasma-time-picker-item-hover-background);--plasma-time-picker-grid-item-active-background:var(--plasma-time-picker-item-active-background);--plasma-time-picker-grid-item-font-family:var(--plasma-time-picker-item-font-family);--plasma-time-picker-grid-item-font-size:var(--plasma-time-picker-item-font-size);--plasma-time-picker-grid-item-font-style:var(--plasma-time-picker-item-font-style);--plasma-time-picker-grid-item-font-weight:var(--plasma-time-picker-item-font-weight);--plasma-time-picker-grid-item-letter-spacing:var(--plasma-time-picker-item-letter-spacing);--plasma-time-picker-grid-item-line-height:var(--plasma-time-picker-item-line-height);--plasma-time-picker-grid-scrollbar-width:var(--plasma-time-picker-scrollbar-width);--plasma-time-picker-grid-scrollbar-color:var(--plasma-time-picker-scrollbar-color);--plasma-time-picker-grid-scrollbar-track-color:var(--plasma-time-picker-scrollbar-track-color);--plasma-time-picker-grid-scrollbar-margin:var(--plasma-time-picker-scrollbar-margin);}
+.TimePicker_styles_1qm4hou_s19h9m1x__e9018d69{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--plasma-time-picker-textfield-box-shadow);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.TimePicker_styles_1qm4hou_s19h9m1x__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerError__e9018d69{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.TimePicker_styles_1qm4hou_s19h9m1x__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerSuccess__e9018d69{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
+.TimePicker_styles_1qm4hou_blnaiay__e9018d69{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.TimePicker_styles_1qm4hou_blnaiay__e9018d69 .TimePicker_styles_1qm4hou_popoverWrapper__e9018d69,.TimePicker_styles_1qm4hou_blnaiay__e9018d69 .TimePicker_styles_1qm4hou_popoverTarget__e9018d69{width:inherit;}.TimePicker_styles_1qm4hou_blnaiay__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerStretched__e9018d69{width:100%;}.TimePicker_styles_1qm4hou_blnaiay__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerStretched__e9018d69 .TimePicker_styles_1qm4hou_popoverRoot__e9018d69{width:100%;}.TimePicker_styles_1qm4hou_blnaiay__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerFullWidth__e9018d69{width:100%;}.TimePicker_styles_1qm4hou_blnaiay__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerPlacementRight__e9018d69{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}.TimePicker_styles_1qm4hou_blnaiay__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerFixed__e9018d69{width:var(--plasma-time-picker-ui-width);}
+.TimePicker_styles_1qm4hou_sh0cawu__e9018d69{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
 .base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}

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

@@ -269,7 +269,7 @@ var timePickerRoot = function timePickerRoot(Root) {
       stretched: stretched,
       view: view,
       size: size,
-      className: cls(classes.timePickerRoot, className, _defineProperty({}, classes.timePickerstretched, stretched)),
+      className: cls(classes.timePickerRoot, className, _defineProperty(_defineProperty({}, classes.timePickerFullWidth, dropdownWidth === 'fullWidth'), classes.timePickerFixed, dropdownWidth !== 'fullWidth')),
       disabled: disabled,
       readonly: readonly
     }, rest), /*#__PURE__*/React.createElement(StyledTimePickerGrid, {
@@ -280,7 +280,8 @@ var timePickerRoot = function timePickerRoot(Root) {
       format: format,
       view: view,
       size: size,
-      disabled: disabled
+      disabled: disabled,
+      width: getDropdownWidth()
     }))));
   });
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TimePicker.js","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getPlacements } from 'src/utils';\n\nimport { TimePickerGridChangeEvent } from '../TimePickerGrid/TimePickerGrid.types';\n\nimport { processTimeInput, delimiter } from './utils';\nimport { TimePickerProps } from './TimePicker.types';\nimport { base, StyledInput, StyledTimePickerGrid, StyledPopover } from './TimePicker.styles';\nimport { classes } from './TimePicker.tokens';\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 readonlyCSS } from './variations/_readonly/base';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\ninterface ActiveTime {\n hours?: number \| null;\n minutes?: number \| null;\n seconds?: number \| null;\n currentColumn?: 'hours' \| 'minutes' \| 'seconds' \| null;\n}\n\nexport const timePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<TimePickerProps, 'opened' \| 'defaultValue' \| 'onChange'>>,\n) =>\n forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n className,\n opened = false,\n value: outerValue,\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n disabled = false,\n readonly = false,\n frame = 'document',\n usePortal = false,\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n stretched,\n dropdownAlign = 'left',\n dropdownWidth,\n dropdownHeight,\n columnsQuantity = 2,\n onToggle,\n onFocus,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const rootRef = useRef<HTMLDivElement \| null>(null);\n const rootForkRef = useForkRef(rootRef, ref);\n\n const hoursHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n const minutesHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n const secondsHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n const [innerTime, setInnerTime] = useState(outerValue \|\| '');\n const [rootWidth, setRootWidth] = useState<number \| null>(null);\n const [, setActiveTime] = useState<ActiveTime>({\n hours: null,\n minutes: null,\n seconds: null,\n currentColumn: null,\n });\n\n const viewValue = outerValue ?? innerTime;\n\n const format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';\n\n useEffect(() => {\n return () => {\n [hoursHideTimeoutRef, minutesHideTimeoutRef, secondsHideTimeoutRef].forEach((timeoutRef) => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n });\n };\n }, []);\n\n useEffect(() => {\n if (!viewValue) {\n return;\n }\n\n let timeString = viewValue;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(viewValue);\n const [hh, mm, ss] = timeString.split(delimiter).map(Number);\n setActiveTime({\n hours: !Number.isNaN(hh) ? hh : null,\n minutes: !Number.isNaN(mm) ? mm : null,\n seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,\n currentColumn: null,\n });\n }, [outerValue, format]);\n\n useEffect(() => {\n if (isInnerOpen && (disabled \|\| readonly)) {\n setIsInnerOpen(false);\n }\n }, [disabled, readonly]);\n\n useEffect(() => {\n if (dropdownWidth === 'fullWidth' && rootRef.current) {\n const width = rootRef.current.offsetWidth;\n setRootWidth(width);\n }\n }, [dropdownWidth, isInnerOpen]);\n\n const handleToggle = () => {\n if (disabled \|\| readonly) return;\n const newState = !isInnerOpen;\n setIsInnerOpen(newState);\n\n if (newState) {\n setActiveTime((prev) => ({\n ...prev,\n currentColumn: 'hours',\n }));\n }\n\n onToggle?.(newState);\n };\n\n const handleOnChange = (event: TimePickerGridChangeEvent) => {\n if (!event) {\n return;\n }\n\n let timeString = event.value;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(timeString ?? '');\n\n setActiveTime({\n hours: !Number.isNaN(event.timeValues.hour) ? event.timeValues.hour : null,\n minutes: !Number.isNaN(event.timeValues.minute) ? event.timeValues.minute : null,\n seconds:\n format === 'HH:mm:ss' && !Number.isNaN(event.timeValues.second)\n ? event.timeValues.second\n : null,\n currentColumn: null,\n });\n\n onChange?.(event);\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const input = event.target.value;\n const cursorPos = event.target.selectionStart;\n\n const { innerString, values, newCursorPosition } = processTimeInput(input, format, cursorPos);\n\n setInnerTime(innerString);\n setActiveTime((prev) => ({\n ...prev,\n hours: values.hh,\n minutes: values.mm,\n seconds: values.ss,\n }));\n\n if (onChange) {\n onChange(({\n ...event,\n target: {\n ...event.target,\n value: innerString,\n timeValues: values,\n },\n } as unknown) as ChangeEvent<HTMLInputElement>);\n }\n\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);\n }\n });\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter' && !isInnerOpen) {\n event.preventDefault();\n setIsInnerOpen(true);\n setActiveTime((prev) => ({ ...prev, currentColumn: 'hours' }));\n onToggle?.(true);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDownNavigation(e);\n handleKeyDown(e);\n };\n\n const { onKeyDown: onKeyDownNavigation } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat: true,\n delimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const TimePickerInput = (\n <StyledInput\n ref={inputRef}\n value={viewValue}\n size={size}\n disabled={disabled}\n readOnly={readonly}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleInputChange}\n onFocus={onFocus}\n onKeyDown={handleOnKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n />\n );\n\n const getDropdownWidth = (): 'fixed' \| 'fullWidth' \| React.CSSProperties['width'] => {\n if (dropdownWidth === 'fixed' \|\| dropdownWidth === undefined) {\n return undefined;\n }\n if (dropdownWidth === 'fullWidth') {\n return rootWidth !== null ? `${rootWidth}px` : 'fullWidth';\n }\n return dropdownWidth as React.CSSProperties['width'];\n };\n\n return (\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n ref={rootForkRef}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={TimePickerInput}\n preventOverflow={false}\n align={dropdownAlign}\n >\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n {...rest}\n >\n <StyledTimePickerGrid\n value={viewValue}\n onChange={handleOnChange}\n dropdownHeight={dropdownHeight}\n dropdownWidth={getDropdownWidth()}\n format={format}\n view={view}\n size={size}\n disabled={disabled}\n />\n </Root>\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const timePickerConfig = {\n name: 'TimePicker',\n tag: 'div',\n layout: timePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readonly: {\n css: readonlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["timePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","outerValue","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$disabled","disabled","_ref$readonly","readonly","_ref$frame","frame","_ref$usePortal","usePortal","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","stretched","_ref$dropdownAlign","dropdownAlign","dropdownWidth","dropdownHeight","_ref$columnsQuantity","columnsQuantity","onToggle","onFocus","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","rootRef","rootForkRef","useForkRef","hoursHideTimeoutRef","minutesHideTimeoutRef","secondsHideTimeoutRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","_useState6","rootWidth","setRootWidth","_useState7","hours","minutes","seconds","currentColumn","_useState8","setActiveTime","viewValue","format","useEffect","forEach","timeoutRef","current","clearTimeout","timeString","length","substring","_timeString$split$map","split","delimiter","map","Number","_timeString$split$map2","hh","mm","ss","isNaN","width","offsetWidth","handleToggle","newState","prev","_objectSpread","handleOnChange","event","_timeString","timeValues","hour","minute","second","handleInputChange","input","target","cursorPos","selectionStart","_processTimeInput","processTimeInput","innerString","values","newCursorPosition","requestAnimationFrame","setSelectionRange","handleKeyDown","key","preventDefault","handleOnKeyDown","e","onKeyDownNavigation","_useKeyNavigation","useKeyNavigation","isCalendarOpen","maskWithFormat","onKeyDown","TimePickerInput","React","createElement","StyledInput","readOnly","getDropdownWidth","undefined","concat","_extends","cls","classes","_defineProperty","timePickerstretched","StyledPopover","placement","getPlacements","trigger","isFocusTrapped","preventOverflow","align","StyledTimePickerGrid","timePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"TimePicker.js","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getPlacements } from 'src/utils';\n\nimport { TimePickerGridChangeEvent } from '../TimePickerGrid/TimePickerGrid.types';\n\nimport { processTimeInput, delimiter } from './utils';\nimport { TimePickerProps } from './TimePicker.types';\nimport { base, StyledInput, StyledTimePickerGrid, StyledPopover } from './TimePicker.styles';\nimport { classes } from './TimePicker.tokens';\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 readonlyCSS } from './variations/_readonly/base';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\ninterface ActiveTime {\n hours?: number \| null;\n minutes?: number \| null;\n seconds?: number \| null;\n currentColumn?: 'hours' \| 'minutes' \| 'seconds' \| null;\n}\n\nexport const timePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<TimePickerProps, 'opened' \| 'defaultValue' \| 'onChange'>>,\n) =>\n forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n className,\n opened = false,\n value: outerValue,\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n disabled = false,\n readonly = false,\n frame = 'document',\n usePortal = false,\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n stretched,\n dropdownAlign = 'left',\n dropdownWidth,\n dropdownHeight,\n columnsQuantity = 2,\n onToggle,\n onFocus,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const rootRef = useRef<HTMLDivElement \| null>(null);\n const rootForkRef = useForkRef(rootRef, ref);\n\n const hoursHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n const minutesHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n const secondsHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n const [innerTime, setInnerTime] = useState(outerValue \|\| '');\n const [rootWidth, setRootWidth] = useState<number \| null>(null);\n const [, setActiveTime] = useState<ActiveTime>({\n hours: null,\n minutes: null,\n seconds: null,\n currentColumn: null,\n });\n\n const viewValue = outerValue ?? innerTime;\n\n const format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';\n\n useEffect(() => {\n return () => {\n [hoursHideTimeoutRef, minutesHideTimeoutRef, secondsHideTimeoutRef].forEach((timeoutRef) => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n });\n };\n }, []);\n\n useEffect(() => {\n if (!viewValue) {\n return;\n }\n\n let timeString = viewValue;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(viewValue);\n const [hh, mm, ss] = timeString.split(delimiter).map(Number);\n setActiveTime({\n hours: !Number.isNaN(hh) ? hh : null,\n minutes: !Number.isNaN(mm) ? mm : null,\n seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,\n currentColumn: null,\n });\n }, [outerValue, format]);\n\n useEffect(() => {\n if (isInnerOpen && (disabled \|\| readonly)) {\n setIsInnerOpen(false);\n }\n }, [disabled, readonly]);\n\n useEffect(() => {\n if (dropdownWidth === 'fullWidth' && rootRef.current) {\n const width = rootRef.current.offsetWidth;\n setRootWidth(width);\n }\n }, [dropdownWidth, isInnerOpen]);\n\n const handleToggle = () => {\n if (disabled \|\| readonly) return;\n const newState = !isInnerOpen;\n setIsInnerOpen(newState);\n\n if (newState) {\n setActiveTime((prev) => ({\n ...prev,\n currentColumn: 'hours',\n }));\n }\n\n onToggle?.(newState);\n };\n\n const handleOnChange = (event: TimePickerGridChangeEvent) => {\n if (!event) {\n return;\n }\n\n let timeString = event.value;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(timeString ?? '');\n\n setActiveTime({\n hours: !Number.isNaN(event.timeValues.hour) ? event.timeValues.hour : null,\n minutes: !Number.isNaN(event.timeValues.minute) ? event.timeValues.minute : null,\n seconds:\n format === 'HH:mm:ss' && !Number.isNaN(event.timeValues.second)\n ? event.timeValues.second\n : null,\n currentColumn: null,\n });\n\n onChange?.(event);\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const input = event.target.value;\n const cursorPos = event.target.selectionStart;\n\n const { innerString, values, newCursorPosition } = processTimeInput(input, format, cursorPos);\n\n setInnerTime(innerString);\n setActiveTime((prev) => ({\n ...prev,\n hours: values.hh,\n minutes: values.mm,\n seconds: values.ss,\n }));\n\n if (onChange) {\n onChange(({\n ...event,\n target: {\n ...event.target,\n value: innerString,\n timeValues: values,\n },\n } as unknown) as ChangeEvent<HTMLInputElement>);\n }\n\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);\n }\n });\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter' && !isInnerOpen) {\n event.preventDefault();\n setIsInnerOpen(true);\n setActiveTime((prev) => ({ ...prev, currentColumn: 'hours' }));\n onToggle?.(true);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDownNavigation(e);\n handleKeyDown(e);\n };\n\n const { onKeyDown: onKeyDownNavigation } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat: true,\n delimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const TimePickerInput = (\n <StyledInput\n ref={inputRef}\n value={viewValue}\n size={size}\n disabled={disabled}\n readOnly={readonly}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleInputChange}\n onFocus={onFocus}\n onKeyDown={handleOnKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n />\n );\n\n const getDropdownWidth = (): 'fixed' \| 'fullWidth' \| React.CSSProperties['width'] => {\n if (dropdownWidth === 'fixed' \|\| dropdownWidth === undefined) {\n return undefined;\n }\n if (dropdownWidth === 'fullWidth') {\n return rootWidth !== null ? `${rootWidth}px` : 'fullWidth';\n }\n return dropdownWidth as React.CSSProperties['width'];\n };\n\n return (\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n ref={rootForkRef}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={TimePickerInput}\n preventOverflow={false}\n align={dropdownAlign}\n >\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerFullWidth]: dropdownWidth === 'fullWidth',\n [classes.timePickerFixed]: dropdownWidth !== 'fullWidth',\n })}\n disabled={disabled}\n readonly={readonly}\n {...rest}\n >\n <StyledTimePickerGrid\n value={viewValue}\n onChange={handleOnChange}\n dropdownHeight={dropdownHeight}\n dropdownWidth={getDropdownWidth()}\n format={format}\n view={view}\n size={size}\n disabled={disabled}\n width={getDropdownWidth()}\n />\n </Root>\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const timePickerConfig = {\n name: 'TimePicker',\n tag: 'div',\n layout: timePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readonly: {\n css: readonlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["timePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","outerValue","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$disabled","disabled","_ref$readonly","readonly","_ref$frame","frame","_ref$usePortal","usePortal","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","stretched","_ref$dropdownAlign","dropdownAlign","dropdownWidth","dropdownHeight","_ref$columnsQuantity","columnsQuantity","onToggle","onFocus","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","rootRef","rootForkRef","useForkRef","hoursHideTimeoutRef","minutesHideTimeoutRef","secondsHideTimeoutRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","_useState6","rootWidth","setRootWidth","_useState7","hours","minutes","seconds","currentColumn","_useState8","setActiveTime","viewValue","format","useEffect","forEach","timeoutRef","current","clearTimeout","timeString","length","substring","_timeString$split$map","split","delimiter","map","Number","_timeString$split$map2","hh","mm","ss","isNaN","width","offsetWidth","handleToggle","newState","prev","_objectSpread","handleOnChange","event","_timeString","timeValues","hour","minute","second","handleInputChange","input","target","cursorPos","selectionStart","_processTimeInput","processTimeInput","innerString","values","newCursorPosition","requestAnimationFrame","setSelectionRange","handleKeyDown","key","preventDefault","handleOnKeyDown","e","onKeyDownNavigation","_useKeyNavigation","useKeyNavigation","isCalendarOpen","maskWithFormat","onKeyDown","TimePickerInput","React","createElement","StyledInput","readOnly","getDropdownWidth","undefined","concat","_extends","cls","classes","_defineProperty","timePickerstretched","StyledPopover","placement","getPlacements","trigger","isFocusTrapped","preventOverflow","align","timePickerFullWidth","timePickerFixed","StyledTimePickerGrid","timePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","defaults"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import './TimePicker.styles_2lk4d9.css';
+import './TimePicker.styles_1qm4hou.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../engines/common.js';
 import { popoverConfig } from '../Popover/Popover.js';

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TimePicker.styles.js","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { textFieldConfig, textFieldTokens } from '../TextField';\nimport { popoverClasses, popoverConfig } from '../Popover';\nimport { timePickerGridConfig, timePickerGridTokens } from '../TimePickerGrid';\n\nimport { classes, tokens } from './TimePicker.tokens';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nconst mergedTimePickerGrid = mergeConfig(timePickerGridConfig);\nconst TimePickerGrid = component(mergedTimePickerGrid);\n\nexport const StyledPopover = styled(Popover)``;\n\nexport const StyledTimePickerGrid = styled(TimePickerGrid)`\n ${timePickerGridTokens.timePickerGridBackground}: var(${tokens.timePickerBackground});\n ${timePickerGridTokens.timePickerGridBorderRadius}: var(${tokens.timePickerBorderRadius});\n ${timePickerGridTokens.timePickerGridWidth}: var(${tokens.timePickerWidth});\n ${timePickerGridTokens.timePickerGridPadding}: var(${tokens.timePickerPadding});\n\n ${timePickerGridTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${timePickerGridTokens.columnHeight}: var(${tokens.columnHeight});\n\n ${timePickerGridTokens.itemHeight}: var(${tokens.itemHeight});\n ${timePickerGridTokens.itemBorderRadius}: var(${tokens.itemBorderRadius});\n ${timePickerGridTokens.itemPadding}: var(${tokens.itemPadding});\n ${timePickerGridTokens.itemBackgroundHover}: var(${tokens.itemBackgroundHover});\n ${timePickerGridTokens.itemBackgroundActive}: var(${tokens.itemBackgroundActive});\n\n ${timePickerGridTokens.itemFontFamily}: var(${tokens.itemFontFamily});\n ${timePickerGridTokens.itemFontSize}: var(${tokens.itemFontSize});\n ${timePickerGridTokens.itemFontStyle}: var(${tokens.itemFontStyle});\n ${timePickerGridTokens.itemFontWeight}: var(${tokens.itemFontWeight});\n ${timePickerGridTokens.itemLetterSpacing}: var(${tokens.itemLetterSpacing});\n ${timePickerGridTokens.itemLineHeight}: var(${tokens.itemLineHeight});\n\n ${timePickerGridTokens.scrollbarWidth}: var(${tokens.scrollbarWidth});\n ${timePickerGridTokens.scrollbarColor}: var(${tokens.scrollbarColor});\n ${timePickerGridTokens.scrollbarTrackColor}: var(${tokens.scrollbarTrackColor});\n ${timePickerGridTokens.scrollbarMargin}: var(${tokens.scrollbarMargin});\n`;\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.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n ${textFieldTokens.boxShadow}: var(${tokens.textFieldBoxShadow});\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 ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\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 ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n &.${classes.timePickerError} {\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.timePickerSuccess} {\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 display: flex;\n width: var(${tokens.width});\n margin-top: var(${tokens.dropdownMarginTop});\n\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n width: inherit;\n }\n\n &.${classes.timePickerstretched} {\n width: 100%;\n\n .${popoverClasses.root} {\n width: 100%;\n }\n }\n\n &.${classes.timePickerFullWidth} {\n width: 100%;\n }\n\n &.${classes.timePickerPlacementRight} {\n justify-content: flex-end;\n }\n`;\n\nexport const StyledTimePicker = styled.div<{ width?: string \| number }>`\n background: var(${tokens.timePickerBackground});\n border-radius: var(${tokens.timePickerBorderRadius});\n width: ${({ width }) =>\n (width === 'fullWidth' ? `var(${tokens.width})` : width) \|\| `var(${tokens.timePickerWidth})`};\n display: flex;\n padding: var(${tokens.timePickerPadding});\n flex: 1 1 1;\n gap: var(${tokens.scrollbarWidth});\n box-sizing: border-box;\n position: relative;\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","mergedTimePickerGrid","timePickerGridConfig","TimePickerGrid","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledTimePickerGrid","_exp45","StyledInput","base"],"mappings":";;;;;;AAUA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAE9C,IAAMG,oBAAoB,gBAAGP,WAAW,CAACQ,oBAAoB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGN,SAAS,CAACI,oBAAoB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAhBrCA,SAgBqCA,IAAAA,GAAA;AAAA,EAAA,OAEnBJ,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMK,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;AAAC,IAAAC,KAAA,GAlB7BA,SAkB6BA,KAAAA,GAAA;AAAA,EAAA,OAEJP,cAAc,CAAA;AAAA,CAAA,CAAA;AAAlD,IAAMQ,oBAAoB,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2BzC,EAAA;;AAED;AAAA,IAAAG,MAAA,GAjDkBA,SAiDlBA,MAAAA,GAAA;AAAA,EAAA,OACkChB,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMiB,WAAW,gBAAGP,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA+FhC,EAAA;AAEM,IAAMK,IAAI,GAwBhB;;;;"}
1	+ {"version":3,"file":"TimePicker.styles.js","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { textFieldConfig, textFieldTokens } from '../TextField';\nimport { popoverClasses, popoverConfig } from '../Popover';\nimport { timePickerGridConfig, timePickerGridTokens } from '../TimePickerGrid';\n\nimport { classes, tokens } from './TimePicker.tokens';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nconst mergedTimePickerGrid = mergeConfig(timePickerGridConfig);\nconst TimePickerGrid = component(mergedTimePickerGrid);\n\nexport const StyledPopover = styled(Popover)``;\n\nexport const StyledTimePickerGrid = styled(TimePickerGrid)`\n ${timePickerGridTokens.timePickerGridBackground}: var(${tokens.timePickerBackground});\n ${timePickerGridTokens.timePickerGridBorderRadius}: var(${tokens.timePickerBorderRadius});\n ${timePickerGridTokens.timePickerGridWidth}: var(${tokens.timePickerWidth});\n ${timePickerGridTokens.timePickerGridPadding}: var(${tokens.timePickerPadding});\n\n ${timePickerGridTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${timePickerGridTokens.columnHeight}: var(${tokens.columnHeight});\n\n ${timePickerGridTokens.itemHeight}: var(${tokens.itemHeight});\n ${timePickerGridTokens.itemBorderRadius}: var(${tokens.itemBorderRadius});\n ${timePickerGridTokens.itemPadding}: var(${tokens.itemPadding});\n ${timePickerGridTokens.itemBackgroundHover}: var(${tokens.itemBackgroundHover});\n ${timePickerGridTokens.itemBackgroundActive}: var(${tokens.itemBackgroundActive});\n\n ${timePickerGridTokens.itemFontFamily}: var(${tokens.itemFontFamily});\n ${timePickerGridTokens.itemFontSize}: var(${tokens.itemFontSize});\n ${timePickerGridTokens.itemFontStyle}: var(${tokens.itemFontStyle});\n ${timePickerGridTokens.itemFontWeight}: var(${tokens.itemFontWeight});\n ${timePickerGridTokens.itemLetterSpacing}: var(${tokens.itemLetterSpacing});\n ${timePickerGridTokens.itemLineHeight}: var(${tokens.itemLineHeight});\n\n ${timePickerGridTokens.scrollbarWidth}: var(${tokens.scrollbarWidth});\n ${timePickerGridTokens.scrollbarColor}: var(${tokens.scrollbarColor});\n ${timePickerGridTokens.scrollbarTrackColor}: var(${tokens.scrollbarTrackColor});\n ${timePickerGridTokens.scrollbarMargin}: var(${tokens.scrollbarMargin});\n`;\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.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n ${textFieldTokens.boxShadow}: var(${tokens.textFieldBoxShadow});\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 ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\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 ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n &.${classes.timePickerError} {\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.timePickerSuccess} {\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 display: flex;\n width: var(${tokens.width});\n margin-top: var(${tokens.dropdownMarginTop});\n\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n width: inherit;\n }\n\n &.${classes.timePickerstretched} {\n width: 100%;\n\n .${popoverClasses.root} {\n width: 100%;\n }\n }\n\n &.${classes.timePickerFullWidth} {\n width: 100%;\n }\n\n &.${classes.timePickerPlacementRight} {\n justify-content: flex-end;\n }\n\n &.${classes.timePickerFixed} {\n width: var(${tokens.timePickerWidth});\n }\n`;\n\nexport const StyledTimePicker = styled.div<{ width?: string \| number }>`\n background: var(${tokens.timePickerBackground});\n border-radius: var(${tokens.timePickerBorderRadius});\n display: flex;\n padding: var(${tokens.timePickerPadding});\n flex: 1 1 1;\n gap: var(${tokens.scrollbarWidth});\n box-sizing: border-box;\n position: relative;\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","mergedTimePickerGrid","timePickerGridConfig","TimePickerGrid","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledTimePickerGrid","_exp45","StyledInput","base"],"mappings":";;;;;;AAUA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAE9C,IAAMG,oBAAoB,gBAAGP,WAAW,CAACQ,oBAAoB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGN,SAAS,CAACI,oBAAoB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAhBrCA,SAgBqCA,IAAAA,GAAA;AAAA,EAAA,OAEnBJ,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMK,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;AAAC,IAAAC,KAAA,GAlB7BA,SAkB6BA,KAAAA,GAAA;AAAA,EAAA,OAEJP,cAAc,CAAA;AAAA,CAAA,CAAA;AAAlD,IAAMQ,oBAAoB,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2BzC,EAAA;;AAED;AAAA,IAAAG,MAAA,GAjDkBA,SAiDlBA,MAAAA,GAAA;AAAA,EAAA,OACkChB,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMiB,WAAW,gBAAGP,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA+FhC,EAAA;AAEM,IAAMK,IAAI,GA4BhB;;;;"}