@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

package/components/Tabs/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Tabs/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport type { TabsProps } from './Tabs'\n\nconst BEFORE_AFTER_SHADOW_WIDTH = 20\n\nconst borderColor = (value: string) => css`\n  border-bottom: 1px solid ${value};\n`\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<TabsProps, 'noBorder' | 'borderColor' | 'color' | 'width'>>`\n  color: rgba(247, 247, 247, 1);\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  flex-direction: row;\n  ${(props) => (props.borderColor && !props.noBorder ? color(props.borderColor, borderColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n  ${responsiveProperty('width')}\n`\n\nexport const Inner = styled.div`\n  position: relative;\n  display: block;\n  height: auto;\n  padding: 0;\n  margin: 0 -20px;\n  box-sizing: border-box;\n  background: transparent;\n  overflow: visible;\n  max-width: 100%;\n  width: 100%;\n  &::before,\n  &::after {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    display: block;\n    content: '';\n    width: ${BEFORE_AFTER_SHADOW_WIDTH}px;\n    height: 100%;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(-90deg, rgba(247, 247, 247, 0) 0%, currentcolor 100%);\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, currentcolor 100%);\n  }\n`\n\nexport const Content = styled.div<Pick<TabsProps, 'noBorder'>>`\n  position: relative;\n  z-index: 1;\n  display: block;\n  padding: 0;\n  margin: 0 auto;\n  white-space: nowrap;\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  color: ${(props) => props.theme.colors.mineShaft};\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    height: 0;\n    background: transparent;\n    visibility: hidden;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    height: 0;\n    background: transparent;\n    visibility: hidden;\n  }\n\n  ${(props) =>\n    props.noBorder\n      ? css`\n          display: flex;\n          justify-content: space-between;\n          width: 100%;\n        `\n      : null}\n`\n"],"names":["borderColor","value","css","Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","noBorder","color","responsiveProperty","Inner","Content","theme","colors","mineShaft"],"mappings":"mRAOA,MAAMA,YAAeC,GAAkBC,OAAAA,IAAG,CAAA,2BAAA,KACbD,GAGtB,MAAME,KAAOC,gBAAAA,QAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,aAAAC,YAAA,mBAFkBN,CAElB,CAAA,yGAAA,IAAA,IAAA,KAMGO,GAAWA,EAAMX,cAAgBW,EAAMC,SAAWC,MAAAA,MAAMF,EAAMX,YAAaA,aAAe,OAC1FW,GAAWA,EAAME,MAAQA,YAAMF,EAAME,OAAS,MAC/CC,mBAAAA,mBAAmB,gBAGVC,MAAQX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,cAAAC,YAAA,mBAAVN,CAAU,CAAA,mPAAA,+MAnBG,UAoDrBY,QAAUZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,gBAAAC,YAAA,mBAAVN,CAAU,CAAA,uLAAA,+KAAA,KAWrBO,GAAUA,EAAMM,MAAMC,OAAOC,YAepCR,GACDA,EAAMC,SACFV,OAAAA,IAAG,CAAA,2DAKH"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Tabs/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport type { TabsProps } from './Tabs'\n\nconst BEFORE_AFTER_SHADOW_WIDTH = 20\n\nconst borderColor = (value: string) => css`\n  border-bottom: 1px solid ${value};\n`\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<TabsProps, 'noBorder' | 'borderColor' | 'color' | 'width'>>`\n  color: rgba(247, 247, 247, 1);\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  flex-direction: row;\n  ${(props) => (props.borderColor && !props.noBorder ? color(props.borderColor, borderColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n  ${responsiveProperty('width')}\n`\n\nexport const Inner = styled.div`\n  position: relative;\n  display: block;\n  height: auto;\n  padding: 0;\n  margin: 0 -20px;\n  box-sizing: border-box;\n  background: transparent;\n  overflow: visible;\n  max-width: 100%;\n  width: 100%;\n  &::before,\n  &::after {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    display: block;\n    content: '';\n    width: ${BEFORE_AFTER_SHADOW_WIDTH}px;\n    height: 100%;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(-90deg, rgba(247, 247, 247, 0) 0%, currentcolor 100%);\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, currentcolor 100%);\n  }\n`\n\nexport const Content = styled.div<Pick<TabsProps, 'noBorder'>>`\n  position: relative;\n  z-index: 1;\n  display: block;\n  padding: 0;\n  margin: 0 auto;\n  white-space: nowrap;\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  color: ${(props) => props.theme.colors.mineShaft};\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    height: 0;\n    background: transparent;\n    visibility: hidden;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    height: 0;\n    background: transparent;\n    visibility: hidden;\n  }\n\n  ${(props) =>\n    props.noBorder\n      ? css`\n          display: flex;\n          justify-content: space-between;\n          width: 100%;\n        `\n      : null}\n`\n"],"names":["borderColor","value","css","Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","noBorder","color","responsiveProperty","Inner","Content","theme","colors","mineShaft"],"mappings":"mRAOA,MAAMA,YAAeC,GAAkBC,OAAAA,IAAG,CAAA,2BAAA,KACbD,GAGtB,MAAME,KAAOC,gBAAAA,QAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,aAAAC,YAAA,mBAFkBN,CAElB,CAAA,yGAAA,IAAA,IAAA,IAMGO,GAAWA,EAAMX,cAAgBW,EAAMC,SAAWC,MAAAA,MAAMF,EAAMX,YAAaA,aAAe,KAC1FW,GAAWA,EAAME,MAAQA,YAAMF,EAAME,OAAS,KAC/CC,mBAAAA,mBAAmB,gBAGVC,MAAQX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,cAAAC,YAAA,mBAAVN,CAAU,CAAA,mPAAA,+MAnBG,UAoDrBY,QAAUZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,gBAAAC,YAAA,mBAAVN,CAAU,CAAA,uLAAA,+KAAA,IAWrBO,GAAUA,EAAMM,MAAMC,OAAOC,UAepCR,GACDA,EAAMC,SACFV,OAAAA,IAAG,CAAA,2DAKH"}

package/components/Tabs/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{responsiveProperty}from'../../mixins/responsive-property.mjs';const borderColor=o=>css(["border-bottom:1px solid ",";"],o);const Root=styled.div.withConfig({shouldForwardProp:o=>o==='children'}).withConfig({displayName:"Tabs__Root",componentId:"ui__sc-ggtlgu-0"})(["color:rgba(247,247,247,1);display:flex;align-items:flex-end;justify-content:center;flex-direction:row;"," "," ",""],(o=>o.borderColor&&!o.noBorder?color(o.borderColor,borderColor):null),(o=>o.color?color(o.color):null),responsiveProperty('width'));const Inner=styled.div.withConfig({displayName:"Tabs__Inner",componentId:"ui__sc-ggtlgu-1"})(["position:relative;display:block;height:auto;padding:0;margin:0 -20px;box-sizing:border-box;background:transparent;overflow:visible;max-width:100%;width:100%;&::before,&::after{position:absolute;top:0;bottom:0;display:block;content:'';width:","px;height:100%;}&::before{left:0;background:linear-gradient(-90deg,rgba(247,247,247,0) 0%,currentcolor 100%);}&::after{right:0;background:linear-gradient(90deg,rgba(247,247,247,0) 0%,currentcolor 100%);}"],20);const Content=styled.div.withConfig({displayName:"Tabs__Content",componentId:"ui__sc-ggtlgu-2"})(["position:relative;z-index:1;display:block;padding:0;margin:0 auto;white-space:nowrap;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;color:",";scrollbar-width:none;&::-webkit-scrollbar{height:0;background:transparent;visibility:hidden;}&::-webkit-scrollbar-thumb{height:0;background:transparent;visibility:hidden;}",""],(o=>o.theme.colors.mineShaft),(o=>o.noBorder?css(["display:flex;justify-content:space-between;width:100%;"]):null));export{Content,Inner,Root};
+import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{responsiveProperty}from'../../mixins/responsive-property.mjs';const borderColor=o=>css(["border-bottom:1px solid ",";"],o);const Root=styled.div.withConfig({shouldForwardProp:o=>o==='children'}).withConfig({displayName:"Tabs__Root",componentId:"ui__sc-ggtlgu-0"})(["color:rgba(247,247,247,1);display:flex;align-items:flex-end;justify-content:center;flex-direction:row;"," "," ",""],o=>o.borderColor&&!o.noBorder?color(o.borderColor,borderColor):null,o=>o.color?color(o.color):null,responsiveProperty('width'));const Inner=styled.div.withConfig({displayName:"Tabs__Inner",componentId:"ui__sc-ggtlgu-1"})(["position:relative;display:block;height:auto;padding:0;margin:0 -20px;box-sizing:border-box;background:transparent;overflow:visible;max-width:100%;width:100%;&::before,&::after{position:absolute;top:0;bottom:0;display:block;content:'';width:","px;height:100%;}&::before{left:0;background:linear-gradient(-90deg,rgba(247,247,247,0) 0%,currentcolor 100%);}&::after{right:0;background:linear-gradient(90deg,rgba(247,247,247,0) 0%,currentcolor 100%);}"],20);const Content=styled.div.withConfig({displayName:"Tabs__Content",componentId:"ui__sc-ggtlgu-2"})(["position:relative;z-index:1;display:block;padding:0;margin:0 auto;white-space:nowrap;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;color:",";scrollbar-width:none;&::-webkit-scrollbar{height:0;background:transparent;visibility:hidden;}&::-webkit-scrollbar-thumb{height:0;background:transparent;visibility:hidden;}",""],o=>o.theme.colors.mineShaft,o=>o.noBorder?css(["display:flex;justify-content:space-between;width:100%;"]):null);export{Content,Inner,Root};
 //# sourceMappingURL=style.mjs.map

package/components/Tabs/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Tabs/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport type { TabsProps } from './Tabs'\n\nconst BEFORE_AFTER_SHADOW_WIDTH = 20\n\nconst borderColor = (value: string) => css`\n  border-bottom: 1px solid ${value};\n`\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<TabsProps, 'noBorder' | 'borderColor' | 'color' | 'width'>>`\n  color: rgba(247, 247, 247, 1);\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  flex-direction: row;\n  ${(props) => (props.borderColor && !props.noBorder ? color(props.borderColor, borderColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n  ${responsiveProperty('width')}\n`\n\nexport const Inner = styled.div`\n  position: relative;\n  display: block;\n  height: auto;\n  padding: 0;\n  margin: 0 -20px;\n  box-sizing: border-box;\n  background: transparent;\n  overflow: visible;\n  max-width: 100%;\n  width: 100%;\n  &::before,\n  &::after {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    display: block;\n    content: '';\n    width: ${BEFORE_AFTER_SHADOW_WIDTH}px;\n    height: 100%;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(-90deg, rgba(247, 247, 247, 0) 0%, currentcolor 100%);\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, currentcolor 100%);\n  }\n`\n\nexport const Content = styled.div<Pick<TabsProps, 'noBorder'>>`\n  position: relative;\n  z-index: 1;\n  display: block;\n  padding: 0;\n  margin: 0 auto;\n  white-space: nowrap;\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  color: ${(props) => props.theme.colors.mineShaft};\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    height: 0;\n    background: transparent;\n    visibility: hidden;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    height: 0;\n    background: transparent;\n    visibility: hidden;\n  }\n\n  ${(props) =>\n    props.noBorder\n      ? css`\n          display: flex;\n          justify-content: space-between;\n          width: 100%;\n        `\n      : null}\n`\n"],"names":["borderColor","value","css","Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","noBorder","color","responsiveProperty","Inner","Content","theme","colors","mineShaft"],"mappings":"0JAOA,MAAMA,YAAeC,GAAkBC,IAAG,CAAA,2BAAA,KACbD,GAGtB,MAAME,KAAOC,OAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,aAAAC,YAAA,mBAFkBN,CAElB,CAAA,yGAAA,IAAA,IAAA,KAMGO,GAAWA,EAAMX,cAAgBW,EAAMC,SAAWC,MAAMF,EAAMX,YAAaA,aAAe,OAC1FW,GAAWA,EAAME,MAAQA,MAAMF,EAAME,OAAS,MAC/CC,mBAAmB,gBAGVC,MAAQX,OAAOC,IAAGC,WAAA,CAAAG,YAAA,cAAAC,YAAA,mBAAVN,CAAU,CAAA,mPAAA,+MAnBG,UAoDrBY,QAAUZ,OAAOC,IAAGC,WAAA,CAAAG,YAAA,gBAAAC,YAAA,mBAAVN,CAAU,CAAA,uLAAA,+KAAA,KAWrBO,GAAUA,EAAMM,MAAMC,OAAOC,YAepCR,GACDA,EAAMC,SACFV,IAAG,CAAA,2DAKH"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Tabs/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport type { TabsProps } from './Tabs'\n\nconst BEFORE_AFTER_SHADOW_WIDTH = 20\n\nconst borderColor = (value: string) => css`\n  border-bottom: 1px solid ${value};\n`\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<TabsProps, 'noBorder' | 'borderColor' | 'color' | 'width'>>`\n  color: rgba(247, 247, 247, 1);\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  flex-direction: row;\n  ${(props) => (props.borderColor && !props.noBorder ? color(props.borderColor, borderColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n  ${responsiveProperty('width')}\n`\n\nexport const Inner = styled.div`\n  position: relative;\n  display: block;\n  height: auto;\n  padding: 0;\n  margin: 0 -20px;\n  box-sizing: border-box;\n  background: transparent;\n  overflow: visible;\n  max-width: 100%;\n  width: 100%;\n  &::before,\n  &::after {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    display: block;\n    content: '';\n    width: ${BEFORE_AFTER_SHADOW_WIDTH}px;\n    height: 100%;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(-90deg, rgba(247, 247, 247, 0) 0%, currentcolor 100%);\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, currentcolor 100%);\n  }\n`\n\nexport const Content = styled.div<Pick<TabsProps, 'noBorder'>>`\n  position: relative;\n  z-index: 1;\n  display: block;\n  padding: 0;\n  margin: 0 auto;\n  white-space: nowrap;\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  color: ${(props) => props.theme.colors.mineShaft};\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    height: 0;\n    background: transparent;\n    visibility: hidden;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    height: 0;\n    background: transparent;\n    visibility: hidden;\n  }\n\n  ${(props) =>\n    props.noBorder\n      ? css`\n          display: flex;\n          justify-content: space-between;\n          width: 100%;\n        `\n      : null}\n`\n"],"names":["borderColor","value","css","Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","noBorder","color","responsiveProperty","Inner","Content","theme","colors","mineShaft"],"mappings":"0JAOA,MAAMA,YAAeC,GAAkBC,IAAG,CAAA,2BAAA,KACbD,GAGtB,MAAME,KAAOC,OAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,aAAAC,YAAA,mBAFkBN,CAElB,CAAA,yGAAA,IAAA,IAAA,IAMGO,GAAWA,EAAMX,cAAgBW,EAAMC,SAAWC,MAAMF,EAAMX,YAAaA,aAAe,KAC1FW,GAAWA,EAAME,MAAQA,MAAMF,EAAME,OAAS,KAC/CC,mBAAmB,gBAGVC,MAAQX,OAAOC,IAAGC,WAAA,CAAAG,YAAA,cAAAC,YAAA,mBAAVN,CAAU,CAAA,mPAAA,+MAnBG,UAoDrBY,QAAUZ,OAAOC,IAAGC,WAAA,CAAAG,YAAA,gBAAAC,YAAA,mBAAVN,CAAU,CAAA,uLAAA,+KAAA,IAWrBO,GAAUA,EAAMM,MAAMC,OAAOC,UAepCR,GACDA,EAAMC,SACFV,IAAG,CAAA,2DAKH"}

package/components/Tag/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var responsiveProperty=require('../../mixins/responsive-property.js');var color=require('../../mixins/color.js');var hover=require('../../mixins/hover.js');var Text$1=require('../Text/Text.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const WIDTHS={l:220,m:182,s:100,xs:60};const active=styled.css(["border-color:transparent;background-color:currentcolor;"]);const Text=styled__default.default(Text$1.Text).withConfig({displayName:"Tag__Text",componentId:"ui__sc-3oi44j-0"})(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;transition:color 0.25s ease;"]);const disabled=styled.css(["cursor:not-allowed;background-color:rgba(0,0,0,0.04);","{color:rgba(0,0,0,0.16);}"],Text);const Root=styled__default.default.button.withConfig({shouldForwardProp:e=>['children','htmlFor','className','style','onClick'].includes(e)}).withConfig({displayName:"Tag__Root",componentId:"ui__sc-3oi44j-1"})(["padding:0 16px;margin-bottom:10px;border-radius:3px;background-color:",";border:1px solid ",";box-sizing:border-box;vertical-align:middle;transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease;cursor:pointer;text-align:center;touch-action:manipulation;min-width:60px;"," "," "," "," "," "," "," "," &:not(:last-child){margin-right:20px;}"," "," &:disabled{","}",""],(e=>e.theme.colors.white),(e=>e.theme.colors.whiteGray),(e=>e.size?responsiveProperty.property((e=>e.width==='auto'?'auto':typeof e.width=='number'?e.width:e.size&&WIDTHS[e.size]?WIDTHS[e.size]:'auto')(e),'width'):null),(e=>e.height?responsiveProperty.property(e.height,'line-height'):null),(e=>e.height?responsiveProperty.property(e.height,'height'):null),(({heightXS:e,heightS:t,heightM:o,heightL:r,heightXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{heightXS:e,heightS:t,heightM:o,heightL:r,heightXL:i},cssProperty:'height'})),(e=>e.width?responsiveProperty.property(e.width,'width'):null),(({widthXS:e,widthS:t,widthM:o,widthL:r,widthXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e,widthS:t,widthM:o,widthL:r,widthXL:i},cssProperty:'width'})),(e=>e.display?display.display(e.display):null),(e=>e.color?color.color(e.color):null),(e=>e.disabled?null:styled.css([""," &:active:not(:disabled){"," ","{color:",";}}"],hover.hover("\n              border-color: currentcolor;\n            ",'&:hover:not(:disabled)'),active,Text,(({theme:e})=>e.colors.white))),(e=>e.inverse||e.checked?active:null),disabled,(e=>e.disabled?disabled:null));exports.Root=Root,exports.Text=Text;
+'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var responsiveProperty=require('../../mixins/responsive-property.js');var color=require('../../mixins/color.js');var hover=require('../../mixins/hover.js');var Text$1=require('../Text/Text.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const WIDTHS={l:220,m:182,s:100,xs:60};const active=styled.css(["border-color:transparent;background-color:currentcolor;"]);const Text=styled__default.default(Text$1.Text).withConfig({displayName:"Tag__Text",componentId:"ui__sc-3oi44j-0"})(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;transition:color 0.25s ease;"]);const disabled=styled.css(["cursor:not-allowed;background-color:rgba(0,0,0,0.04);","{color:rgba(0,0,0,0.16);}"],Text);const Root=styled__default.default.button.withConfig({shouldForwardProp:e=>['children','htmlFor','className','style','onClick'].includes(e)}).withConfig({displayName:"Tag__Root",componentId:"ui__sc-3oi44j-1"})(["padding:0 16px;margin-bottom:10px;border-radius:3px;background-color:",";border:1px solid ",";box-sizing:border-box;vertical-align:middle;transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease;cursor:pointer;text-align:center;touch-action:manipulation;min-width:60px;"," "," "," "," "," "," "," "," &:not(:last-child){margin-right:20px;}"," "," &:disabled{","}",""],e=>e.theme.colors.white,e=>e.theme.colors.whiteGray,e=>e.size?responsiveProperty.property((e=>e.width==='auto'?'auto':typeof e.width=='number'?e.width:e.size&&WIDTHS[e.size]?WIDTHS[e.size]:'auto')(e),'width'):null,e=>e.height?responsiveProperty.property(e.height,'line-height'):null,e=>e.height?responsiveProperty.property(e.height,'height'):null,({heightXS:e,heightS:t,heightM:o,heightL:r,heightXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{heightXS:e,heightS:t,heightM:o,heightL:r,heightXL:i},cssProperty:'height'}),e=>e.width?responsiveProperty.property(e.width,'width'):null,({widthXS:e,widthS:t,widthM:o,widthL:r,widthXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e,widthS:t,widthM:o,widthL:r,widthXL:i},cssProperty:'width'}),e=>e.display?display.display(e.display):null,e=>e.color?color.color(e.color):null,e=>e.disabled?null:styled.css([""," &:active:not(:disabled){"," ","{color:",";}}"],hover.hover("\n              border-color: currentcolor;\n            ",'&:hover:not(:disabled)'),active,Text,({theme:e})=>e.colors.white),e=>e.inverse||e.checked?active:null,disabled,e=>e.disabled?disabled:null);exports.Root=Root,exports.Text=Text;
 //# sourceMappingURL=style.js.map

package/components/Tag/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Tag/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport { Text as UiText } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { hover } from 'mixins/hover'\nimport type { TagProps } from './Tag'\n\nconst WIDTHS: Record<Partial<Exclude<TagProps['size'], 'auto' | undefined>>, number> = {\n  l: 220,\n  m: 182,\n  s: 100,\n  xs: 60,\n}\n\nconst chooseWidthValue = (props: TagProps): PossibleValues => {\n  if (props.width === 'auto') return 'auto'\n  if (typeof props.width === 'number') return props.width\n\n  if (props.size && WIDTHS[props.size]) return WIDTHS[props.size]\n\n  return 'auto'\n}\n\nconst active = css`\n  border-color: transparent;\n  background-color: currentcolor;\n`\n\nexport const Text = styled(UiText)<TextProps>`\n  display: inline-block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  transition: color 0.25s ease;\n`\n\nconst disabled = css`\n  cursor: not-allowed;\n  background-color: rgba(0, 0, 0, 0.04);\n  ${Text} {\n    color: rgba(0, 0, 0, 0.16);\n  }\n`\n\nexport const Root = styled.button.withConfig<TagProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor', 'className', 'style', 'onClick'].includes(prop),\n})`\n  padding: 0 16px;\n  margin-bottom: 10px;\n  border-radius: 3px;\n  background-color: ${(props) => props.theme.colors.white};\n  border: 1px solid ${(props) => props.theme.colors.whiteGray};\n  box-sizing: border-box;\n  vertical-align: middle;\n  transition:\n    color 0.25s ease,\n    background 0.25s ease,\n    border-color 0.25s ease;\n  cursor: pointer;\n  text-align: center;\n  touch-action: manipulation;\n  min-width: 60px;\n\n  ${(props) => (props.size ? property(chooseWidthValue(props), 'width') : null)}\n  ${(props) => (props.height ? property(props.height, 'line-height') : null)}\n  ${(props) => (props.height ? property(props.height, 'height') : null)}\n  ${({ heightXS, heightS, heightM, heightL, heightXL }) =>\n    responsiveNamedProperty({ sizes: { heightXS, heightS, heightM, heightL, heightXL }, cssProperty: 'height' })}\n\n  ${(props) => (props.width ? property(props.width, 'width') : null)}\n    ${({ widthXS, widthS, widthM, widthL, widthXL }) =>\n    responsiveNamedProperty({ sizes: { widthXS, widthS, widthM, widthL, widthXL }, cssProperty: 'width' })}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n\n  &:not(:last-child) {\n    margin-right: 20px;\n  }\n\n  ${(props) =>\n    !props.disabled\n      ? css`\n          ${hover(\n            `\n              border-color: currentcolor;\n            `,\n            '&:hover:not(:disabled)'\n          )}\n          &:active:not(:disabled) {\n            ${active}\n            ${Text} {\n              color: ${({ theme }) => theme.colors.white};\n            }\n          }\n        `\n      : null}\n\n  ${(props) => (props.inverse || props.checked ? active : null)}\n\n  &:disabled {\n    ${disabled}\n  }\n  ${(props) => (props.disabled ? disabled : null)}\n`\n"],"names":["WIDTHS","l","m","s","xs","active","css","Text","styled","UiText","withConfig","displayName","componentId","disabled","Root","button","shouldForwardProp","prop","includes","props","theme","colors","white","whiteGray","size","property","width","chooseWidthValue","height","heightXS","heightS","heightM","heightL","heightXL","responsiveNamedProperty","sizes","cssProperty","widthXS","widthS","widthM","widthL","widthXL","display","color","hover","inverse","checked"],"mappings":"mZAUA,MAAMA,OAAiF,CACrFC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IAYN,MAAMC,OAASC,OAAAA,IAAG,CAAA,4DAKX,MAAMC,KAAOC,gBAAAA,QAAOC,aAAOC,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAAdJ,CAAc,CAAA,qJAUlC,MAAMK,SAAWP,OAAAA,IAAG,CAAA,wDAAA,6BAGhBC,MAKG,MAAMO,KAAON,gBAAAA,QAAOO,OAAOL,WAAqB,CACrDM,kBAAoBC,GAAS,CAAC,WAAY,UAAW,YAAa,QAAS,WAAWC,SAASD,KAC/FP,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAFkBJ,CAElB,CAAA,wEAAA,qBAAA,oMAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,0CAAA,IAAA,eAAA,IAAA,KAIqBW,GAAUA,EAAMC,MAAMC,OAAOC,QAC7BH,GAAUA,EAAMC,MAAMC,OAAOE,YAY/CJ,GAAWA,EAAMK,KAAOC,mBAAAA,SAnDHN,IACpBA,EAAMO,QAAU,OAAe,cACxBP,EAAMO,OAAU,SAAiBP,EAAMO,MAE9CP,EAAMK,MAAQxB,OAAOmB,EAAMK,MAAcxB,OAAOmB,EAAMK,MAEnD,OA6C6BG,CAAiBR,GAAQ,SAAW,OACrEA,GAAWA,EAAMS,OAASH,mBAAAA,SAASN,EAAMS,OAAQ,eAAiB,OAClET,GAAWA,EAAMS,OAASH,mBAAAA,SAASN,EAAMS,OAAQ,UAAY,OAC9D,EAAGC,WAAUC,UAASC,UAASC,UAASC,cACxCC,2CAAwB,CAAEC,MAAO,CAAEN,WAAUC,UAASC,UAASC,UAASC,YAAYG,YAAa,aAEhGjB,GAAWA,EAAMO,MAAQD,mBAAAA,SAASN,EAAMO,MAAO,SAAW,OACzD,EAAGW,UAASC,SAAQC,SAAQC,SAAQC,aACtCP,2CAAwB,CAAEC,MAAO,CAAEE,UAASC,SAAQC,SAAQC,SAAQC,WAAWL,YAAa,YAE3FjB,GAAWA,EAAMuB,QAAUA,QAAAA,QAAQvB,EAAMuB,SAAW,OACpDvB,GAAWA,EAAMwB,MAAQA,MAAAA,MAAMxB,EAAMwB,OAAS,OAM9CxB,GACAA,EAAMN,SAeH,KAdAP,OAAAA,IAAG,CAAA,GAAA,4BAAA,IAAA,UAAA,OACCsC,MAAAA,MACA,4DAGA,0BAGEvC,OACAE,MACS,EAAGa,WAAYA,EAAMC,OAAOC,UAM9CH,GAAWA,EAAM0B,SAAW1B,EAAM2B,QAAUzC,OAAS,MAGpDQ,UAEDM,GAAWA,EAAMN,SAAWA,SAAW"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Tag/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport { Text as UiText } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { hover } from 'mixins/hover'\nimport type { TagProps } from './Tag'\n\nconst WIDTHS: Record<Partial<Exclude<TagProps['size'], 'auto' | undefined>>, number> = {\n  l: 220,\n  m: 182,\n  s: 100,\n  xs: 60,\n}\n\nconst chooseWidthValue = (props: TagProps): PossibleValues => {\n  if (props.width === 'auto') return 'auto'\n  if (typeof props.width === 'number') return props.width\n\n  if (props.size && WIDTHS[props.size]) return WIDTHS[props.size]\n\n  return 'auto'\n}\n\nconst active = css`\n  border-color: transparent;\n  background-color: currentcolor;\n`\n\nexport const Text = styled(UiText)<TextProps>`\n  display: inline-block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  transition: color 0.25s ease;\n`\n\nconst disabled = css`\n  cursor: not-allowed;\n  background-color: rgba(0, 0, 0, 0.04);\n  ${Text} {\n    color: rgba(0, 0, 0, 0.16);\n  }\n`\n\nexport const Root = styled.button.withConfig<TagProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor', 'className', 'style', 'onClick'].includes(prop),\n})`\n  padding: 0 16px;\n  margin-bottom: 10px;\n  border-radius: 3px;\n  background-color: ${(props) => props.theme.colors.white};\n  border: 1px solid ${(props) => props.theme.colors.whiteGray};\n  box-sizing: border-box;\n  vertical-align: middle;\n  transition:\n    color 0.25s ease,\n    background 0.25s ease,\n    border-color 0.25s ease;\n  cursor: pointer;\n  text-align: center;\n  touch-action: manipulation;\n  min-width: 60px;\n\n  ${(props) => (props.size ? property(chooseWidthValue(props), 'width') : null)}\n  ${(props) => (props.height ? property(props.height, 'line-height') : null)}\n  ${(props) => (props.height ? property(props.height, 'height') : null)}\n  ${({ heightXS, heightS, heightM, heightL, heightXL }) =>\n    responsiveNamedProperty({ sizes: { heightXS, heightS, heightM, heightL, heightXL }, cssProperty: 'height' })}\n\n  ${(props) => (props.width ? property(props.width, 'width') : null)}\n    ${({ widthXS, widthS, widthM, widthL, widthXL }) =>\n    responsiveNamedProperty({ sizes: { widthXS, widthS, widthM, widthL, widthXL }, cssProperty: 'width' })}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n\n  &:not(:last-child) {\n    margin-right: 20px;\n  }\n\n  ${(props) =>\n    !props.disabled\n      ? css`\n          ${hover(\n            `\n              border-color: currentcolor;\n            `,\n            '&:hover:not(:disabled)'\n          )}\n          &:active:not(:disabled) {\n            ${active}\n            ${Text} {\n              color: ${({ theme }) => theme.colors.white};\n            }\n          }\n        `\n      : null}\n\n  ${(props) => (props.inverse || props.checked ? active : null)}\n\n  &:disabled {\n    ${disabled}\n  }\n  ${(props) => (props.disabled ? disabled : null)}\n`\n"],"names":["WIDTHS","l","m","s","xs","active","css","Text","styled","UiText","withConfig","displayName","componentId","disabled","Root","button","shouldForwardProp","prop","includes","props","theme","colors","white","whiteGray","size","property","width","chooseWidthValue","height","heightXS","heightS","heightM","heightL","heightXL","responsiveNamedProperty","sizes","cssProperty","widthXS","widthS","widthM","widthL","widthXL","display","color","hover","inverse","checked"],"mappings":"mZAUA,MAAMA,OAAiF,CACrFC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IAYN,MAAMC,OAASC,OAAAA,IAAG,CAAA,4DAKX,MAAMC,KAAOC,gBAAAA,QAAOC,aAAOC,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAAdJ,CAAc,CAAA,qJAUlC,MAAMK,SAAWP,OAAAA,IAAG,CAAA,wDAAA,6BAGhBC,MAKG,MAAMO,KAAON,gBAAAA,QAAOO,OAAOL,WAAqB,CACrDM,kBAAoBC,GAAS,CAAC,WAAY,UAAW,YAAa,QAAS,WAAWC,SAASD,KAC/FP,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAFkBJ,CAElB,CAAA,wEAAA,qBAAA,oMAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,0CAAA,IAAA,eAAA,IAAA,IAIqBW,GAAUA,EAAMC,MAAMC,OAAOC,MAC7BH,GAAUA,EAAMC,MAAMC,OAAOE,UAY/CJ,GAAWA,EAAMK,KAAOC,mBAAAA,SAnDHN,IACpBA,EAAMO,QAAU,OAAe,cACxBP,EAAMO,OAAU,SAAiBP,EAAMO,MAE9CP,EAAMK,MAAQxB,OAAOmB,EAAMK,MAAcxB,OAAOmB,EAAMK,MAEnD,OA6C6BG,CAAiBR,GAAQ,SAAW,KACrEA,GAAWA,EAAMS,OAASH,mBAAAA,SAASN,EAAMS,OAAQ,eAAiB,KAClET,GAAWA,EAAMS,OAASH,mBAAAA,SAASN,EAAMS,OAAQ,UAAY,KAC9D,EAAGC,WAAUC,UAASC,UAASC,UAASC,cACxCC,2CAAwB,CAAEC,MAAO,CAAEN,WAAUC,UAASC,UAASC,UAASC,YAAYG,YAAa,WAEhGjB,GAAWA,EAAMO,MAAQD,mBAAAA,SAASN,EAAMO,MAAO,SAAW,KACzD,EAAGW,UAASC,SAAQC,SAAQC,SAAQC,aACtCP,2CAAwB,CAAEC,MAAO,CAAEE,UAASC,SAAQC,SAAQC,SAAQC,WAAWL,YAAa,UAE3FjB,GAAWA,EAAMuB,QAAUA,QAAAA,QAAQvB,EAAMuB,SAAW,KACpDvB,GAAWA,EAAMwB,MAAQA,MAAAA,MAAMxB,EAAMwB,OAAS,KAM9CxB,GACAA,EAAMN,SAeH,KAdAP,OAAAA,IAAG,CAAA,GAAA,4BAAA,IAAA,UAAA,OACCsC,MAAAA,MACA,4DAGA,0BAGEvC,OACAE,KACS,EAAGa,WAAYA,EAAMC,OAAOC,OAM9CH,GAAWA,EAAM0B,SAAW1B,EAAM2B,QAAUzC,OAAS,KAGpDQ,SAEDM,GAAWA,EAAMN,SAAWA,SAAW"}

package/components/Tag/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{color}from'../../mixins/color.mjs';import{hover}from'../../mixins/hover.mjs';import{Text as Text$1}from'../Text/Text.mjs';const WIDTHS={l:220,m:182,s:100,xs:60};const active=css(["border-color:transparent;background-color:currentcolor;"]);const Text=styled(Text$1).withConfig({displayName:"Tag__Text",componentId:"ui__sc-3oi44j-0"})(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;transition:color 0.25s ease;"]);const disabled=css(["cursor:not-allowed;background-color:rgba(0,0,0,0.04);","{color:rgba(0,0,0,0.16);}"],Text);const Root=styled.button.withConfig({shouldForwardProp:o=>['children','htmlFor','className','style','onClick'].includes(o)}).withConfig({displayName:"Tag__Root",componentId:"ui__sc-3oi44j-1"})(["padding:0 16px;margin-bottom:10px;border-radius:3px;background-color:",";border:1px solid ",";box-sizing:border-box;vertical-align:middle;transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease;cursor:pointer;text-align:center;touch-action:manipulation;min-width:60px;"," "," "," "," "," "," "," "," &:not(:last-child){margin-right:20px;}"," "," &:disabled{","}",""],(o=>o.theme.colors.white),(o=>o.theme.colors.whiteGray),(o=>o.size?property((o=>o.width==='auto'?'auto':typeof o.width=='number'?o.width:o.size&&WIDTHS[o.size]?WIDTHS[o.size]:'auto')(o),'width'):null),(o=>o.height?property(o.height,'line-height'):null),(o=>o.height?property(o.height,'height'):null),(({heightXS:o,heightS:e,heightM:i,heightL:t,heightXL:r})=>responsiveNamedProperty({sizes:{heightXS:o,heightS:e,heightM:i,heightL:t,heightXL:r},cssProperty:'height'})),(o=>o.width?property(o.width,'width'):null),(({widthXS:o,widthS:e,widthM:i,widthL:t,widthXL:r})=>responsiveNamedProperty({sizes:{widthXS:o,widthS:e,widthM:i,widthL:t,widthXL:r},cssProperty:'width'})),(o=>o.display?display(o.display):null),(o=>o.color?color(o.color):null),(o=>o.disabled?null:css([""," &:active:not(:disabled){"," ","{color:",";}}"],hover("\n              border-color: currentcolor;\n            ",'&:hover:not(:disabled)'),active,Text,(({theme:o})=>o.colors.white))),(o=>o.inverse||o.checked?active:null),disabled,(o=>o.disabled?disabled:null));export{Root,Text};
+import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{color}from'../../mixins/color.mjs';import{hover}from'../../mixins/hover.mjs';import{Text as Text$1}from'../Text/Text.mjs';const WIDTHS={l:220,m:182,s:100,xs:60};const active=css(["border-color:transparent;background-color:currentcolor;"]);const Text=styled(Text$1).withConfig({displayName:"Tag__Text",componentId:"ui__sc-3oi44j-0"})(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;transition:color 0.25s ease;"]);const disabled=css(["cursor:not-allowed;background-color:rgba(0,0,0,0.04);","{color:rgba(0,0,0,0.16);}"],Text);const Root=styled.button.withConfig({shouldForwardProp:o=>['children','htmlFor','className','style','onClick'].includes(o)}).withConfig({displayName:"Tag__Root",componentId:"ui__sc-3oi44j-1"})(["padding:0 16px;margin-bottom:10px;border-radius:3px;background-color:",";border:1px solid ",";box-sizing:border-box;vertical-align:middle;transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease;cursor:pointer;text-align:center;touch-action:manipulation;min-width:60px;"," "," "," "," "," "," "," "," &:not(:last-child){margin-right:20px;}"," "," &:disabled{","}",""],o=>o.theme.colors.white,o=>o.theme.colors.whiteGray,o=>o.size?property((o=>o.width==='auto'?'auto':typeof o.width=='number'?o.width:o.size&&WIDTHS[o.size]?WIDTHS[o.size]:'auto')(o),'width'):null,o=>o.height?property(o.height,'line-height'):null,o=>o.height?property(o.height,'height'):null,({heightXS:o,heightS:e,heightM:i,heightL:t,heightXL:r})=>responsiveNamedProperty({sizes:{heightXS:o,heightS:e,heightM:i,heightL:t,heightXL:r},cssProperty:'height'}),o=>o.width?property(o.width,'width'):null,({widthXS:o,widthS:e,widthM:i,widthL:t,widthXL:r})=>responsiveNamedProperty({sizes:{widthXS:o,widthS:e,widthM:i,widthL:t,widthXL:r},cssProperty:'width'}),o=>o.display?display(o.display):null,o=>o.color?color(o.color):null,o=>o.disabled?null:css([""," &:active:not(:disabled){"," ","{color:",";}}"],hover("\n              border-color: currentcolor;\n            ",'&:hover:not(:disabled)'),active,Text,({theme:o})=>o.colors.white),o=>o.inverse||o.checked?active:null,disabled,o=>o.disabled?disabled:null);export{Root,Text};
 //# sourceMappingURL=style.mjs.map

package/components/Tag/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Tag/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport { Text as UiText } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { hover } from 'mixins/hover'\nimport type { TagProps } from './Tag'\n\nconst WIDTHS: Record<Partial<Exclude<TagProps['size'], 'auto' | undefined>>, number> = {\n  l: 220,\n  m: 182,\n  s: 100,\n  xs: 60,\n}\n\nconst chooseWidthValue = (props: TagProps): PossibleValues => {\n  if (props.width === 'auto') return 'auto'\n  if (typeof props.width === 'number') return props.width\n\n  if (props.size && WIDTHS[props.size]) return WIDTHS[props.size]\n\n  return 'auto'\n}\n\nconst active = css`\n  border-color: transparent;\n  background-color: currentcolor;\n`\n\nexport const Text = styled(UiText)<TextProps>`\n  display: inline-block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  transition: color 0.25s ease;\n`\n\nconst disabled = css`\n  cursor: not-allowed;\n  background-color: rgba(0, 0, 0, 0.04);\n  ${Text} {\n    color: rgba(0, 0, 0, 0.16);\n  }\n`\n\nexport const Root = styled.button.withConfig<TagProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor', 'className', 'style', 'onClick'].includes(prop),\n})`\n  padding: 0 16px;\n  margin-bottom: 10px;\n  border-radius: 3px;\n  background-color: ${(props) => props.theme.colors.white};\n  border: 1px solid ${(props) => props.theme.colors.whiteGray};\n  box-sizing: border-box;\n  vertical-align: middle;\n  transition:\n    color 0.25s ease,\n    background 0.25s ease,\n    border-color 0.25s ease;\n  cursor: pointer;\n  text-align: center;\n  touch-action: manipulation;\n  min-width: 60px;\n\n  ${(props) => (props.size ? property(chooseWidthValue(props), 'width') : null)}\n  ${(props) => (props.height ? property(props.height, 'line-height') : null)}\n  ${(props) => (props.height ? property(props.height, 'height') : null)}\n  ${({ heightXS, heightS, heightM, heightL, heightXL }) =>\n    responsiveNamedProperty({ sizes: { heightXS, heightS, heightM, heightL, heightXL }, cssProperty: 'height' })}\n\n  ${(props) => (props.width ? property(props.width, 'width') : null)}\n    ${({ widthXS, widthS, widthM, widthL, widthXL }) =>\n    responsiveNamedProperty({ sizes: { widthXS, widthS, widthM, widthL, widthXL }, cssProperty: 'width' })}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n\n  &:not(:last-child) {\n    margin-right: 20px;\n  }\n\n  ${(props) =>\n    !props.disabled\n      ? css`\n          ${hover(\n            `\n              border-color: currentcolor;\n            `,\n            '&:hover:not(:disabled)'\n          )}\n          &:active:not(:disabled) {\n            ${active}\n            ${Text} {\n              color: ${({ theme }) => theme.colors.white};\n            }\n          }\n        `\n      : null}\n\n  ${(props) => (props.inverse || props.checked ? active : null)}\n\n  &:disabled {\n    ${disabled}\n  }\n  ${(props) => (props.disabled ? disabled : null)}\n`\n"],"names":["WIDTHS","l","m","s","xs","active","css","Text","styled","UiText","withConfig","displayName","componentId","disabled","Root","button","shouldForwardProp","prop","includes","props","theme","colors","white","whiteGray","size","property","width","chooseWidthValue","height","heightXS","heightS","heightM","heightL","heightXL","responsiveNamedProperty","sizes","cssProperty","widthXS","widthS","widthM","widthL","widthXL","display","color","hover","inverse","checked"],"mappings":"6SAUA,MAAMA,OAAiF,CACrFC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IAYN,MAAMC,OAASC,IAAG,CAAA,4DAKX,MAAMC,KAAOC,OAAOC,QAAOC,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAAdJ,CAAc,CAAA,qJAUlC,MAAMK,SAAWP,IAAG,CAAA,wDAAA,6BAGhBC,MAKG,MAAMO,KAAON,OAAOO,OAAOL,WAAqB,CACrDM,kBAAoBC,GAAS,CAAC,WAAY,UAAW,YAAa,QAAS,WAAWC,SAASD,KAC/FP,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAFkBJ,CAElB,CAAA,wEAAA,qBAAA,oMAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,0CAAA,IAAA,eAAA,IAAA,KAIqBW,GAAUA,EAAMC,MAAMC,OAAOC,QAC7BH,GAAUA,EAAMC,MAAMC,OAAOE,YAY/CJ,GAAWA,EAAMK,KAAOC,SAnDHN,IACpBA,EAAMO,QAAU,OAAe,cACxBP,EAAMO,OAAU,SAAiBP,EAAMO,MAE9CP,EAAMK,MAAQxB,OAAOmB,EAAMK,MAAcxB,OAAOmB,EAAMK,MAEnD,OA6C6BG,CAAiBR,GAAQ,SAAW,OACrEA,GAAWA,EAAMS,OAASH,SAASN,EAAMS,OAAQ,eAAiB,OAClET,GAAWA,EAAMS,OAASH,SAASN,EAAMS,OAAQ,UAAY,OAC9D,EAAGC,WAAUC,UAASC,UAASC,UAASC,cACxCC,wBAAwB,CAAEC,MAAO,CAAEN,WAAUC,UAASC,UAASC,UAASC,YAAYG,YAAa,aAEhGjB,GAAWA,EAAMO,MAAQD,SAASN,EAAMO,MAAO,SAAW,OACzD,EAAGW,UAASC,SAAQC,SAAQC,SAAQC,aACtCP,wBAAwB,CAAEC,MAAO,CAAEE,UAASC,SAAQC,SAAQC,SAAQC,WAAWL,YAAa,YAE3FjB,GAAWA,EAAMuB,QAAUA,QAAQvB,EAAMuB,SAAW,OACpDvB,GAAWA,EAAMwB,MAAQA,MAAMxB,EAAMwB,OAAS,OAM9CxB,GACAA,EAAMN,SAeH,KAdAP,IAAG,CAAA,GAAA,4BAAA,IAAA,UAAA,OACCsC,MACA,4DAGA,0BAGEvC,OACAE,MACS,EAAGa,WAAYA,EAAMC,OAAOC,UAM9CH,GAAWA,EAAM0B,SAAW1B,EAAM2B,QAAUzC,OAAS,MAGpDQ,UAEDM,GAAWA,EAAMN,SAAWA,SAAW"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Tag/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport { Text as UiText } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { hover } from 'mixins/hover'\nimport type { TagProps } from './Tag'\n\nconst WIDTHS: Record<Partial<Exclude<TagProps['size'], 'auto' | undefined>>, number> = {\n  l: 220,\n  m: 182,\n  s: 100,\n  xs: 60,\n}\n\nconst chooseWidthValue = (props: TagProps): PossibleValues => {\n  if (props.width === 'auto') return 'auto'\n  if (typeof props.width === 'number') return props.width\n\n  if (props.size && WIDTHS[props.size]) return WIDTHS[props.size]\n\n  return 'auto'\n}\n\nconst active = css`\n  border-color: transparent;\n  background-color: currentcolor;\n`\n\nexport const Text = styled(UiText)<TextProps>`\n  display: inline-block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  transition: color 0.25s ease;\n`\n\nconst disabled = css`\n  cursor: not-allowed;\n  background-color: rgba(0, 0, 0, 0.04);\n  ${Text} {\n    color: rgba(0, 0, 0, 0.16);\n  }\n`\n\nexport const Root = styled.button.withConfig<TagProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor', 'className', 'style', 'onClick'].includes(prop),\n})`\n  padding: 0 16px;\n  margin-bottom: 10px;\n  border-radius: 3px;\n  background-color: ${(props) => props.theme.colors.white};\n  border: 1px solid ${(props) => props.theme.colors.whiteGray};\n  box-sizing: border-box;\n  vertical-align: middle;\n  transition:\n    color 0.25s ease,\n    background 0.25s ease,\n    border-color 0.25s ease;\n  cursor: pointer;\n  text-align: center;\n  touch-action: manipulation;\n  min-width: 60px;\n\n  ${(props) => (props.size ? property(chooseWidthValue(props), 'width') : null)}\n  ${(props) => (props.height ? property(props.height, 'line-height') : null)}\n  ${(props) => (props.height ? property(props.height, 'height') : null)}\n  ${({ heightXS, heightS, heightM, heightL, heightXL }) =>\n    responsiveNamedProperty({ sizes: { heightXS, heightS, heightM, heightL, heightXL }, cssProperty: 'height' })}\n\n  ${(props) => (props.width ? property(props.width, 'width') : null)}\n    ${({ widthXS, widthS, widthM, widthL, widthXL }) =>\n    responsiveNamedProperty({ sizes: { widthXS, widthS, widthM, widthL, widthXL }, cssProperty: 'width' })}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n\n  &:not(:last-child) {\n    margin-right: 20px;\n  }\n\n  ${(props) =>\n    !props.disabled\n      ? css`\n          ${hover(\n            `\n              border-color: currentcolor;\n            `,\n            '&:hover:not(:disabled)'\n          )}\n          &:active:not(:disabled) {\n            ${active}\n            ${Text} {\n              color: ${({ theme }) => theme.colors.white};\n            }\n          }\n        `\n      : null}\n\n  ${(props) => (props.inverse || props.checked ? active : null)}\n\n  &:disabled {\n    ${disabled}\n  }\n  ${(props) => (props.disabled ? disabled : null)}\n`\n"],"names":["WIDTHS","l","m","s","xs","active","css","Text","styled","UiText","withConfig","displayName","componentId","disabled","Root","button","shouldForwardProp","prop","includes","props","theme","colors","white","whiteGray","size","property","width","chooseWidthValue","height","heightXS","heightS","heightM","heightL","heightXL","responsiveNamedProperty","sizes","cssProperty","widthXS","widthS","widthM","widthL","widthXL","display","color","hover","inverse","checked"],"mappings":"6SAUA,MAAMA,OAAiF,CACrFC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IAYN,MAAMC,OAASC,IAAG,CAAA,4DAKX,MAAMC,KAAOC,OAAOC,QAAOC,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAAdJ,CAAc,CAAA,qJAUlC,MAAMK,SAAWP,IAAG,CAAA,wDAAA,6BAGhBC,MAKG,MAAMO,KAAON,OAAOO,OAAOL,WAAqB,CACrDM,kBAAoBC,GAAS,CAAC,WAAY,UAAW,YAAa,QAAS,WAAWC,SAASD,KAC/FP,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAFkBJ,CAElB,CAAA,wEAAA,qBAAA,oMAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,0CAAA,IAAA,eAAA,IAAA,IAIqBW,GAAUA,EAAMC,MAAMC,OAAOC,MAC7BH,GAAUA,EAAMC,MAAMC,OAAOE,UAY/CJ,GAAWA,EAAMK,KAAOC,SAnDHN,IACpBA,EAAMO,QAAU,OAAe,cACxBP,EAAMO,OAAU,SAAiBP,EAAMO,MAE9CP,EAAMK,MAAQxB,OAAOmB,EAAMK,MAAcxB,OAAOmB,EAAMK,MAEnD,OA6C6BG,CAAiBR,GAAQ,SAAW,KACrEA,GAAWA,EAAMS,OAASH,SAASN,EAAMS,OAAQ,eAAiB,KAClET,GAAWA,EAAMS,OAASH,SAASN,EAAMS,OAAQ,UAAY,KAC9D,EAAGC,WAAUC,UAASC,UAASC,UAASC,cACxCC,wBAAwB,CAAEC,MAAO,CAAEN,WAAUC,UAASC,UAASC,UAASC,YAAYG,YAAa,WAEhGjB,GAAWA,EAAMO,MAAQD,SAASN,EAAMO,MAAO,SAAW,KACzD,EAAGW,UAASC,SAAQC,SAAQC,SAAQC,aACtCP,wBAAwB,CAAEC,MAAO,CAAEE,UAASC,SAAQC,SAAQC,SAAQC,WAAWL,YAAa,UAE3FjB,GAAWA,EAAMuB,QAAUA,QAAQvB,EAAMuB,SAAW,KACpDvB,GAAWA,EAAMwB,MAAQA,MAAMxB,EAAMwB,OAAS,KAM9CxB,GACAA,EAAMN,SAeH,KAdAP,IAAG,CAAA,GAAA,4BAAA,IAAA,UAAA,OACCsC,MACA,4DAGA,0BAGEvC,OACAE,KACS,EAAGa,WAAYA,EAAMC,OAAOC,OAM9CH,GAAWA,EAAM0B,SAAW1B,EAAM2B,QAAUzC,OAAS,KAGpDQ,SAEDM,GAAWA,EAAMN,SAAWA,SAAW"}

package/components/Text/Ellipsis.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var useMergedPalette=require('../../hooks/useMergedPalette.js');var useResizeObserver=require('../../hooks/useResizeObserver.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');exports.Ellipsis=e=>{const{lines:t=1,defaultExpanded:s=!1,expandable:n=!1,expandButtonProps:r={},children:i,expanded:l,underline:u,onExpandedChange:a}=e;const{captionExpanded:c="Свернуть",captionCollapsed:o="Развернуть",...d}=r;const x=React.useRef(null);const R=React.useRef(null);const h=useMergedPalette.useMergedPalette(d);const[p,g]=React.useState(null);const[j,v]=React.useState(l??s);const f=React.useCallback((e=>{if(R.current)if(j){const s=Math.round(e.clientHeight/R.current.clientHeight);g(s>t)}else{const t=Math.round(e.scrollHeight/R.current.clientHeight);const s=Math.round(e.clientHeight/R.current.clientHeight);g(t>s)}}),[t,j]);return useResizeObserver.useResizeObserver({enabled:n,target:x,onResize:f}),React.useLayoutEffect((()=>{l!==void 0&&(v(l),a&&a(l))}),[l,a]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(style.TextEllipsis,{ref:x,lines:t,expanded:j,underline:u,children:[n?jsxRuntime.jsx(style.LineHeight,{ref:R,children:" "}):null,i]}),n&&p===!0?jsxRuntime.jsx(style.ExpandButton,{...d,type:"button",palette:h,onClick:e=>{if(d.onClick&&d.onClick(e),l===void 0){const e=!j;v(e),a&&a(e)}},children:j?c:o}):null]})};
+'use strict';var React=require('react');var useMergedPalette=require('../../hooks/useMergedPalette.js');var useResizeObserver=require('../../hooks/useResizeObserver.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');exports.Ellipsis=e=>{const{lines:t=1,defaultExpanded:s=!1,expandable:n=!1,expandButtonProps:r={},children:i,expanded:l,underline:u,onExpandedChange:a}=e;const{captionExpanded:c="Свернуть",captionCollapsed:o="Развернуть",...d}=r;const x=React.useRef(null);const R=React.useRef(null);const h=useMergedPalette.useMergedPalette(d);const[p,g]=React.useState(null);const[j,v]=React.useState(l??s);const f=React.useCallback(e=>{if(R.current)if(j){const s=Math.round(e.clientHeight/R.current.clientHeight);g(s>t)}else{const t=Math.round(e.scrollHeight/R.current.clientHeight);const s=Math.round(e.clientHeight/R.current.clientHeight);g(t>s)}},[t,j]);return useResizeObserver.useResizeObserver({enabled:n,target:x,onResize:f}),React.useLayoutEffect(()=>{l!==void 0&&(v(l),a&&a(l))},[l,a]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(style.TextEllipsis,{ref:x,lines:t,expanded:j,underline:u,children:[n?jsxRuntime.jsx(style.LineHeight,{ref:R,children:" "}):null,i]}),n&&p===!0?jsxRuntime.jsx(style.ExpandButton,{...d,type:"button",palette:h,onClick:e=>{if(d.onClick&&d.onClick(e),l===void 0){const e=!j;v(e),a&&a(e)}},children:j?c:o}):null]})};
 //# sourceMappingURL=Ellipsis.js.map

package/components/Text/Ellipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ellipsis.js","sources":["../../../../src/components/Text/Ellipsis.tsx"],"sourcesContent":["import { useState, useLayoutEffect, useRef, useCallback } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { useResizeObserver } from 'hooks/useResizeObserver'\nimport type { Nullable } from 'shared/types'\nimport type { EllipsisProps, ExpandButtonProps } from './types'\nimport * as Styled from './style'\n\nconst Ellipsis = (props: EllipsisProps) => {\n  const {\n    lines = 1,\n    defaultExpanded = false,\n    expandable = false,\n    expandButtonProps = {} as ExpandButtonProps,\n    children,\n    expanded,\n    underline,\n    onExpandedChange,\n  } = props\n\n  const { captionExpanded = 'Свернуть', captionCollapsed = 'Развернуть', ...restExpandButtonProps } = expandButtonProps\n\n  const textRef = useRef<HTMLSpanElement>(null)\n  const lineHeightRef = useRef<HTMLSpanElement>(null)\n\n  const expandButtonPalette = useMergedPalette(restExpandButtonProps)\n\n  const [expandButtonVisible, setExpandButtonVisible] = useState<Nullable<boolean>>(null)\n  const [textExpanded, setTextExpanded] = useState<boolean>(expanded ?? defaultExpanded)\n\n  const handleExpandButtonVisibility = useCallback(\n    (e: HTMLSpanElement) => {\n      if (!lineHeightRef.current) return\n\n      if (textExpanded) {\n        const linesTotalCount = Math.round(e.clientHeight / lineHeightRef.current.clientHeight)\n\n        setExpandButtonVisible(linesTotalCount > lines)\n      } else {\n        const linesTotalCount = Math.round(e.scrollHeight / lineHeightRef.current.clientHeight)\n        const linesVisibleCount = Math.round(e.clientHeight / lineHeightRef.current.clientHeight)\n\n        setExpandButtonVisible(linesTotalCount > linesVisibleCount)\n      }\n    },\n    [lines, textExpanded]\n  )\n\n  useResizeObserver({\n    enabled: expandable,\n    target: textRef,\n    onResize: handleExpandButtonVisibility,\n  })\n\n  useLayoutEffect(() => {\n    if (expanded !== undefined) {\n      setTextExpanded(expanded)\n      if (onExpandedChange) onExpandedChange(expanded)\n    }\n  }, [expanded, onExpandedChange])\n\n  return (\n    <>\n      <Styled.TextEllipsis ref={textRef} lines={lines} expanded={textExpanded} underline={underline}>\n        {expandable ? <Styled.LineHeight ref={lineHeightRef}>&nbsp;</Styled.LineHeight> : null}\n        {children}\n      </Styled.TextEllipsis>\n      {expandable && expandButtonVisible === true ? (\n        <Styled.ExpandButton\n          {...restExpandButtonProps}\n          type='button'\n          palette={expandButtonPalette}\n          onClick={(evt) => {\n            if (restExpandButtonProps.onClick) restExpandButtonProps.onClick(evt)\n\n            if (expanded === undefined) {\n              const update = !textExpanded\n\n              setTextExpanded(update)\n              if (onExpandedChange) onExpandedChange(update)\n            }\n          }}\n        >\n          {textExpanded ? captionExpanded : captionCollapsed}\n        </Styled.ExpandButton>\n      ) : null}\n    </>\n  )\n}\n\nexport { Ellipsis }\n"],"names":["props","lines","defaultExpanded","expandable","expandButtonProps","children","expanded","underline","onExpandedChange","captionExpanded","captionCollapsed","restExpandButtonProps","textRef","useRef","lineHeightRef","expandButtonPalette","useMergedPalette","expandButtonVisible","setExpandButtonVisible","useState","textExpanded","setTextExpanded","handleExpandButtonVisibility","useCallback","e","current","linesTotalCount","Math","round","clientHeight","scrollHeight","linesVisibleCount","useResizeObserver","enabled","target","onResize","useLayoutEffect","undefined","_jsxs","_Fragment","Styled","ref","_jsx","type","palette","onClick","evt","update"],"mappings":"uQAOkBA,IAChB,MAAMC,MACJA,EAAQ,EAACC,gBACTA,GAAkB,EAAKC,WACvBA,GAAa,EAAKC,kBAClBA,EAAoB,CAAA,EAAuBC,SAC3CA,EAAQC,SACRA,EAAQC,UACRA,EAASC,iBACTA,GACER,EAEJ,MAAMS,gBAAEA,EAAkB,WAAUC,iBAAEA,EAAmB,gBAAiBC,GAA0BP,EAEpG,MAAMQ,EAAUC,MAAAA,OAAwB,MACxC,MAAMC,EAAgBD,MAAAA,OAAwB,MAE9C,MAAME,EAAsBC,iBAAAA,iBAAiBL,GAE7C,MAAOM,EAAqBC,GAA0BC,MAAAA,SAA4B,MAClF,MAAOC,EAAcC,GAAmBF,MAAAA,SAAkBb,GAAYJ,GAEtE,MAAMoB,EAA+BC,MAAAA,aAClCC,IACC,GAAKV,EAAcW,QAEnB,GAAIL,EAAc,CAChB,MAAMM,EAAkBC,KAAKC,MAAMJ,EAAEK,aAAef,EAAcW,QAAQI,cAE1EX,EAAuBQ,EAAkBzB,EAC3C,KAAO,CACL,MAAMyB,EAAkBC,KAAKC,MAAMJ,EAAEM,aAAehB,EAAcW,QAAQI,cAC1E,MAAME,EAAoBJ,KAAKC,MAAMJ,EAAEK,aAAef,EAAcW,QAAQI,cAE5EX,EAAuBQ,EAAkBK,EAC3C,IAEF,CAAC9B,EAAOmB,IAgBV,OAbAY,oCAAkB,CAChBC,QAAS9B,EACT+B,OAAQtB,EACRuB,SAAUb,IAGZc,MAAAA,iBAAgB,KACV9B,SAAa+B,IACfhB,EAAgBf,GACZE,GAAkBA,EAAiBF,GACzC,GACC,CAACA,EAAUE,IAGZ8B,WAAAA,KAAAC,WAAAA,SAAA,CAAAlC,SAAA,CACEiC,WAAAA,KAACE,mBAAmB,CAACC,IAAK7B,EAASX,MAAOA,EAAOK,SAAUc,EAAcb,UAAWA,EAAUF,UAC3FF,EAAauC,WAAAA,IAACF,iBAAiB,CAACC,IAAK3B,EAAcT,SAAC,MAA6B,KACjFA,KAEFF,GAAcc,KAAwB,EACrCyB,WAAAA,IAACF,MAAAA,aAAmB,IACd7B,EACJgC,KAAK,SACLC,QAAS7B,EACT8B,QAAUC,IAGR,GAFInC,EAAsBkC,SAASlC,EAAsBkC,QAAQC,GAE7DxC,SAAa+B,EAAW,CAC1B,MAAMU,GAAU3B,EAEhBC,EAAgB0B,GACZvC,GAAkBA,EAAiBuC,EACzC,GACA1C,SAEDe,EAAeX,EAAkBC,IAElC,OACH"}
+{"version":3,"file":"Ellipsis.js","sources":["../../../../src/components/Text/Ellipsis.tsx"],"sourcesContent":["import { useState, useLayoutEffect, useRef, useCallback } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { useResizeObserver } from 'hooks/useResizeObserver'\nimport type { Nullable } from 'shared/types'\nimport type { EllipsisProps, ExpandButtonProps } from './types'\nimport * as Styled from './style'\n\nconst Ellipsis = (props: EllipsisProps) => {\n  const {\n    lines = 1,\n    defaultExpanded = false,\n    expandable = false,\n    expandButtonProps = {} as ExpandButtonProps,\n    children,\n    expanded,\n    underline,\n    onExpandedChange,\n  } = props\n\n  const { captionExpanded = 'Свернуть', captionCollapsed = 'Развернуть', ...restExpandButtonProps } = expandButtonProps\n\n  const textRef = useRef<HTMLSpanElement>(null)\n  const lineHeightRef = useRef<HTMLSpanElement>(null)\n\n  const expandButtonPalette = useMergedPalette(restExpandButtonProps)\n\n  const [expandButtonVisible, setExpandButtonVisible] = useState<Nullable<boolean>>(null)\n  const [textExpanded, setTextExpanded] = useState<boolean>(expanded ?? defaultExpanded)\n\n  const handleExpandButtonVisibility = useCallback(\n    (e: HTMLSpanElement) => {\n      if (!lineHeightRef.current) return\n\n      if (textExpanded) {\n        const linesTotalCount = Math.round(e.clientHeight / lineHeightRef.current.clientHeight)\n\n        setExpandButtonVisible(linesTotalCount > lines)\n      } else {\n        const linesTotalCount = Math.round(e.scrollHeight / lineHeightRef.current.clientHeight)\n        const linesVisibleCount = Math.round(e.clientHeight / lineHeightRef.current.clientHeight)\n\n        setExpandButtonVisible(linesTotalCount > linesVisibleCount)\n      }\n    },\n    [lines, textExpanded]\n  )\n\n  useResizeObserver({\n    enabled: expandable,\n    target: textRef,\n    onResize: handleExpandButtonVisibility,\n  })\n\n  useLayoutEffect(() => {\n    if (expanded !== undefined) {\n      setTextExpanded(expanded)\n      if (onExpandedChange) onExpandedChange(expanded)\n    }\n  }, [expanded, onExpandedChange])\n\n  return (\n    <>\n      <Styled.TextEllipsis ref={textRef} lines={lines} expanded={textExpanded} underline={underline}>\n        {expandable ? <Styled.LineHeight ref={lineHeightRef}>&nbsp;</Styled.LineHeight> : null}\n        {children}\n      </Styled.TextEllipsis>\n      {expandable && expandButtonVisible === true ? (\n        <Styled.ExpandButton\n          {...restExpandButtonProps}\n          type='button'\n          palette={expandButtonPalette}\n          onClick={(evt) => {\n            if (restExpandButtonProps.onClick) restExpandButtonProps.onClick(evt)\n\n            if (expanded === undefined) {\n              const update = !textExpanded\n\n              setTextExpanded(update)\n              if (onExpandedChange) onExpandedChange(update)\n            }\n          }}\n        >\n          {textExpanded ? captionExpanded : captionCollapsed}\n        </Styled.ExpandButton>\n      ) : null}\n    </>\n  )\n}\n\nexport { Ellipsis }\n"],"names":["props","lines","defaultExpanded","expandable","expandButtonProps","children","expanded","underline","onExpandedChange","captionExpanded","captionCollapsed","restExpandButtonProps","textRef","useRef","lineHeightRef","expandButtonPalette","useMergedPalette","expandButtonVisible","setExpandButtonVisible","useState","textExpanded","setTextExpanded","handleExpandButtonVisibility","useCallback","e","current","linesTotalCount","Math","round","clientHeight","scrollHeight","linesVisibleCount","useResizeObserver","enabled","target","onResize","useLayoutEffect","undefined","_jsxs","_Fragment","Styled","ref","_jsx","type","palette","onClick","evt","update"],"mappings":"uQAOkBA,IAChB,MAAMC,MACJA,EAAQ,EAACC,gBACTA,GAAkB,EAAKC,WACvBA,GAAa,EAAKC,kBAClBA,EAAoB,CAAA,EAAuBC,SAC3CA,EAAQC,SACRA,EAAQC,UACRA,EAASC,iBACTA,GACER,EAEJ,MAAMS,gBAAEA,EAAkB,WAAUC,iBAAEA,EAAmB,gBAAiBC,GAA0BP,EAEpG,MAAMQ,EAAUC,MAAAA,OAAwB,MACxC,MAAMC,EAAgBD,MAAAA,OAAwB,MAE9C,MAAME,EAAsBC,iBAAAA,iBAAiBL,GAE7C,MAAOM,EAAqBC,GAA0BC,MAAAA,SAA4B,MAClF,MAAOC,EAAcC,GAAmBF,MAAAA,SAAkBb,GAAYJ,GAEtE,MAAMoB,EAA+BC,MAAAA,YAClCC,IACC,GAAKV,EAAcW,QAEnB,GAAIL,EAAc,CAChB,MAAMM,EAAkBC,KAAKC,MAAMJ,EAAEK,aAAef,EAAcW,QAAQI,cAE1EX,EAAuBQ,EAAkBzB,EAC3C,KAAO,CACL,MAAMyB,EAAkBC,KAAKC,MAAMJ,EAAEM,aAAehB,EAAcW,QAAQI,cAC1E,MAAME,EAAoBJ,KAAKC,MAAMJ,EAAEK,aAAef,EAAcW,QAAQI,cAE5EX,EAAuBQ,EAAkBK,EAC3C,GAEF,CAAC9B,EAAOmB,IAgBV,OAbAY,oCAAkB,CAChBC,QAAS9B,EACT+B,OAAQtB,EACRuB,SAAUb,IAGZc,MAAAA,gBAAgB,KACV9B,SAAa+B,IACfhB,EAAgBf,GACZE,GAAkBA,EAAiBF,KAExC,CAACA,EAAUE,IAGZ8B,WAAAA,KAAAC,WAAAA,SAAA,CAAAlC,SAAA,CACEiC,WAAAA,KAACE,mBAAmB,CAACC,IAAK7B,EAASX,MAAOA,EAAOK,SAAUc,EAAcb,UAAWA,EAAUF,UAC3FF,EAAauC,WAAAA,IAACF,iBAAiB,CAACC,IAAK3B,EAAcT,SAAC,MAA6B,KACjFA,KAEFF,GAAcc,KAAwB,EACrCyB,WAAAA,IAACF,MAAAA,aAAmB,IACd7B,EACJgC,KAAK,SACLC,QAAS7B,EACT8B,QAAUC,IAGR,GAFInC,EAAsBkC,SAASlC,EAAsBkC,QAAQC,GAE7DxC,SAAa+B,EAAW,CAC1B,MAAMU,GAAU3B,EAEhBC,EAAgB0B,GACZvC,GAAkBA,EAAiBuC,EACzC,GACA1C,SAEDe,EAAeX,EAAkBC,IAElC"}

package/components/Text/Ellipsis.mjs

@@ -1,2 +1,2 @@
-import{useRef,useState,useCallback,useLayoutEffect}from'react';import{useMergedPalette}from'../../hooks/useMergedPalette.mjs';import{useResizeObserver}from'../../hooks/useResizeObserver.mjs';import{TextEllipsis,LineHeight,ExpandButton}from'./style.mjs';import{jsxs,Fragment,jsx}from'react/jsx-runtime';const Ellipsis=e=>{const{lines:t=1,defaultExpanded:n=!1,expandable:s=!1,expandButtonProps:i={},children:l,expanded:r,underline:o,onExpandedChange:c}=e;const{captionExpanded:u="Свернуть",captionCollapsed:a="Развернуть",...d}=i;const p=useRef(null);const h=useRef(null);const x=useMergedPalette(d);const[f,m]=useState(null);const[g,E]=useState(r??n);const j=useCallback((e=>{if(h.current)if(g){const n=Math.round(e.clientHeight/h.current.clientHeight);m(n>t)}else{const t=Math.round(e.scrollHeight/h.current.clientHeight);const n=Math.round(e.clientHeight/h.current.clientHeight);m(t>n)}}),[t,g]);return useResizeObserver({enabled:s,target:p,onResize:j}),useLayoutEffect((()=>{r!==void 0&&(E(r),c&&c(r))}),[r,c]),jsxs(Fragment,{children:[jsxs(TextEllipsis,{ref:p,lines:t,expanded:g,underline:o,children:[s?jsx(LineHeight,{ref:h,children:" "}):null,l]}),s&&f===!0?jsx(ExpandButton,{...d,type:"button",palette:x,onClick:e=>{if(d.onClick&&d.onClick(e),r===void 0){const e=!g;E(e),c&&c(e)}},children:g?u:a}):null]})};export{Ellipsis};
+import{useRef,useState,useCallback,useLayoutEffect}from'react';import{useMergedPalette}from'../../hooks/useMergedPalette.mjs';import{useResizeObserver}from'../../hooks/useResizeObserver.mjs';import{TextEllipsis,LineHeight,ExpandButton}from'./style.mjs';import{jsxs,Fragment,jsx}from'react/jsx-runtime';const Ellipsis=e=>{const{lines:t=1,defaultExpanded:n=!1,expandable:s=!1,expandButtonProps:i={},children:l,expanded:r,underline:o,onExpandedChange:c}=e;const{captionExpanded:u="Свернуть",captionCollapsed:a="Развернуть",...d}=i;const p=useRef(null);const h=useRef(null);const x=useMergedPalette(d);const[f,m]=useState(null);const[g,E]=useState(r??n);const j=useCallback(e=>{if(h.current)if(g){const n=Math.round(e.clientHeight/h.current.clientHeight);m(n>t)}else{const t=Math.round(e.scrollHeight/h.current.clientHeight);const n=Math.round(e.clientHeight/h.current.clientHeight);m(t>n)}},[t,g]);return useResizeObserver({enabled:s,target:p,onResize:j}),useLayoutEffect(()=>{r!==void 0&&(E(r),c&&c(r))},[r,c]),jsxs(Fragment,{children:[jsxs(TextEllipsis,{ref:p,lines:t,expanded:g,underline:o,children:[s?jsx(LineHeight,{ref:h,children:" "}):null,l]}),s&&f===!0?jsx(ExpandButton,{...d,type:"button",palette:x,onClick:e=>{if(d.onClick&&d.onClick(e),r===void 0){const e=!g;E(e),c&&c(e)}},children:g?u:a}):null]})};export{Ellipsis};
 //# sourceMappingURL=Ellipsis.mjs.map

package/components/Text/Ellipsis.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Ellipsis.mjs","sources":["../../../../src/components/Text/Ellipsis.tsx"],"sourcesContent":["import { useState, useLayoutEffect, useRef, useCallback } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { useResizeObserver } from 'hooks/useResizeObserver'\nimport type { Nullable } from 'shared/types'\nimport type { EllipsisProps, ExpandButtonProps } from './types'\nimport * as Styled from './style'\n\nconst Ellipsis = (props: EllipsisProps) => {\n  const {\n    lines = 1,\n    defaultExpanded = false,\n    expandable = false,\n    expandButtonProps = {} as ExpandButtonProps,\n    children,\n    expanded,\n    underline,\n    onExpandedChange,\n  } = props\n\n  const { captionExpanded = 'Свернуть', captionCollapsed = 'Развернуть', ...restExpandButtonProps } = expandButtonProps\n\n  const textRef = useRef<HTMLSpanElement>(null)\n  const lineHeightRef = useRef<HTMLSpanElement>(null)\n\n  const expandButtonPalette = useMergedPalette(restExpandButtonProps)\n\n  const [expandButtonVisible, setExpandButtonVisible] = useState<Nullable<boolean>>(null)\n  const [textExpanded, setTextExpanded] = useState<boolean>(expanded ?? defaultExpanded)\n\n  const handleExpandButtonVisibility = useCallback(\n    (e: HTMLSpanElement) => {\n      if (!lineHeightRef.current) return\n\n      if (textExpanded) {\n        const linesTotalCount = Math.round(e.clientHeight / lineHeightRef.current.clientHeight)\n\n        setExpandButtonVisible(linesTotalCount > lines)\n      } else {\n        const linesTotalCount = Math.round(e.scrollHeight / lineHeightRef.current.clientHeight)\n        const linesVisibleCount = Math.round(e.clientHeight / lineHeightRef.current.clientHeight)\n\n        setExpandButtonVisible(linesTotalCount > linesVisibleCount)\n      }\n    },\n    [lines, textExpanded]\n  )\n\n  useResizeObserver({\n    enabled: expandable,\n    target: textRef,\n    onResize: handleExpandButtonVisibility,\n  })\n\n  useLayoutEffect(() => {\n    if (expanded !== undefined) {\n      setTextExpanded(expanded)\n      if (onExpandedChange) onExpandedChange(expanded)\n    }\n  }, [expanded, onExpandedChange])\n\n  return (\n    <>\n      <Styled.TextEllipsis ref={textRef} lines={lines} expanded={textExpanded} underline={underline}>\n        {expandable ? <Styled.LineHeight ref={lineHeightRef}>&nbsp;</Styled.LineHeight> : null}\n        {children}\n      </Styled.TextEllipsis>\n      {expandable && expandButtonVisible === true ? (\n        <Styled.ExpandButton\n          {...restExpandButtonProps}\n          type='button'\n          palette={expandButtonPalette}\n          onClick={(evt) => {\n            if (restExpandButtonProps.onClick) restExpandButtonProps.onClick(evt)\n\n            if (expanded === undefined) {\n              const update = !textExpanded\n\n              setTextExpanded(update)\n              if (onExpandedChange) onExpandedChange(update)\n            }\n          }}\n        >\n          {textExpanded ? captionExpanded : captionCollapsed}\n        </Styled.ExpandButton>\n      ) : null}\n    </>\n  )\n}\n\nexport { Ellipsis }\n"],"names":["Ellipsis","props","lines","defaultExpanded","expandable","expandButtonProps","children","expanded","underline","onExpandedChange","captionExpanded","captionCollapsed","restExpandButtonProps","textRef","useRef","lineHeightRef","expandButtonPalette","useMergedPalette","expandButtonVisible","setExpandButtonVisible","useState","textExpanded","setTextExpanded","handleExpandButtonVisibility","useCallback","e","current","linesTotalCount","Math","round","clientHeight","scrollHeight","linesVisibleCount","useResizeObserver","enabled","target","onResize","useLayoutEffect","undefined","_jsxs","_Fragment","Styled","ref","_jsx","type","palette","onClick","evt","update"],"mappings":"8SAOA,MAAMA,SAAYC,IAChB,MAAMC,MACJA,EAAQ,EAACC,gBACTA,GAAkB,EAAKC,WACvBA,GAAa,EAAKC,kBAClBA,EAAoB,CAAA,EAAuBC,SAC3CA,EAAQC,SACRA,EAAQC,UACRA,EAASC,iBACTA,GACER,EAEJ,MAAMS,gBAAEA,EAAkB,WAAUC,iBAAEA,EAAmB,gBAAiBC,GAA0BP,EAEpG,MAAMQ,EAAUC,OAAwB,MACxC,MAAMC,EAAgBD,OAAwB,MAE9C,MAAME,EAAsBC,iBAAiBL,GAE7C,MAAOM,EAAqBC,GAA0BC,SAA4B,MAClF,MAAOC,EAAcC,GAAmBF,SAAkBb,GAAYJ,GAEtE,MAAMoB,EAA+BC,aAClCC,IACC,GAAKV,EAAcW,QAEnB,GAAIL,EAAc,CAChB,MAAMM,EAAkBC,KAAKC,MAAMJ,EAAEK,aAAef,EAAcW,QAAQI,cAE1EX,EAAuBQ,EAAkBzB,EAC3C,KAAO,CACL,MAAMyB,EAAkBC,KAAKC,MAAMJ,EAAEM,aAAehB,EAAcW,QAAQI,cAC1E,MAAME,EAAoBJ,KAAKC,MAAMJ,EAAEK,aAAef,EAAcW,QAAQI,cAE5EX,EAAuBQ,EAAkBK,EAC3C,IAEF,CAAC9B,EAAOmB,IAgBV,OAbAY,kBAAkB,CAChBC,QAAS9B,EACT+B,OAAQtB,EACRuB,SAAUb,IAGZc,iBAAgB,KACV9B,SAAa+B,IACfhB,EAAgBf,GACZE,GAAkBA,EAAiBF,GACzC,GACC,CAACA,EAAUE,IAGZ8B,KAAAC,SAAA,CAAAlC,SAAA,CACEiC,KAACE,aAAmB,CAACC,IAAK7B,EAASX,MAAOA,EAAOK,SAAUc,EAAcb,UAAWA,EAAUF,UAC3FF,EAAauC,IAACF,WAAiB,CAACC,IAAK3B,EAAcT,SAAC,MAA6B,KACjFA,KAEFF,GAAcc,KAAwB,EACrCyB,IAACF,aAAmB,IACd7B,EACJgC,KAAK,SACLC,QAAS7B,EACT8B,QAAUC,IAGR,GAFInC,EAAsBkC,SAASlC,EAAsBkC,QAAQC,GAE7DxC,SAAa+B,EAAW,CAC1B,MAAMU,GAAU3B,EAEhBC,EAAgB0B,GACZvC,GAAkBA,EAAiBuC,EACzC,GACA1C,SAEDe,EAAeX,EAAkBC,IAElC,OACH"}
+{"version":3,"file":"Ellipsis.mjs","sources":["../../../../src/components/Text/Ellipsis.tsx"],"sourcesContent":["import { useState, useLayoutEffect, useRef, useCallback } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { useResizeObserver } from 'hooks/useResizeObserver'\nimport type { Nullable } from 'shared/types'\nimport type { EllipsisProps, ExpandButtonProps } from './types'\nimport * as Styled from './style'\n\nconst Ellipsis = (props: EllipsisProps) => {\n  const {\n    lines = 1,\n    defaultExpanded = false,\n    expandable = false,\n    expandButtonProps = {} as ExpandButtonProps,\n    children,\n    expanded,\n    underline,\n    onExpandedChange,\n  } = props\n\n  const { captionExpanded = 'Свернуть', captionCollapsed = 'Развернуть', ...restExpandButtonProps } = expandButtonProps\n\n  const textRef = useRef<HTMLSpanElement>(null)\n  const lineHeightRef = useRef<HTMLSpanElement>(null)\n\n  const expandButtonPalette = useMergedPalette(restExpandButtonProps)\n\n  const [expandButtonVisible, setExpandButtonVisible] = useState<Nullable<boolean>>(null)\n  const [textExpanded, setTextExpanded] = useState<boolean>(expanded ?? defaultExpanded)\n\n  const handleExpandButtonVisibility = useCallback(\n    (e: HTMLSpanElement) => {\n      if (!lineHeightRef.current) return\n\n      if (textExpanded) {\n        const linesTotalCount = Math.round(e.clientHeight / lineHeightRef.current.clientHeight)\n\n        setExpandButtonVisible(linesTotalCount > lines)\n      } else {\n        const linesTotalCount = Math.round(e.scrollHeight / lineHeightRef.current.clientHeight)\n        const linesVisibleCount = Math.round(e.clientHeight / lineHeightRef.current.clientHeight)\n\n        setExpandButtonVisible(linesTotalCount > linesVisibleCount)\n      }\n    },\n    [lines, textExpanded]\n  )\n\n  useResizeObserver({\n    enabled: expandable,\n    target: textRef,\n    onResize: handleExpandButtonVisibility,\n  })\n\n  useLayoutEffect(() => {\n    if (expanded !== undefined) {\n      setTextExpanded(expanded)\n      if (onExpandedChange) onExpandedChange(expanded)\n    }\n  }, [expanded, onExpandedChange])\n\n  return (\n    <>\n      <Styled.TextEllipsis ref={textRef} lines={lines} expanded={textExpanded} underline={underline}>\n        {expandable ? <Styled.LineHeight ref={lineHeightRef}>&nbsp;</Styled.LineHeight> : null}\n        {children}\n      </Styled.TextEllipsis>\n      {expandable && expandButtonVisible === true ? (\n        <Styled.ExpandButton\n          {...restExpandButtonProps}\n          type='button'\n          palette={expandButtonPalette}\n          onClick={(evt) => {\n            if (restExpandButtonProps.onClick) restExpandButtonProps.onClick(evt)\n\n            if (expanded === undefined) {\n              const update = !textExpanded\n\n              setTextExpanded(update)\n              if (onExpandedChange) onExpandedChange(update)\n            }\n          }}\n        >\n          {textExpanded ? captionExpanded : captionCollapsed}\n        </Styled.ExpandButton>\n      ) : null}\n    </>\n  )\n}\n\nexport { Ellipsis }\n"],"names":["Ellipsis","props","lines","defaultExpanded","expandable","expandButtonProps","children","expanded","underline","onExpandedChange","captionExpanded","captionCollapsed","restExpandButtonProps","textRef","useRef","lineHeightRef","expandButtonPalette","useMergedPalette","expandButtonVisible","setExpandButtonVisible","useState","textExpanded","setTextExpanded","handleExpandButtonVisibility","useCallback","e","current","linesTotalCount","Math","round","clientHeight","scrollHeight","linesVisibleCount","useResizeObserver","enabled","target","onResize","useLayoutEffect","undefined","_jsxs","_Fragment","Styled","ref","_jsx","type","palette","onClick","evt","update"],"mappings":"8SAOA,MAAMA,SAAYC,IAChB,MAAMC,MACJA,EAAQ,EAACC,gBACTA,GAAkB,EAAKC,WACvBA,GAAa,EAAKC,kBAClBA,EAAoB,CAAA,EAAuBC,SAC3CA,EAAQC,SACRA,EAAQC,UACRA,EAASC,iBACTA,GACER,EAEJ,MAAMS,gBAAEA,EAAkB,WAAUC,iBAAEA,EAAmB,gBAAiBC,GAA0BP,EAEpG,MAAMQ,EAAUC,OAAwB,MACxC,MAAMC,EAAgBD,OAAwB,MAE9C,MAAME,EAAsBC,iBAAiBL,GAE7C,MAAOM,EAAqBC,GAA0BC,SAA4B,MAClF,MAAOC,EAAcC,GAAmBF,SAAkBb,GAAYJ,GAEtE,MAAMoB,EAA+BC,YAClCC,IACC,GAAKV,EAAcW,QAEnB,GAAIL,EAAc,CAChB,MAAMM,EAAkBC,KAAKC,MAAMJ,EAAEK,aAAef,EAAcW,QAAQI,cAE1EX,EAAuBQ,EAAkBzB,EAC3C,KAAO,CACL,MAAMyB,EAAkBC,KAAKC,MAAMJ,EAAEM,aAAehB,EAAcW,QAAQI,cAC1E,MAAME,EAAoBJ,KAAKC,MAAMJ,EAAEK,aAAef,EAAcW,QAAQI,cAE5EX,EAAuBQ,EAAkBK,EAC3C,GAEF,CAAC9B,EAAOmB,IAgBV,OAbAY,kBAAkB,CAChBC,QAAS9B,EACT+B,OAAQtB,EACRuB,SAAUb,IAGZc,gBAAgB,KACV9B,SAAa+B,IACfhB,EAAgBf,GACZE,GAAkBA,EAAiBF,KAExC,CAACA,EAAUE,IAGZ8B,KAAAC,SAAA,CAAAlC,SAAA,CACEiC,KAACE,aAAmB,CAACC,IAAK7B,EAASX,MAAOA,EAAOK,SAAUc,EAAcb,UAAWA,EAAUF,UAC3FF,EAAauC,IAACF,WAAiB,CAACC,IAAK3B,EAAcT,SAAC,MAA6B,KACjFA,KAEFF,GAAcc,KAAwB,EACrCyB,IAACF,aAAmB,IACd7B,EACJgC,KAAK,SACLC,QAAS7B,EACT8B,QAAUC,IAGR,GAFInC,EAAsBkC,SAASlC,EAAsBkC,QAAQC,GAE7DxC,SAAa+B,EAAW,CAC1B,MAAMU,GAAU3B,EAEhBC,EAAgB0B,GACZvC,GAAkBA,EAAiBuC,EACzC,GACA1C,SAEDe,EAAeX,EAAkBC,IAElC"}

package/components/Text/Text.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.js');var Ellipsis=require('./Ellipsis.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text_Ellipse=require('../Text.Ellipse/Text.Ellipse.js');var Text_Heading=require('../Text.Heading/Text.Heading.js');const Text=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const t=e.appearance?{...constants.APPEARANCE[e.appearance],...e}:e;const{size:a="m",weight:n="normal",lineHeight:r="m",fontStyle:i="normal",className:l,content:o,children:p,ellipsis:u,expandButtonProps:c,onExpandedChange:x,...d}=t;const E=typeof u=='object'&&u!==null?u:{};const T=useClassname.useClassname("Text",l);return jsxRuntime.jsx(style.Root,{...d,size:a,weight:n,lineHeight:r,fontStyle:i,className:T,ellipsis:u,ref:s,children:u?jsxRuntime.jsx(Ellipsis.Ellipsis,{...E,underline:d.underline,expandButtonProps:c,onExpandedChange:x,children:p??o}):p??o})})),{displayName:"Text",sizes:e=>typeof e.appearance=='string'?constants.SIZES[e.appearance]??defaultConstants.SIZES_DEFAULT:defaultConstants.SIZES_DEFAULT}),{Heading:Text_Heading.TextHeading,Ellipse:Text_Ellipse.TextEllipse});exports.COMPONENT_NAME="Text",exports.Text=Text;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.js');var Ellipsis=require('./Ellipsis.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text_Ellipse=require('../Text.Ellipse/Text.Ellipse.js');var Text_Heading=require('../Text.Heading/Text.Heading.js');const Text=Object.assign(withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const t=e.appearance?{...constants.APPEARANCE[e.appearance],...e}:e;const{size:a="m",weight:n="normal",lineHeight:r="m",fontStyle:i="normal",className:l,content:o,children:p,ellipsis:u,expandButtonProps:c,onExpandedChange:x,...d}=t;const E=typeof u=='object'&&u!==null?u:{};const T=useClassname.useClassname("Text",l);return jsxRuntime.jsx(style.Root,{...d,size:a,weight:n,lineHeight:r,fontStyle:i,className:T,ellipsis:u,ref:s,children:u?jsxRuntime.jsx(Ellipsis.Ellipsis,{...E,underline:d.underline,expandButtonProps:c,onExpandedChange:x,children:p??o}):p??o})}),{displayName:"Text",sizes:e=>typeof e.appearance=='string'?constants.SIZES[e.appearance]??defaultConstants.SIZES_DEFAULT:defaultConstants.SIZES_DEFAULT}),{Heading:Text_Heading.TextHeading,Ellipse:Text_Ellipse.TextEllipse});exports.COMPONENT_NAME="Text",exports.Text=Text;
 //# sourceMappingURL=Text.js.map

package/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport { Ellipsis } from './Ellipsis'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Компонент поддерживает все нативные атрибуты рутового элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Text/types.ts).\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n  Object.assign(\n    withMergedProps<TextProps, HTMLElement>(\n      forwardRef<HTMLElement, MergedProps<TextProps>>((props, ref) => {\n        const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n        const {\n          size = 'm',\n          weight = 'normal',\n          lineHeight = 'm',\n          fontStyle = 'normal',\n          className,\n          content,\n          children,\n          ellipsis,\n          expandButtonProps,\n          onExpandedChange,\n          ...restProps\n        } = textProps\n\n        const ellipsisProps = typeof ellipsis === 'object' && ellipsis !== null ? ellipsis : {}\n\n        const textClassName = useClassname(COMPONENT_NAME, className)\n\n        return (\n          <Styled.Root\n            {...restProps}\n            size={size}\n            weight={weight}\n            lineHeight={lineHeight}\n            fontStyle={fontStyle}\n            className={textClassName}\n            ellipsis={ellipsis}\n            ref={ref}\n          >\n            {ellipsis ? (\n              <Ellipsis\n                {...ellipsisProps}\n                underline={restProps.underline}\n                expandButtonProps={expandButtonProps}\n                onExpandedChange={onExpandedChange}\n              >\n                {children ?? content}\n              </Ellipsis>\n            ) : (\n              (children ?? content)\n            )}\n          </Styled.Root>\n        )\n      }),\n      {\n        displayName: COMPONENT_NAME,\n        sizes: (props) => {\n          if (typeof props.appearance === 'string') {\n            return SIZES[props.appearance] ?? SIZES_DEFAULT\n          }\n\n          return SIZES_DEFAULT\n        },\n      }\n    ),\n    {\n      Heading: TextHeading,\n      Ellipse: TextEllipse,\n    }\n  )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","ellipsis","expandButtonProps","onExpandedChange","restProps","ellipsisProps","textClassName","useClassname","_jsx","Styled","Ellipsis","underline","displayName","sizes","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"seAwBA,MAAMA,KACJC,OAAOC,OACLC,gBAAAA,gBACEC,MAAAA,YAAgD,CAACC,EAAOC,KACtD,MAAMC,EAAYF,EAAMG,WAAa,IAAKC,UAAAA,WAAWJ,EAAMG,eAAgBH,GAAUA,EAErF,MAAMK,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,WACjBA,EAAa,IAAGC,UAChBA,EAAY,SAAQC,UACpBA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,EAAQC,kBACRA,EAAiBC,iBACjBA,KACGC,GACDb,EAEJ,MAAMc,SAAuBJ,GAAa,UAAYA,IAAa,KAAOA,EAAW,CAAA,EAErF,MAAMK,EAAgBC,aAAAA,aAlCP,OAkCoCT,GAEnD,OACEU,WAAAA,IAACC,MAAAA,KAAW,IACNL,EACJV,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWQ,EACXL,SAAUA,EACVX,IAAKA,EAAIU,SAERC,EACCO,WAAAA,IAACE,kBAAQ,IACHL,EACJM,UAAWP,EAAUO,UACrBT,kBAAmBA,EACnBC,iBAAkBA,EAAiBH,SAElCA,GAAYD,IAGdC,GAAYD,GAEH,IAGlB,CACEa,YA/De,OAgEfC,MAAQxB,UACKA,EAAMG,YAAe,SACvBsB,gBAAMzB,EAAMG,aAAeuB,iBAAAA,cAG7BA,iBAAAA,gBAIb,CACEC,QAASC,aAAAA,YACTC,QAASC,aAAAA,qCA3EQ"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport { Ellipsis } from './Ellipsis'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Компонент поддерживает все нативные атрибуты рутового элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Text/types.ts).\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n  Object.assign(\n    withMergedProps<TextProps, HTMLElement>(\n      forwardRef<HTMLElement, MergedProps<TextProps>>((props, ref) => {\n        const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n        const {\n          size = 'm',\n          weight = 'normal',\n          lineHeight = 'm',\n          fontStyle = 'normal',\n          className,\n          content,\n          children,\n          ellipsis,\n          expandButtonProps,\n          onExpandedChange,\n          ...restProps\n        } = textProps\n\n        const ellipsisProps = typeof ellipsis === 'object' && ellipsis !== null ? ellipsis : {}\n\n        const textClassName = useClassname(COMPONENT_NAME, className)\n\n        return (\n          <Styled.Root\n            {...restProps}\n            size={size}\n            weight={weight}\n            lineHeight={lineHeight}\n            fontStyle={fontStyle}\n            className={textClassName}\n            ellipsis={ellipsis}\n            ref={ref}\n          >\n            {ellipsis ? (\n              <Ellipsis\n                {...ellipsisProps}\n                underline={restProps.underline}\n                expandButtonProps={expandButtonProps}\n                onExpandedChange={onExpandedChange}\n              >\n                {children ?? content}\n              </Ellipsis>\n            ) : (\n              (children ?? content)\n            )}\n          </Styled.Root>\n        )\n      }),\n      {\n        displayName: COMPONENT_NAME,\n        sizes: (props) => {\n          if (typeof props.appearance === 'string') {\n            return SIZES[props.appearance] ?? SIZES_DEFAULT\n          }\n\n          return SIZES_DEFAULT\n        },\n      }\n    ),\n    {\n      Heading: TextHeading,\n      Ellipse: TextEllipse,\n    }\n  )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","ellipsis","expandButtonProps","onExpandedChange","restProps","ellipsisProps","textClassName","useClassname","_jsx","Styled","Ellipsis","underline","displayName","sizes","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"seAwBA,MAAMA,KACJC,OAAOC,OACLC,gBAAAA,gBACEC,MAAAA,WAAgD,CAACC,EAAOC,KACtD,MAAMC,EAAYF,EAAMG,WAAa,IAAKC,UAAAA,WAAWJ,EAAMG,eAAgBH,GAAUA,EAErF,MAAMK,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,WACjBA,EAAa,IAAGC,UAChBA,EAAY,SAAQC,UACpBA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,EAAQC,kBACRA,EAAiBC,iBACjBA,KACGC,GACDb,EAEJ,MAAMc,SAAuBJ,GAAa,UAAYA,IAAa,KAAOA,EAAW,CAAA,EAErF,MAAMK,EAAgBC,aAAAA,aAlCP,OAkCoCT,GAEnD,OACEU,WAAAA,IAACC,MAAAA,KAAW,IACNL,EACJV,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWQ,EACXL,SAAUA,EACVX,IAAKA,EAAIU,SAERC,EACCO,WAAAA,IAACE,kBAAQ,IACHL,EACJM,UAAWP,EAAUO,UACrBT,kBAAmBA,EACnBC,iBAAkBA,EAAiBH,SAElCA,GAAYD,IAGdC,GAAYD,MAKrB,CACEa,YA/De,OAgEfC,MAAQxB,UACKA,EAAMG,YAAe,SACvBsB,gBAAMzB,EAAMG,aAAeuB,iBAAAA,cAG7BA,iBAAAA,gBAIb,CACEC,QAASC,aAAAA,YACTC,QAASC,aAAAA,qCA3EQ"}

package/components/Text/Text.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useClassname}from'../../hooks/useClassname.mjs';import{Ellipsis}from'./Ellipsis.mjs';import{SIZES,APPEARANCE}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{TextEllipse}from'../Text.Ellipse/Text.Ellipse.mjs';import{TextHeading}from'../Text.Heading/Text.Heading.mjs';const COMPONENT_NAME='Text';const Text=Object.assign(withMergedProps(forwardRef(((e,s)=>{const t=e.appearance?{...APPEARANCE[e.appearance],...e}:e;const{size:o="m",weight:n="normal",lineHeight:i="m",fontStyle:r="normal",className:a,content:l,children:p,ellipsis:m,expandButtonProps:E,onExpandedChange:c,...d}=t;const x=typeof m=='object'&&m!==null?m:{};const f=useClassname("Text",a);return jsx(Root,{...d,size:o,weight:n,lineHeight:i,fontStyle:r,className:f,ellipsis:m,ref:s,children:m?jsx(Ellipsis,{...x,underline:d.underline,expandButtonProps:E,onExpandedChange:c,children:p??l}):p??l})})),{displayName:"Text",sizes:e=>typeof e.appearance=='string'?SIZES[e.appearance]??SIZES_DEFAULT:SIZES_DEFAULT}),{Heading:TextHeading,Ellipse:TextEllipse});export{COMPONENT_NAME,Text};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useClassname}from'../../hooks/useClassname.mjs';import{Ellipsis}from'./Ellipsis.mjs';import{SIZES,APPEARANCE}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{TextEllipse}from'../Text.Ellipse/Text.Ellipse.mjs';import{TextHeading}from'../Text.Heading/Text.Heading.mjs';const COMPONENT_NAME='Text';const Text=Object.assign(withMergedProps(forwardRef((e,s)=>{const t=e.appearance?{...APPEARANCE[e.appearance],...e}:e;const{size:o="m",weight:n="normal",lineHeight:i="m",fontStyle:r="normal",className:a,content:l,children:p,ellipsis:m,expandButtonProps:E,onExpandedChange:c,...d}=t;const x=typeof m=='object'&&m!==null?m:{};const f=useClassname("Text",a);return jsx(Root,{...d,size:o,weight:n,lineHeight:i,fontStyle:r,className:f,ellipsis:m,ref:s,children:m?jsx(Ellipsis,{...x,underline:d.underline,expandButtonProps:E,onExpandedChange:c,children:p??l}):p??l})}),{displayName:"Text",sizes:e=>typeof e.appearance=='string'?SIZES[e.appearance]??SIZES_DEFAULT:SIZES_DEFAULT}),{Heading:TextHeading,Ellipse:TextEllipse});export{COMPONENT_NAME,Text};
 //# sourceMappingURL=Text.mjs.map

package/components/Text/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport { Ellipsis } from './Ellipsis'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Компонент поддерживает все нативные атрибуты рутового элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Text/types.ts).\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n  Object.assign(\n    withMergedProps<TextProps, HTMLElement>(\n      forwardRef<HTMLElement, MergedProps<TextProps>>((props, ref) => {\n        const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n        const {\n          size = 'm',\n          weight = 'normal',\n          lineHeight = 'm',\n          fontStyle = 'normal',\n          className,\n          content,\n          children,\n          ellipsis,\n          expandButtonProps,\n          onExpandedChange,\n          ...restProps\n        } = textProps\n\n        const ellipsisProps = typeof ellipsis === 'object' && ellipsis !== null ? ellipsis : {}\n\n        const textClassName = useClassname(COMPONENT_NAME, className)\n\n        return (\n          <Styled.Root\n            {...restProps}\n            size={size}\n            weight={weight}\n            lineHeight={lineHeight}\n            fontStyle={fontStyle}\n            className={textClassName}\n            ellipsis={ellipsis}\n            ref={ref}\n          >\n            {ellipsis ? (\n              <Ellipsis\n                {...ellipsisProps}\n                underline={restProps.underline}\n                expandButtonProps={expandButtonProps}\n                onExpandedChange={onExpandedChange}\n              >\n                {children ?? content}\n              </Ellipsis>\n            ) : (\n              (children ?? content)\n            )}\n          </Styled.Root>\n        )\n      }),\n      {\n        displayName: COMPONENT_NAME,\n        sizes: (props) => {\n          if (typeof props.appearance === 'string') {\n            return SIZES[props.appearance] ?? SIZES_DEFAULT\n          }\n\n          return SIZES_DEFAULT\n        },\n      }\n    ),\n    {\n      Heading: TextHeading,\n      Ellipse: TextEllipse,\n    }\n  )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","ellipsis","expandButtonProps","onExpandedChange","restProps","ellipsisProps","textClassName","useClassname","_jsx","Styled","Ellipsis","underline","displayName","sizes","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"4cAYA,MAAMA,eAAiB,OAYvB,MAAMC,KACJC,OAAOC,OACLC,gBACEC,YAAgD,CAACC,EAAOC,KACtD,MAAMC,EAAYF,EAAMG,WAAa,IAAKC,WAAWJ,EAAMG,eAAgBH,GAAUA,EAErF,MAAMK,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,WACjBA,EAAa,IAAGC,UAChBA,EAAY,SAAQC,UACpBA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,EAAQC,kBACRA,EAAiBC,iBACjBA,KACGC,GACDb,EAEJ,MAAMc,SAAuBJ,GAAa,UAAYA,IAAa,KAAOA,EAAW,CAAA,EAErF,MAAMK,EAAgBC,aAlCP,OAkCoCT,GAEnD,OACEU,IAACC,KAAW,IACNL,EACJV,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWQ,EACXL,SAAUA,EACVX,IAAKA,EAAIU,SAERC,EACCO,IAACE,SAAQ,IACHL,EACJM,UAAWP,EAAUO,UACrBT,kBAAmBA,EACnBC,iBAAkBA,EAAiBH,SAElCA,GAAYD,IAGdC,GAAYD,GAEH,IAGlB,CACEa,YA/De,OAgEfC,MAAQxB,UACKA,EAAMG,YAAe,SACvBsB,MAAMzB,EAAMG,aAAeuB,cAG7BA,gBAIb,CACEC,QAASC,YACTC,QAASC"}
+{"version":3,"file":"Text.mjs","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport { Ellipsis } from './Ellipsis'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Компонент поддерживает все нативные атрибуты рутового элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Text/types.ts).\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n  Object.assign(\n    withMergedProps<TextProps, HTMLElement>(\n      forwardRef<HTMLElement, MergedProps<TextProps>>((props, ref) => {\n        const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n        const {\n          size = 'm',\n          weight = 'normal',\n          lineHeight = 'm',\n          fontStyle = 'normal',\n          className,\n          content,\n          children,\n          ellipsis,\n          expandButtonProps,\n          onExpandedChange,\n          ...restProps\n        } = textProps\n\n        const ellipsisProps = typeof ellipsis === 'object' && ellipsis !== null ? ellipsis : {}\n\n        const textClassName = useClassname(COMPONENT_NAME, className)\n\n        return (\n          <Styled.Root\n            {...restProps}\n            size={size}\n            weight={weight}\n            lineHeight={lineHeight}\n            fontStyle={fontStyle}\n            className={textClassName}\n            ellipsis={ellipsis}\n            ref={ref}\n          >\n            {ellipsis ? (\n              <Ellipsis\n                {...ellipsisProps}\n                underline={restProps.underline}\n                expandButtonProps={expandButtonProps}\n                onExpandedChange={onExpandedChange}\n              >\n                {children ?? content}\n              </Ellipsis>\n            ) : (\n              (children ?? content)\n            )}\n          </Styled.Root>\n        )\n      }),\n      {\n        displayName: COMPONENT_NAME,\n        sizes: (props) => {\n          if (typeof props.appearance === 'string') {\n            return SIZES[props.appearance] ?? SIZES_DEFAULT\n          }\n\n          return SIZES_DEFAULT\n        },\n      }\n    ),\n    {\n      Heading: TextHeading,\n      Ellipse: TextEllipse,\n    }\n  )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","ellipsis","expandButtonProps","onExpandedChange","restProps","ellipsisProps","textClassName","useClassname","_jsx","Styled","Ellipsis","underline","displayName","sizes","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"4cAYA,MAAMA,eAAiB,OAYvB,MAAMC,KACJC,OAAOC,OACLC,gBACEC,WAAgD,CAACC,EAAOC,KACtD,MAAMC,EAAYF,EAAMG,WAAa,IAAKC,WAAWJ,EAAMG,eAAgBH,GAAUA,EAErF,MAAMK,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,WACjBA,EAAa,IAAGC,UAChBA,EAAY,SAAQC,UACpBA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,EAAQC,kBACRA,EAAiBC,iBACjBA,KACGC,GACDb,EAEJ,MAAMc,SAAuBJ,GAAa,UAAYA,IAAa,KAAOA,EAAW,CAAA,EAErF,MAAMK,EAAgBC,aAlCP,OAkCoCT,GAEnD,OACEU,IAACC,KAAW,IACNL,EACJV,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWQ,EACXL,SAAUA,EACVX,IAAKA,EAAIU,SAERC,EACCO,IAACE,SAAQ,IACHL,EACJM,UAAWP,EAAUO,UACrBT,kBAAmBA,EACnBC,iBAAkBA,EAAiBH,SAElCA,GAAYD,IAGdC,GAAYD,MAKrB,CACEa,YA/De,OAgEfC,MAAQxB,UACKA,EAAMG,YAAe,SACvBsB,MAAMzB,EAAMG,aAAeuB,cAG7BA,gBAIb,CACEC,QAASC,YACTC,QAASC"}

package/components/Text/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var display=require('../../mixins/display.js');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var hover=require('../../mixins/hover.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const WEIGHT_MAP={lighter:100,normal:400,bold:600,bolder:800};const LINE_HEIGHT_MAP={l:1.5,m:1.3,s:1.15,xs:1};const shouldForwardTextProp=style.createShouldForwardProp((e=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator','whiteSpace','wordBreak','underline','ellipsis'].includes(e)));const template=e=>`\n  color: ${e.color};\n  background-color: ${e.backgroundColor};\n  ${hover.hover(`\n    color: ${e.colorHover};\n  `)}\n  &:active {\n    color: ${e.color};\n  }\n  &:disabled {\n    color: ${e.colorDisabled};\n  }\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(e=>template({color:e.theme.colors['content-link'],colorHover:tinycolor__default.default(e.theme.colors['content-link']).lighten(10).toString(),colorDisabled:e.theme.colors['content-disabled'],backgroundColor:e.theme.colors.transparent,...e.palette}))),contrast:styled.css(["",""],(e=>template({color:e.theme.colors['content-oncolor-primary'],colorHover:tinycolor__default.default(e.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:e.theme.colors['content-oncolor-disabled'],backgroundColor:e.theme.colors.transparent,...e.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardTextProp}).withConfig({displayName:"Text__Root",componentId:"ui__sc-s2fogy-0"})([""," "," "," "," "," ",""],(e=>`\n    margin: 0;\n    padding: 0;\n    ${e.fontFamily?`font-family: ${e.fontFamily};`:''}\n    ${e.transform?`text-transform: ${e.transform};`:''}\n    ${e.weight?`font-weight: ${WEIGHT_MAP[e.weight]??e.weight};`:''}\n    ${e.fontStyle?`font-style: ${e.fontStyle};`:''}\n    ${e.textAlign?`text-align: ${e.textAlign};`:''}\n    ${e.lineHeight?`line-height: ${LINE_HEIGHT_MAP[e.lineHeight]??e.lineHeight};`:''}\n    ${e.whiteSpace?`white-space: ${e.whiteSpace};`:''}\n    ${e.wordBreak?`word-break: ${e.wordBreak};`:''}\n    a {\n      text-decoration: ${e.underlineLinks?'underline':'none'};\n      ${hover.hover("\n        text-decoration: none;\n      ")}\n    }\n  `),(e=>e.underline&&!e.ellipsis&&`\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof e.underline=='string'?e.underline:'solid'};\n      text-underline-offset: 0.3em;\n    `),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(e=>e.display?display.display(e.display):null),(e=>color.color(e.color?e.color:e.theme.textColor)));const TextEllipsis=styled__default.default.span.withConfig({shouldForwardProp:e=>!['lines','expanded','underline'].includes(e)}).withConfig({displayName:"Text__TextEllipsis",componentId:"ui__sc-s2fogy-1"})(["box-sizing:border-box;display:block;position:relative;"," ",""],(e=>!e.expanded&&`\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${e.lines};\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `),(e=>e.underline&&`\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof e.underline=='string'?e.underline:'solid'};\n      text-underline-offset: 0.3em;\n    `));const LineHeight=styled__default.default.span.withConfig({displayName:"Text__LineHeight",componentId:"ui__sc-s2fogy-2"})(["box-sizing:border-box;position:absolute;visibility:hidden;"]);const ExpandButton=styled__default.default.button.withConfig({shouldForwardProp:e=>!['contrast','palette'].includes(e)}).withConfig({displayName:"Text__ExpandButton",componentId:"ui__sc-s2fogy-3"})(["box-sizing:border-box;appearance:none;padding:0;border:0;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;margin-top:0.2em;text-decoration-line:underline;text-decoration-style:dashed;text-underline-offset:0.3em;cursor:pointer;&:disabled{cursor:not-allowed;}"," ",""],(e=>e.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.primary),focus.focus);exports.ExpandButton=ExpandButton,exports.LineHeight=LineHeight,exports.Root=Root,exports.TextEllipsis=TextEllipsis;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var display=require('../../mixins/display.js');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var hover=require('../../mixins/hover.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const WEIGHT_MAP={lighter:100,normal:400,bold:600,bolder:800};const LINE_HEIGHT_MAP={l:1.5,m:1.3,s:1.15,xs:1};const shouldForwardTextProp=style.createShouldForwardProp(e=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator','whiteSpace','wordBreak','underline','ellipsis'].includes(e));const template=e=>`\n  color: ${e.color};\n  background-color: ${e.backgroundColor};\n  ${hover.hover(`\n    color: ${e.colorHover};\n  `)}\n  &:active {\n    color: ${e.color};\n  }\n  &:disabled {\n    color: ${e.colorDisabled};\n  }\n`;const COLOR_SCHEMA={primary:styled.css(["",""],e=>template({color:e.theme.colors['content-link'],colorHover:tinycolor__default.default(e.theme.colors['content-link']).lighten(10).toString(),colorDisabled:e.theme.colors['content-disabled'],backgroundColor:e.theme.colors.transparent,...e.palette})),contrast:styled.css(["",""],e=>template({color:e.theme.colors['content-oncolor-primary'],colorHover:tinycolor__default.default(e.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:e.theme.colors['content-oncolor-disabled'],backgroundColor:e.theme.colors.transparent,...e.palette}))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardTextProp}).withConfig({displayName:"Text__Root",componentId:"ui__sc-s2fogy-0"})([""," "," "," "," "," ",""],e=>`\n    margin: 0;\n    padding: 0;\n    ${e.fontFamily?`font-family: ${e.fontFamily};`:''}\n    ${e.transform?`text-transform: ${e.transform};`:''}\n    ${e.weight?`font-weight: ${WEIGHT_MAP[e.weight]??e.weight};`:''}\n    ${e.fontStyle?`font-style: ${e.fontStyle};`:''}\n    ${e.textAlign?`text-align: ${e.textAlign};`:''}\n    ${e.lineHeight?`line-height: ${LINE_HEIGHT_MAP[e.lineHeight]??e.lineHeight};`:''}\n    ${e.whiteSpace?`white-space: ${e.whiteSpace};`:''}\n    ${e.wordBreak?`word-break: ${e.wordBreak};`:''}\n    a {\n      text-decoration: ${e.underlineLinks?'underline':'none'};\n      ${hover.hover("\n        text-decoration: none;\n      ")}\n    }\n  `,e=>e.underline&&!e.ellipsis&&`\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof e.underline=='string'?e.underline:'solid'};\n      text-underline-offset: 0.3em;\n    `,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,e=>e.display?display.display(e.display):null,e=>color.color(e.color?e.color:e.theme.textColor));const TextEllipsis=styled__default.default.span.withConfig({shouldForwardProp:e=>!['lines','expanded','underline'].includes(e)}).withConfig({displayName:"Text__TextEllipsis",componentId:"ui__sc-s2fogy-1"})(["box-sizing:border-box;display:block;position:relative;"," ",""],e=>!e.expanded&&`\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${e.lines};\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `,e=>e.underline&&`\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof e.underline=='string'?e.underline:'solid'};\n      text-underline-offset: 0.3em;\n    `);const LineHeight=styled__default.default.span.withConfig({displayName:"Text__LineHeight",componentId:"ui__sc-s2fogy-2"})(["box-sizing:border-box;position:absolute;visibility:hidden;"]);const ExpandButton=styled__default.default.button.withConfig({shouldForwardProp:e=>!['contrast','palette'].includes(e)}).withConfig({displayName:"Text__ExpandButton",componentId:"ui__sc-s2fogy-3"})(["box-sizing:border-box;appearance:none;padding:0;border:0;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;margin-top:0.2em;text-decoration-line:underline;text-decoration-style:dashed;text-underline-offset:0.3em;cursor:pointer;&:disabled{cursor:not-allowed;}"," ",""],e=>e.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.primary,focus.focus);exports.ExpandButton=ExpandButton,exports.LineHeight=LineHeight,exports.Root=Root,exports.TextEllipsis=TextEllipsis;
 //# sourceMappingURL=style.js.map

package/components/Text/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { Color, CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledTextProps, ExpandButtonPalette, StyledTextEllipsisProps, StyledExpandButtonProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst shouldForwardTextProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'appearance',\n      'fontFamily',\n      'weight',\n      'fontStyle',\n      'transform',\n      'underlineLinks',\n      'textAlign',\n      'lineHeight',\n      'content',\n      'display',\n      'chars',\n      'quoted',\n      'showZeroMinorPart',\n      'separator',\n      'whiteSpace',\n      'wordBreak',\n      'underline',\n      'ellipsis',\n    ].includes(propKey)\n)\n\nconst template = (palette: ExpandButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n  `)}\n  &:active {\n    color: ${palette.color};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledExpandButtonProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        backgroundColor: props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  contrast: css<StyledExpandButtonProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        backgroundColor: props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledTextProps>({\n  shouldForwardProp: shouldForwardTextProp,\n})`\n  ${(props) => `\n    margin: 0;\n    padding: 0;\n    ${props.fontFamily ? `font-family: ${props.fontFamily};` : ''}\n    ${props.transform ? `text-transform: ${props.transform};` : ''}\n    ${props.weight ? `font-weight: ${WEIGHT_MAP[props.weight as keyof typeof WEIGHT_MAP] ?? props.weight};` : ''}\n    ${props.fontStyle ? `font-style: ${props.fontStyle};` : ''}\n    ${props.textAlign ? `text-align: ${props.textAlign};` : ''}\n    ${\n      props.lineHeight\n        ? `line-height: ${LINE_HEIGHT_MAP[props.lineHeight as keyof typeof LINE_HEIGHT_MAP] ?? props.lineHeight};`\n        : ''\n    }\n    ${props.whiteSpace ? `white-space: ${props.whiteSpace};` : ''}\n    ${props.wordBreak ? `word-break: ${props.wordBreak};` : ''}\n    a {\n      text-decoration: ${props.underlineLinks ? 'underline' : 'none'};\n      ${hover(`\n        text-decoration: none;\n      `)}\n    }\n  `}\n\n  ${(props) =>\n    props.underline &&\n    !props.ellipsis &&\n    `\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof props.underline === 'string' ? props.underline : 'solid'};\n      text-underline-offset: 0.3em;\n    `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as Color))}\n`\n\nexport const TextEllipsis = styled.span.withConfig<StyledTextEllipsisProps>({\n  shouldForwardProp: (propKey) => !['lines', 'expanded', 'underline'].includes(propKey),\n})`\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n\n  ${(props) =>\n    !props.expanded &&\n    `\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${props.lines};\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `}\n\n  ${(props) =>\n    props.underline &&\n    `\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof props.underline === 'string' ? props.underline : 'solid'};\n      text-underline-offset: 0.3em;\n    `}\n`\n\nexport const LineHeight = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  visibility: hidden;\n`\n\nexport const ExpandButton = styled.button.withConfig<StyledExpandButtonProps>({\n  shouldForwardProp: (propKey) => !['contrast', 'palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  padding: 0;\n  border: 0;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  margin-top: 0.2em;\n  text-decoration-line: underline;\n  text-decoration-style: dashed;\n  text-underline-offset: 0.3em;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  ${(props) => (props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.primary)}\n\n  ${focus}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","shouldForwardTextProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","colorDisabled","COLOR_SCHEMA","primary","css","props","theme","colors","tinycolor","lighten","toString","transparent","contrast","darken","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","fontFamily","transform","weight","fontStyle","textAlign","lineHeight","whiteSpace","wordBreak","underlineLinks","underline","ellipsis","responsiveSize","responsiveMargin","display","textColor","TextEllipsis","span","expanded","lines","LineHeight","ExpandButton","button","focus"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { Color, CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledTextProps, ExpandButtonPalette, StyledTextEllipsisProps, StyledExpandButtonProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst shouldForwardTextProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'appearance',\n      'fontFamily',\n      'weight',\n      'fontStyle',\n      'transform',\n      'underlineLinks',\n      'textAlign',\n      'lineHeight',\n      'content',\n      'display',\n      'chars',\n      'quoted',\n      'showZeroMinorPart',\n      'separator',\n      'whiteSpace',\n      'wordBreak',\n      'underline',\n      'ellipsis',\n    ].includes(propKey)\n)\n\nconst template = (palette: ExpandButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n  `)}\n  &:active {\n    color: ${palette.color};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledExpandButtonProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        backgroundColor: props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  contrast: css<StyledExpandButtonProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        backgroundColor: props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledTextProps>({\n  shouldForwardProp: shouldForwardTextProp,\n})`\n  ${(props) => `\n    margin: 0;\n    padding: 0;\n    ${props.fontFamily ? `font-family: ${props.fontFamily};` : ''}\n    ${props.transform ? `text-transform: ${props.transform};` : ''}\n    ${props.weight ? `font-weight: ${WEIGHT_MAP[props.weight as keyof typeof WEIGHT_MAP] ?? props.weight};` : ''}\n    ${props.fontStyle ? `font-style: ${props.fontStyle};` : ''}\n    ${props.textAlign ? `text-align: ${props.textAlign};` : ''}\n    ${\n      props.lineHeight\n        ? `line-height: ${LINE_HEIGHT_MAP[props.lineHeight as keyof typeof LINE_HEIGHT_MAP] ?? props.lineHeight};`\n        : ''\n    }\n    ${props.whiteSpace ? `white-space: ${props.whiteSpace};` : ''}\n    ${props.wordBreak ? `word-break: ${props.wordBreak};` : ''}\n    a {\n      text-decoration: ${props.underlineLinks ? 'underline' : 'none'};\n      ${hover(`\n        text-decoration: none;\n      `)}\n    }\n  `}\n\n  ${(props) =>\n    props.underline &&\n    !props.ellipsis &&\n    `\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof props.underline === 'string' ? props.underline : 'solid'};\n      text-underline-offset: 0.3em;\n    `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as Color))}\n`\n\nexport const TextEllipsis = styled.span.withConfig<StyledTextEllipsisProps>({\n  shouldForwardProp: (propKey) => !['lines', 'expanded', 'underline'].includes(propKey),\n})`\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n\n  ${(props) =>\n    !props.expanded &&\n    `\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${props.lines};\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `}\n\n  ${(props) =>\n    props.underline &&\n    `\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof props.underline === 'string' ? props.underline : 'solid'};\n      text-underline-offset: 0.3em;\n    `}\n`\n\nexport const LineHeight = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  visibility: hidden;\n`\n\nexport const ExpandButton = styled.button.withConfig<StyledExpandButtonProps>({\n  shouldForwardProp: (propKey) => !['contrast', 'palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  padding: 0;\n  border: 0;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  margin-top: 0.2em;\n  text-decoration-line: underline;\n  text-decoration-style: dashed;\n  text-underline-offset: 0.3em;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  ${(props) => (props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.primary)}\n\n  ${focus}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","shouldForwardTextProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","colorDisabled","COLOR_SCHEMA","primary","css","props","theme","colors","tinycolor","lighten","toString","transparent","contrast","darken","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","fontFamily","transform","weight","fontStyle","textAlign","lineHeight","whiteSpace","wordBreak","underlineLinks","underline","ellipsis","responsiveSize","responsiveMargin","display","textColor","TextEllipsis","span","expanded","lines","LineHeight","ExpandButton","button","focus"],"mappings":"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"}

package/components/Text/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{display}from'../../mixins/display.mjs';import{color}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{hover}from'../../mixins/hover.mjs';const WEIGHT_MAP={lighter:100,normal:400,bold:600,bolder:800};const LINE_HEIGHT_MAP={l:1.5,m:1.3,s:1.15,xs:1};const shouldForwardTextProp=createShouldForwardProp((o=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator','whiteSpace','wordBreak','underline','ellipsis'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  ${hover(`\n    color: ${o.colorHover};\n  `)}\n  &:active {\n    color: ${o.color};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,...o.palette}))),contrast:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTextProp}).withConfig({displayName:"Text__Root",componentId:"ui__sc-s2fogy-0"})([""," "," "," "," "," ",""],(o=>`\n    margin: 0;\n    padding: 0;\n    ${o.fontFamily?`font-family: ${o.fontFamily};`:''}\n    ${o.transform?`text-transform: ${o.transform};`:''}\n    ${o.weight?`font-weight: ${WEIGHT_MAP[o.weight]??o.weight};`:''}\n    ${o.fontStyle?`font-style: ${o.fontStyle};`:''}\n    ${o.textAlign?`text-align: ${o.textAlign};`:''}\n    ${o.lineHeight?`line-height: ${LINE_HEIGHT_MAP[o.lineHeight]??o.lineHeight};`:''}\n    ${o.whiteSpace?`white-space: ${o.whiteSpace};`:''}\n    ${o.wordBreak?`word-break: ${o.wordBreak};`:''}\n    a {\n      text-decoration: ${o.underlineLinks?'underline':'none'};\n      ${hover("\n        text-decoration: none;\n      ")}\n    }\n  `),(o=>o.underline&&!o.ellipsis&&`\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof o.underline=='string'?o.underline:'solid'};\n      text-underline-offset: 0.3em;\n    `),responsiveSize,responsiveMargin,(o=>o.display?display(o.display):null),(o=>color(o.color?o.color:o.theme.textColor)));const TextEllipsis=styled.span.withConfig({shouldForwardProp:o=>!['lines','expanded','underline'].includes(o)}).withConfig({displayName:"Text__TextEllipsis",componentId:"ui__sc-s2fogy-1"})(["box-sizing:border-box;display:block;position:relative;"," ",""],(o=>!o.expanded&&`\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${o.lines};\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `),(o=>o.underline&&`\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof o.underline=='string'?o.underline:'solid'};\n      text-underline-offset: 0.3em;\n    `));const LineHeight=styled.span.withConfig({displayName:"Text__LineHeight",componentId:"ui__sc-s2fogy-2"})(["box-sizing:border-box;position:absolute;visibility:hidden;"]);const ExpandButton=styled.button.withConfig({shouldForwardProp:o=>!['contrast','palette'].includes(o)}).withConfig({displayName:"Text__ExpandButton",componentId:"ui__sc-s2fogy-3"})(["box-sizing:border-box;appearance:none;padding:0;border:0;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;margin-top:0.2em;text-decoration-line:underline;text-decoration-style:dashed;text-underline-offset:0.3em;cursor:pointer;&:disabled{cursor:not-allowed;}"," ",""],(o=>o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.primary),focus);export{ExpandButton,LineHeight,Root,TextEllipsis};
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{display}from'../../mixins/display.mjs';import{color}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{hover}from'../../mixins/hover.mjs';const WEIGHT_MAP={lighter:100,normal:400,bold:600,bolder:800};const LINE_HEIGHT_MAP={l:1.5,m:1.3,s:1.15,xs:1};const shouldForwardTextProp=createShouldForwardProp(o=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator','whiteSpace','wordBreak','underline','ellipsis'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  ${hover(`\n    color: ${o.colorHover};\n  `)}\n  &:active {\n    color: ${o.color};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={primary:css(["",""],o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,...o.palette})),contrast:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,...o.palette}))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTextProp}).withConfig({displayName:"Text__Root",componentId:"ui__sc-s2fogy-0"})([""," "," "," "," "," ",""],o=>`\n    margin: 0;\n    padding: 0;\n    ${o.fontFamily?`font-family: ${o.fontFamily};`:''}\n    ${o.transform?`text-transform: ${o.transform};`:''}\n    ${o.weight?`font-weight: ${WEIGHT_MAP[o.weight]??o.weight};`:''}\n    ${o.fontStyle?`font-style: ${o.fontStyle};`:''}\n    ${o.textAlign?`text-align: ${o.textAlign};`:''}\n    ${o.lineHeight?`line-height: ${LINE_HEIGHT_MAP[o.lineHeight]??o.lineHeight};`:''}\n    ${o.whiteSpace?`white-space: ${o.whiteSpace};`:''}\n    ${o.wordBreak?`word-break: ${o.wordBreak};`:''}\n    a {\n      text-decoration: ${o.underlineLinks?'underline':'none'};\n      ${hover("\n        text-decoration: none;\n      ")}\n    }\n  `,o=>o.underline&&!o.ellipsis&&`\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof o.underline=='string'?o.underline:'solid'};\n      text-underline-offset: 0.3em;\n    `,responsiveSize,responsiveMargin,o=>o.display?display(o.display):null,o=>color(o.color?o.color:o.theme.textColor));const TextEllipsis=styled.span.withConfig({shouldForwardProp:o=>!['lines','expanded','underline'].includes(o)}).withConfig({displayName:"Text__TextEllipsis",componentId:"ui__sc-s2fogy-1"})(["box-sizing:border-box;display:block;position:relative;"," ",""],o=>!o.expanded&&`\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${o.lines};\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `,o=>o.underline&&`\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof o.underline=='string'?o.underline:'solid'};\n      text-underline-offset: 0.3em;\n    `);const LineHeight=styled.span.withConfig({displayName:"Text__LineHeight",componentId:"ui__sc-s2fogy-2"})(["box-sizing:border-box;position:absolute;visibility:hidden;"]);const ExpandButton=styled.button.withConfig({shouldForwardProp:o=>!['contrast','palette'].includes(o)}).withConfig({displayName:"Text__ExpandButton",componentId:"ui__sc-s2fogy-3"})(["box-sizing:border-box;appearance:none;padding:0;border:0;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;margin-top:0.2em;text-decoration-line:underline;text-decoration-style:dashed;text-underline-offset:0.3em;cursor:pointer;&:disabled{cursor:not-allowed;}"," ",""],o=>o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.primary,focus);export{ExpandButton,LineHeight,Root,TextEllipsis};
 //# sourceMappingURL=style.mjs.map

package/components/Text/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { Color, CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledTextProps, ExpandButtonPalette, StyledTextEllipsisProps, StyledExpandButtonProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst shouldForwardTextProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'appearance',\n      'fontFamily',\n      'weight',\n      'fontStyle',\n      'transform',\n      'underlineLinks',\n      'textAlign',\n      'lineHeight',\n      'content',\n      'display',\n      'chars',\n      'quoted',\n      'showZeroMinorPart',\n      'separator',\n      'whiteSpace',\n      'wordBreak',\n      'underline',\n      'ellipsis',\n    ].includes(propKey)\n)\n\nconst template = (palette: ExpandButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n  `)}\n  &:active {\n    color: ${palette.color};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledExpandButtonProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        backgroundColor: props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  contrast: css<StyledExpandButtonProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        backgroundColor: props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledTextProps>({\n  shouldForwardProp: shouldForwardTextProp,\n})`\n  ${(props) => `\n    margin: 0;\n    padding: 0;\n    ${props.fontFamily ? `font-family: ${props.fontFamily};` : ''}\n    ${props.transform ? `text-transform: ${props.transform};` : ''}\n    ${props.weight ? `font-weight: ${WEIGHT_MAP[props.weight as keyof typeof WEIGHT_MAP] ?? props.weight};` : ''}\n    ${props.fontStyle ? `font-style: ${props.fontStyle};` : ''}\n    ${props.textAlign ? `text-align: ${props.textAlign};` : ''}\n    ${\n      props.lineHeight\n        ? `line-height: ${LINE_HEIGHT_MAP[props.lineHeight as keyof typeof LINE_HEIGHT_MAP] ?? props.lineHeight};`\n        : ''\n    }\n    ${props.whiteSpace ? `white-space: ${props.whiteSpace};` : ''}\n    ${props.wordBreak ? `word-break: ${props.wordBreak};` : ''}\n    a {\n      text-decoration: ${props.underlineLinks ? 'underline' : 'none'};\n      ${hover(`\n        text-decoration: none;\n      `)}\n    }\n  `}\n\n  ${(props) =>\n    props.underline &&\n    !props.ellipsis &&\n    `\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof props.underline === 'string' ? props.underline : 'solid'};\n      text-underline-offset: 0.3em;\n    `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as Color))}\n`\n\nexport const TextEllipsis = styled.span.withConfig<StyledTextEllipsisProps>({\n  shouldForwardProp: (propKey) => !['lines', 'expanded', 'underline'].includes(propKey),\n})`\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n\n  ${(props) =>\n    !props.expanded &&\n    `\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${props.lines};\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `}\n\n  ${(props) =>\n    props.underline &&\n    `\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof props.underline === 'string' ? props.underline : 'solid'};\n      text-underline-offset: 0.3em;\n    `}\n`\n\nexport const LineHeight = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  visibility: hidden;\n`\n\nexport const ExpandButton = styled.button.withConfig<StyledExpandButtonProps>({\n  shouldForwardProp: (propKey) => !['contrast', 'palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  padding: 0;\n  border: 0;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  margin-top: 0.2em;\n  text-decoration-line: underline;\n  text-decoration-style: dashed;\n  text-underline-offset: 0.3em;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  ${(props) => (props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.primary)}\n\n  ${focus}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","shouldForwardTextProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","colorDisabled","COLOR_SCHEMA","primary","css","props","theme","colors","tinycolor","lighten","toString","transparent","contrast","darken","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","fontFamily","transform","weight","fontStyle","textAlign","lineHeight","whiteSpace","wordBreak","underlineLinks","underline","ellipsis","responsiveSize","responsiveMargin","display","textColor","TextEllipsis","span","expanded","lines","LineHeight","ExpandButton","button","focus"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { Color, CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledTextProps, ExpandButtonPalette, StyledTextEllipsisProps, StyledExpandButtonProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst shouldForwardTextProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'appearance',\n      'fontFamily',\n      'weight',\n      'fontStyle',\n      'transform',\n      'underlineLinks',\n      'textAlign',\n      'lineHeight',\n      'content',\n      'display',\n      'chars',\n      'quoted',\n      'showZeroMinorPart',\n      'separator',\n      'whiteSpace',\n      'wordBreak',\n      'underline',\n      'ellipsis',\n    ].includes(propKey)\n)\n\nconst template = (palette: ExpandButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n  `)}\n  &:active {\n    color: ${palette.color};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledExpandButtonProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        backgroundColor: props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  contrast: css<StyledExpandButtonProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        backgroundColor: props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledTextProps>({\n  shouldForwardProp: shouldForwardTextProp,\n})`\n  ${(props) => `\n    margin: 0;\n    padding: 0;\n    ${props.fontFamily ? `font-family: ${props.fontFamily};` : ''}\n    ${props.transform ? `text-transform: ${props.transform};` : ''}\n    ${props.weight ? `font-weight: ${WEIGHT_MAP[props.weight as keyof typeof WEIGHT_MAP] ?? props.weight};` : ''}\n    ${props.fontStyle ? `font-style: ${props.fontStyle};` : ''}\n    ${props.textAlign ? `text-align: ${props.textAlign};` : ''}\n    ${\n      props.lineHeight\n        ? `line-height: ${LINE_HEIGHT_MAP[props.lineHeight as keyof typeof LINE_HEIGHT_MAP] ?? props.lineHeight};`\n        : ''\n    }\n    ${props.whiteSpace ? `white-space: ${props.whiteSpace};` : ''}\n    ${props.wordBreak ? `word-break: ${props.wordBreak};` : ''}\n    a {\n      text-decoration: ${props.underlineLinks ? 'underline' : 'none'};\n      ${hover(`\n        text-decoration: none;\n      `)}\n    }\n  `}\n\n  ${(props) =>\n    props.underline &&\n    !props.ellipsis &&\n    `\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof props.underline === 'string' ? props.underline : 'solid'};\n      text-underline-offset: 0.3em;\n    `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as Color))}\n`\n\nexport const TextEllipsis = styled.span.withConfig<StyledTextEllipsisProps>({\n  shouldForwardProp: (propKey) => !['lines', 'expanded', 'underline'].includes(propKey),\n})`\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n\n  ${(props) =>\n    !props.expanded &&\n    `\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${props.lines};\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `}\n\n  ${(props) =>\n    props.underline &&\n    `\n      text-decoration-line: underline;\n      text-decoration-style: ${typeof props.underline === 'string' ? props.underline : 'solid'};\n      text-underline-offset: 0.3em;\n    `}\n`\n\nexport const LineHeight = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  visibility: hidden;\n`\n\nexport const ExpandButton = styled.button.withConfig<StyledExpandButtonProps>({\n  shouldForwardProp: (propKey) => !['contrast', 'palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  padding: 0;\n  border: 0;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  margin-top: 0.2em;\n  text-decoration-line: underline;\n  text-decoration-style: dashed;\n  text-underline-offset: 0.3em;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  ${(props) => (props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.primary)}\n\n  ${focus}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","shouldForwardTextProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","colorDisabled","COLOR_SCHEMA","primary","css","props","theme","colors","tinycolor","lighten","toString","transparent","contrast","darken","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","fontFamily","transform","weight","fontStyle","textAlign","lineHeight","whiteSpace","wordBreak","underlineLinks","underline","ellipsis","responsiveSize","responsiveMargin","display","textColor","TextEllipsis","span","expanded","lines","LineHeight","ExpandButton","button","focus"],"mappings":"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"}

package/components/Text.Ellipse/Text.Ellipse.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var Spacer=require('../Spacer/Spacer.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');var Anchor=require('../Anchor/Anchor.js');exports.TextEllipse=class TextEllipse extends React.Component{static displayName='Text.Ellipse';constructor(e){super(e),this.state={isUnFolded:!1,isEllipsed:!1}}componentDidUpdate({content:e}){e!==this.props.content&&this.state.isUnFolded&&this.toggle()}getContent=e=>{const{content:t,chars:s=0}=this.props;if(!t)return'';let{isEllipsed:i}=this.state;let r=typeof t=='string'?'':[];if(this.state.isUnFolded)r=t;else if(typeof r=='string')i=s!==0&&t.length>s,r=i&&s!==0?`${t.slice(0,s)}...`:t;else{let e=s;for(let s=0;s<t.length;s++){if(!(e-t[s].length>0)){i=!0,r[s]=`${t[s].slice(0,e)}...`;break}e-=t[s].length,r[s]=t[s]}}return this.state.isEllipsed!==i&&setTimeout((()=>this.setState({isEllipsed:i}))),typeof r=='string'?jsxRuntime.jsx(Text.Text,{...e,children:this.getQuted(r)}):jsxRuntime.jsx(style.Ul,{children:r.map(((t,s)=>jsxRuntime.jsx(style.Li,{children:jsxRuntime.jsx(Text.Text,{...e,display:"inline",children:t})},s)))})};getQuted=e=>this.props.quoted?`«${e}»`:e;toggle=()=>{this.setState({isUnFolded:!this.state.isUnFolded})};render(){const{className:e="",style:t,moreText:s="Читать полностью",lessText:i="Свернуть",showToggler:r=!0,...n}=this.props;const{isUnFolded:l,isEllipsed:o}=this.state;return jsxRuntime.jsxs("div",{className:e,style:t,children:[this.getContent(n),r&&o?jsxRuntime.jsx(Spacer.Spacer,{marginTop:16,marginBottom:1,children:jsxRuntime.jsx(Anchor.Anchor,{pseudo:!0,onClick:this.toggle,children:l?i:s})}):null]})}};
+'use strict';var React=require('react');var Spacer=require('../Spacer/Spacer.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');var Anchor=require('../Anchor/Anchor.js');exports.TextEllipse=class TextEllipse extends React.Component{static displayName='Text.Ellipse';constructor(e){super(e),this.state={isUnFolded:!1,isEllipsed:!1}}componentDidUpdate({content:e}){e!==this.props.content&&this.state.isUnFolded&&this.toggle()}getContent=e=>{const{content:t,chars:s=0}=this.props;if(!t)return'';let{isEllipsed:i}=this.state;let r=typeof t=='string'?'':[];if(this.state.isUnFolded)r=t;else if(typeof r=='string')i=s!==0&&t.length>s,r=i&&s!==0?`${t.slice(0,s)}...`:t;else{let e=s;for(let s=0;s<t.length;s++){if(!(e-t[s].length>0)){i=!0,r[s]=`${t[s].slice(0,e)}...`;break}e-=t[s].length,r[s]=t[s]}}return this.state.isEllipsed!==i&&setTimeout(()=>this.setState({isEllipsed:i})),typeof r=='string'?jsxRuntime.jsx(Text.Text,{...e,children:this.getQuted(r)}):jsxRuntime.jsx(style.Ul,{children:r.map((t,s)=>jsxRuntime.jsx(style.Li,{children:jsxRuntime.jsx(Text.Text,{...e,display:"inline",children:t})},s))})};getQuted=e=>this.props.quoted?`«${e}»`:e;toggle=()=>{this.setState({isUnFolded:!this.state.isUnFolded})};render(){const{className:e="",style:t,moreText:s="Читать полностью",lessText:i="Свернуть",showToggler:r=!0,...n}=this.props;const{isUnFolded:l,isEllipsed:o}=this.state;return jsxRuntime.jsxs("div",{className:e,style:t,children:[this.getContent(n),r&&o?jsxRuntime.jsx(Spacer.Spacer,{marginTop:16,marginBottom:1,children:jsxRuntime.jsx(Anchor.Anchor,{pseudo:!0,onClick:this.toggle,children:l?i:s})}):null]})}};
 //# sourceMappingURL=Text.Ellipse.js.map

package/components/Text.Ellipse/Text.Ellipse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.Ellipse.js","sources":["../../../../src/components/Text.Ellipse/Text.Ellipse.tsx"],"sourcesContent":["import { Component } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Anchor } from 'components/Anchor'\nimport { Spacer } from '../Spacer/Spacer'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface TextEllipseProps extends Omit<TextProps, 'content'> {\n  /** Toggle text for folded state */\n  moreText?: string\n  /** Toggle text for unfolded state */\n  lessText?: string\n  /** Classname */\n  className?: string\n  /** Text content */\n  content: string | string[]\n  /** Characters quantity for ellipsed text */\n  chars?: number\n  /** Wrap text in quotes */\n  quoted?: boolean\n  /** Flag to show toggler */\n  showToggler?: boolean\n}\n\ninterface TextEllipseState {\n  isUnFolded: boolean\n  isEllipsed: boolean\n}\n\nexport class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {\n  static displayName = 'Text.Ellipse'\n\n  constructor(props: TextEllipseProps) {\n    super(props)\n\n    this.state = {\n      isUnFolded: false,\n      isEllipsed: false,\n    }\n  }\n\n  componentDidUpdate({ content }: TextEllipseProps) {\n    if (content !== this.props.content && this.state.isUnFolded) {\n      this.toggle()\n    }\n  }\n\n  getContent = (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler' | 'content'>) => {\n    const { content, chars = 0 } = this.props\n\n    if (!content) return ''\n\n    let { isEllipsed } = this.state\n    let text: string | string[] = typeof content === 'string' ? '' : []\n\n    if (!this.state.isUnFolded) {\n      if (typeof text === 'string') {\n        isEllipsed = chars !== 0 && content.length > chars\n\n        text = isEllipsed && chars !== 0 ? `${content.slice(0, chars)}...` : content\n      } else {\n        let leftChars = chars\n\n        for (let index = 0; index < content.length; index++) {\n          if (leftChars - content[index].length > 0) {\n            leftChars -= content[index].length\n\n            text[index] = content[index]\n          } else {\n            isEllipsed = true\n            text[index] = `${content[index].slice(0, leftChars)}...`\n\n            break\n          }\n        }\n      }\n    } else {\n      text = content\n    }\n\n    if (this.state.isEllipsed !== isEllipsed) setTimeout(() => this.setState({ isEllipsed }))\n\n    return typeof text === 'string' ? (\n      <Text {...props}>{this.getQuted(text)}</Text>\n    ) : (\n      <Styled.Ul>\n        {text.map((item, index) => (\n          <Styled.Li key={index}>\n            <Text {...props} display='inline'>\n              {item}\n            </Text>\n          </Styled.Li>\n        ))}\n      </Styled.Ul>\n    )\n  }\n\n  getQuted = (content: string) => (this.props.quoted ? `«${content}»` : content)\n\n  toggle = () => {\n    this.setState({ isUnFolded: !this.state.isUnFolded })\n  }\n\n  render() {\n    const {\n      className = '',\n      style,\n      moreText = 'Читать полностью',\n      lessText = 'Свернуть',\n      showToggler = true,\n      ...restProps\n    } = this.props\n    const { isUnFolded, isEllipsed } = this.state\n\n    return (\n      <div className={className} style={style}>\n        {this.getContent(restProps)}\n        {showToggler && isEllipsed ? (\n          <Spacer marginTop={16} marginBottom={1}>\n            {/* eslint-disable-next-line react/jsx-handler-names */}\n            <Anchor pseudo onClick={this.toggle}>\n              {isUnFolded ? lessText : moreText}\n            </Anchor>\n          </Spacer>\n        ) : null}\n      </div>\n    )\n  }\n}\n"],"names":["TextEllipse","Component","static","constructor","props","super","this","state","isUnFolded","isEllipsed","componentDidUpdate","content","toggle","getContent","chars","text","length","slice","leftChars","index","setTimeout","setState","_jsx","Text","children","getQuted","Styled","map","item","display","quoted","render","className","style","moreText","lessText","showToggler","restProps","_jsxs","Spacer","marginTop","marginBottom","Anchor","pseudo","onClick"],"mappings":"gQA6BO,MAAMA,oBAAoBC,MAAAA,UAC/BC,mBAAqB,eAErBC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,YAAY,EACZC,YAAY,EAEhB,CAEAC,kBAAAA,EAAmBC,QAAEA,IACfA,IAAYL,KAAKF,MAAMO,SAAWL,KAAKC,MAAMC,YAC/CF,KAAKM,QAET,CAEAC,WAAcT,IACZ,MAAMO,QAAEA,EAAOG,MAAEA,EAAQ,GAAMR,KAAKF,MAEpC,IAAKO,EAAS,MAAO,GAErB,IAAIF,WAAEA,GAAeH,KAAKC,MAC1B,IAAIQ,SAAiCJ,GAAY,SAAW,GAAK,GAEjE,GAAKL,KAAKC,MAAMC,WAsBdO,EAAOJ,OArBP,UAAWI,GAAS,SAClBN,EAAaK,IAAU,GAAKH,EAAQK,OAASF,EAE7CC,EAAON,GAAcK,IAAU,EAAI,GAAGH,EAAQM,MAAM,EAAGH,QAAcH,MAChE,CACL,IAAIO,EAAYJ,EAEhB,IAAK,IAAIK,EAAQ,EAAGA,EAAQR,EAAQK,OAAQG,IAAS,CACnD,KAAID,EAAYP,EAAQQ,GAAOH,OAAS,GAIjC,CACLP,GAAa,EACbM,EAAKI,GAAS,GAAGR,EAAQQ,GAAOF,MAAM,EAAGC,QAEzC,KACF,CAREA,GAAaP,EAAQQ,GAAOH,OAE5BD,EAAKI,GAASR,EAAQQ,EAO1B,CACF,CAOF,OAFIb,KAAKC,MAAME,aAAeA,GAAYW,YAAW,IAAMd,KAAKe,SAAS,CAAEZ,wBAE7DM,GAAS,SACrBO,WAAAA,IAACC,KAAAA,KAAI,IAAKnB,EAAKoB,SAAGlB,KAAKmB,SAASV,KAEhCO,WAAAA,IAACI,SAAS,CAAAF,SACPT,EAAKY,KAAI,CAACC,EAAMT,IACfG,WAAAA,IAACI,SAAS,CAAAF,SACRF,WAAAA,IAACC,UAAI,IAAKnB,EAAOyB,QAAQ,SAAQL,SAC9BI,KAFWT,MAOrB,EAGHM,SAAYd,GAAqBL,KAAKF,MAAM0B,OAAS,IAAInB,KAAaA,EAEtEC,OAASA,KACPN,KAAKe,SAAS,CAAEb,YAAaF,KAAKC,MAAMC,YAAa,EAGvDuB,MAAAA,GACE,MAAMC,UACJA,EAAY,GAAEC,MACdA,EAAKC,SACLA,EAAW,mBAAkBC,SAC7BA,EAAW,WAAUC,YACrBA,GAAc,KACXC,GACD/B,KAAKF,MACT,MAAMI,WAAEA,EAAUC,WAAEA,GAAeH,KAAKC,MAExC,OACE+B,WAAAA,KAAA,MAAA,CAAKN,UAAWA,EAAWC,MAAOA,EAAMT,SAAA,CACrClB,KAAKO,WAAWwB,GAChBD,GAAe3B,EACda,WAAAA,IAACiB,cAAM,CAACC,UAAW,GAAIC,aAAc,EAAEjB,SAErCF,WAAAA,IAACoB,cAAM,CAACC,QAAM,EAACC,QAAStC,KAAKM,OAAOY,SACjChB,EAAa2B,EAAWD,MAG3B,OAGV"}
+{"version":3,"file":"Text.Ellipse.js","sources":["../../../../src/components/Text.Ellipse/Text.Ellipse.tsx"],"sourcesContent":["import { Component } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Anchor } from 'components/Anchor'\nimport { Spacer } from '../Spacer/Spacer'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface TextEllipseProps extends Omit<TextProps, 'content'> {\n  /** Toggle text for folded state */\n  moreText?: string\n  /** Toggle text for unfolded state */\n  lessText?: string\n  /** Classname */\n  className?: string\n  /** Text content */\n  content: string | string[]\n  /** Characters quantity for ellipsed text */\n  chars?: number\n  /** Wrap text in quotes */\n  quoted?: boolean\n  /** Flag to show toggler */\n  showToggler?: boolean\n}\n\ninterface TextEllipseState {\n  isUnFolded: boolean\n  isEllipsed: boolean\n}\n\nexport class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {\n  static displayName = 'Text.Ellipse'\n\n  constructor(props: TextEllipseProps) {\n    super(props)\n\n    this.state = {\n      isUnFolded: false,\n      isEllipsed: false,\n    }\n  }\n\n  componentDidUpdate({ content }: TextEllipseProps) {\n    if (content !== this.props.content && this.state.isUnFolded) {\n      this.toggle()\n    }\n  }\n\n  getContent = (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler' | 'content'>) => {\n    const { content, chars = 0 } = this.props\n\n    if (!content) return ''\n\n    let { isEllipsed } = this.state\n    let text: string | string[] = typeof content === 'string' ? '' : []\n\n    if (!this.state.isUnFolded) {\n      if (typeof text === 'string') {\n        isEllipsed = chars !== 0 && content.length > chars\n\n        text = isEllipsed && chars !== 0 ? `${content.slice(0, chars)}...` : content\n      } else {\n        let leftChars = chars\n\n        for (let index = 0; index < content.length; index++) {\n          if (leftChars - content[index].length > 0) {\n            leftChars -= content[index].length\n\n            text[index] = content[index]\n          } else {\n            isEllipsed = true\n            text[index] = `${content[index].slice(0, leftChars)}...`\n\n            break\n          }\n        }\n      }\n    } else {\n      text = content\n    }\n\n    if (this.state.isEllipsed !== isEllipsed) setTimeout(() => this.setState({ isEllipsed }))\n\n    return typeof text === 'string' ? (\n      <Text {...props}>{this.getQuted(text)}</Text>\n    ) : (\n      <Styled.Ul>\n        {text.map((item, index) => (\n          <Styled.Li key={index}>\n            <Text {...props} display='inline'>\n              {item}\n            </Text>\n          </Styled.Li>\n        ))}\n      </Styled.Ul>\n    )\n  }\n\n  getQuted = (content: string) => (this.props.quoted ? `«${content}»` : content)\n\n  toggle = () => {\n    this.setState({ isUnFolded: !this.state.isUnFolded })\n  }\n\n  render() {\n    const {\n      className = '',\n      style,\n      moreText = 'Читать полностью',\n      lessText = 'Свернуть',\n      showToggler = true,\n      ...restProps\n    } = this.props\n    const { isUnFolded, isEllipsed } = this.state\n\n    return (\n      <div className={className} style={style}>\n        {this.getContent(restProps)}\n        {showToggler && isEllipsed ? (\n          <Spacer marginTop={16} marginBottom={1}>\n            {/* eslint-disable-next-line react/jsx-handler-names */}\n            <Anchor pseudo onClick={this.toggle}>\n              {isUnFolded ? lessText : moreText}\n            </Anchor>\n          </Spacer>\n        ) : null}\n      </div>\n    )\n  }\n}\n"],"names":["TextEllipse","Component","static","constructor","props","super","this","state","isUnFolded","isEllipsed","componentDidUpdate","content","toggle","getContent","chars","text","length","slice","leftChars","index","setTimeout","setState","_jsx","Text","children","getQuted","Styled","map","item","display","quoted","render","className","style","moreText","lessText","showToggler","restProps","_jsxs","Spacer","marginTop","marginBottom","Anchor","pseudo","onClick"],"mappings":"gQA6BO,MAAMA,oBAAoBC,MAAAA,UAC/BC,mBAAqB,eAErBC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,YAAY,EACZC,YAAY,EAEhB,CAEAC,kBAAAA,EAAmBC,QAAEA,IACfA,IAAYL,KAAKF,MAAMO,SAAWL,KAAKC,MAAMC,YAC/CF,KAAKM,QAET,CAEAC,WAAcT,IACZ,MAAMO,QAAEA,EAAOG,MAAEA,EAAQ,GAAMR,KAAKF,MAEpC,IAAKO,EAAS,MAAO,GAErB,IAAIF,WAAEA,GAAeH,KAAKC,MAC1B,IAAIQ,SAAiCJ,GAAY,SAAW,GAAK,GAEjE,GAAKL,KAAKC,MAAMC,WAsBdO,EAAOJ,OArBP,UAAWI,GAAS,SAClBN,EAAaK,IAAU,GAAKH,EAAQK,OAASF,EAE7CC,EAAON,GAAcK,IAAU,EAAI,GAAGH,EAAQM,MAAM,EAAGH,QAAcH,MAChE,CACL,IAAIO,EAAYJ,EAEhB,IAAK,IAAIK,EAAQ,EAAGA,EAAQR,EAAQK,OAAQG,IAAS,CACnD,KAAID,EAAYP,EAAQQ,GAAOH,OAAS,GAIjC,CACLP,GAAa,EACbM,EAAKI,GAAS,GAAGR,EAAQQ,GAAOF,MAAM,EAAGC,QAEzC,KACF,CAREA,GAAaP,EAAQQ,GAAOH,OAE5BD,EAAKI,GAASR,EAAQQ,EAO1B,CACF,CAOF,OAFIb,KAAKC,MAAME,aAAeA,GAAYW,WAAW,IAAMd,KAAKe,SAAS,CAAEZ,uBAE7DM,GAAS,SACrBO,WAAAA,IAACC,KAAAA,KAAI,IAAKnB,EAAKoB,SAAGlB,KAAKmB,SAASV,KAEhCO,WAAAA,IAACI,SAAS,CAAAF,SACPT,EAAKY,IAAI,CAACC,EAAMT,IACfG,WAAAA,IAACI,SAAS,CAAAF,SACRF,WAAAA,IAACC,UAAI,IAAKnB,EAAOyB,QAAQ,SAAQL,SAC9BI,KAFWT,OAUxBM,SAAYd,GAAqBL,KAAKF,MAAM0B,OAAS,IAAInB,KAAaA,EAEtEC,OAASA,KACPN,KAAKe,SAAS,CAAEb,YAAaF,KAAKC,MAAMC,cAG1CuB,MAAAA,GACE,MAAMC,UACJA,EAAY,GAAEC,MACdA,EAAKC,SACLA,EAAW,mBAAkBC,SAC7BA,EAAW,WAAUC,YACrBA,GAAc,KACXC,GACD/B,KAAKF,MACT,MAAMI,WAAEA,EAAUC,WAAEA,GAAeH,KAAKC,MAExC,OACE+B,WAAAA,KAAA,MAAA,CAAKN,UAAWA,EAAWC,MAAOA,EAAMT,SAAA,CACrClB,KAAKO,WAAWwB,GAChBD,GAAe3B,EACda,WAAAA,IAACiB,cAAM,CAACC,UAAW,GAAIC,aAAc,EAAEjB,SAErCF,WAAAA,IAACoB,cAAM,CAACC,QAAM,EAACC,QAAStC,KAAKM,OAAOY,SACjChB,EAAa2B,EAAWD,MAG3B,OAGV"}

package/components/Text.Ellipse/Text.Ellipse.mjs

@@ -1,2 +1,2 @@
-import{Component}from'react';import{Spacer}from'../Spacer/Spacer.mjs';import{Ul,Li}from'./style.mjs';import{jsx,jsxs}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{Anchor}from'../Anchor/Anchor.mjs';class TextEllipse extends Component{static displayName='Text.Ellipse';constructor(t){super(t),this.state={isUnFolded:!1,isEllipsed:!1}}componentDidUpdate({content:t}){t!==this.props.content&&this.state.isUnFolded&&this.toggle()}getContent=t=>{const{content:e,chars:s=0}=this.props;if(!e)return'';let{isEllipsed:i}=this.state;let l=typeof e=='string'?'':[];if(this.state.isUnFolded)l=e;else if(typeof l=='string')i=s!==0&&e.length>s,l=i&&s!==0?`${e.slice(0,s)}...`:e;else{let t=s;for(let s=0;s<e.length;s++){if(!(t-e[s].length>0)){i=!0,l[s]=`${e[s].slice(0,t)}...`;break}t-=e[s].length,l[s]=e[s]}}return this.state.isEllipsed!==i&&setTimeout((()=>this.setState({isEllipsed:i}))),typeof l=='string'?jsx(Text,{...t,children:this.getQuted(l)}):jsx(Ul,{children:l.map(((e,s)=>jsx(Li,{children:jsx(Text,{...t,display:"inline",children:e})},s)))})};getQuted=t=>this.props.quoted?`«${t}»`:t;toggle=()=>{this.setState({isUnFolded:!this.state.isUnFolded})};render(){const{className:t="",style:e,moreText:s="Читать полностью",lessText:i="Свернуть",showToggler:l=!0,...o}=this.props;const{isUnFolded:n,isEllipsed:r}=this.state;return jsxs("div",{className:t,style:e,children:[this.getContent(o),l&&r?jsx(Spacer,{marginTop:16,marginBottom:1,children:jsx(Anchor,{pseudo:!0,onClick:this.toggle,children:n?i:s})}):null]})}}export{TextEllipse};
+import{Component}from'react';import{Spacer}from'../Spacer/Spacer.mjs';import{Ul,Li}from'./style.mjs';import{jsx,jsxs}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{Anchor}from'../Anchor/Anchor.mjs';class TextEllipse extends Component{static displayName='Text.Ellipse';constructor(t){super(t),this.state={isUnFolded:!1,isEllipsed:!1}}componentDidUpdate({content:t}){t!==this.props.content&&this.state.isUnFolded&&this.toggle()}getContent=t=>{const{content:e,chars:s=0}=this.props;if(!e)return'';let{isEllipsed:i}=this.state;let l=typeof e=='string'?'':[];if(this.state.isUnFolded)l=e;else if(typeof l=='string')i=s!==0&&e.length>s,l=i&&s!==0?`${e.slice(0,s)}...`:e;else{let t=s;for(let s=0;s<e.length;s++){if(!(t-e[s].length>0)){i=!0,l[s]=`${e[s].slice(0,t)}...`;break}t-=e[s].length,l[s]=e[s]}}return this.state.isEllipsed!==i&&setTimeout(()=>this.setState({isEllipsed:i})),typeof l=='string'?jsx(Text,{...t,children:this.getQuted(l)}):jsx(Ul,{children:l.map((e,s)=>jsx(Li,{children:jsx(Text,{...t,display:"inline",children:e})},s))})};getQuted=t=>this.props.quoted?`«${t}»`:t;toggle=()=>{this.setState({isUnFolded:!this.state.isUnFolded})};render(){const{className:t="",style:e,moreText:s="Читать полностью",lessText:i="Свернуть",showToggler:l=!0,...o}=this.props;const{isUnFolded:n,isEllipsed:r}=this.state;return jsxs("div",{className:t,style:e,children:[this.getContent(o),l&&r?jsx(Spacer,{marginTop:16,marginBottom:1,children:jsx(Anchor,{pseudo:!0,onClick:this.toggle,children:n?i:s})}):null]})}}export{TextEllipse};
 //# sourceMappingURL=Text.Ellipse.mjs.map

package/components/Text.Ellipse/Text.Ellipse.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.Ellipse.mjs","sources":["../../../../src/components/Text.Ellipse/Text.Ellipse.tsx"],"sourcesContent":["import { Component } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Anchor } from 'components/Anchor'\nimport { Spacer } from '../Spacer/Spacer'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface TextEllipseProps extends Omit<TextProps, 'content'> {\n  /** Toggle text for folded state */\n  moreText?: string\n  /** Toggle text for unfolded state */\n  lessText?: string\n  /** Classname */\n  className?: string\n  /** Text content */\n  content: string | string[]\n  /** Characters quantity for ellipsed text */\n  chars?: number\n  /** Wrap text in quotes */\n  quoted?: boolean\n  /** Flag to show toggler */\n  showToggler?: boolean\n}\n\ninterface TextEllipseState {\n  isUnFolded: boolean\n  isEllipsed: boolean\n}\n\nexport class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {\n  static displayName = 'Text.Ellipse'\n\n  constructor(props: TextEllipseProps) {\n    super(props)\n\n    this.state = {\n      isUnFolded: false,\n      isEllipsed: false,\n    }\n  }\n\n  componentDidUpdate({ content }: TextEllipseProps) {\n    if (content !== this.props.content && this.state.isUnFolded) {\n      this.toggle()\n    }\n  }\n\n  getContent = (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler' | 'content'>) => {\n    const { content, chars = 0 } = this.props\n\n    if (!content) return ''\n\n    let { isEllipsed } = this.state\n    let text: string | string[] = typeof content === 'string' ? '' : []\n\n    if (!this.state.isUnFolded) {\n      if (typeof text === 'string') {\n        isEllipsed = chars !== 0 && content.length > chars\n\n        text = isEllipsed && chars !== 0 ? `${content.slice(0, chars)}...` : content\n      } else {\n        let leftChars = chars\n\n        for (let index = 0; index < content.length; index++) {\n          if (leftChars - content[index].length > 0) {\n            leftChars -= content[index].length\n\n            text[index] = content[index]\n          } else {\n            isEllipsed = true\n            text[index] = `${content[index].slice(0, leftChars)}...`\n\n            break\n          }\n        }\n      }\n    } else {\n      text = content\n    }\n\n    if (this.state.isEllipsed !== isEllipsed) setTimeout(() => this.setState({ isEllipsed }))\n\n    return typeof text === 'string' ? (\n      <Text {...props}>{this.getQuted(text)}</Text>\n    ) : (\n      <Styled.Ul>\n        {text.map((item, index) => (\n          <Styled.Li key={index}>\n            <Text {...props} display='inline'>\n              {item}\n            </Text>\n          </Styled.Li>\n        ))}\n      </Styled.Ul>\n    )\n  }\n\n  getQuted = (content: string) => (this.props.quoted ? `«${content}»` : content)\n\n  toggle = () => {\n    this.setState({ isUnFolded: !this.state.isUnFolded })\n  }\n\n  render() {\n    const {\n      className = '',\n      style,\n      moreText = 'Читать полностью',\n      lessText = 'Свернуть',\n      showToggler = true,\n      ...restProps\n    } = this.props\n    const { isUnFolded, isEllipsed } = this.state\n\n    return (\n      <div className={className} style={style}>\n        {this.getContent(restProps)}\n        {showToggler && isEllipsed ? (\n          <Spacer marginTop={16} marginBottom={1}>\n            {/* eslint-disable-next-line react/jsx-handler-names */}\n            <Anchor pseudo onClick={this.toggle}>\n              {isUnFolded ? lessText : moreText}\n            </Anchor>\n          </Spacer>\n        ) : null}\n      </div>\n    )\n  }\n}\n"],"names":["TextEllipse","Component","static","constructor","props","super","this","state","isUnFolded","isEllipsed","componentDidUpdate","content","toggle","getContent","chars","text","length","slice","leftChars","index","setTimeout","setState","_jsx","Text","children","getQuted","Styled","map","item","display","quoted","render","className","style","moreText","lessText","showToggler","restProps","_jsxs","Spacer","marginTop","marginBottom","Anchor","pseudo","onClick"],"mappings":"yNA6BO,MAAMA,oBAAoBC,UAC/BC,mBAAqB,eAErBC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,YAAY,EACZC,YAAY,EAEhB,CAEAC,kBAAAA,EAAmBC,QAAEA,IACfA,IAAYL,KAAKF,MAAMO,SAAWL,KAAKC,MAAMC,YAC/CF,KAAKM,QAET,CAEAC,WAAcT,IACZ,MAAMO,QAAEA,EAAOG,MAAEA,EAAQ,GAAMR,KAAKF,MAEpC,IAAKO,EAAS,MAAO,GAErB,IAAIF,WAAEA,GAAeH,KAAKC,MAC1B,IAAIQ,SAAiCJ,GAAY,SAAW,GAAK,GAEjE,GAAKL,KAAKC,MAAMC,WAsBdO,EAAOJ,OArBP,UAAWI,GAAS,SAClBN,EAAaK,IAAU,GAAKH,EAAQK,OAASF,EAE7CC,EAAON,GAAcK,IAAU,EAAI,GAAGH,EAAQM,MAAM,EAAGH,QAAcH,MAChE,CACL,IAAIO,EAAYJ,EAEhB,IAAK,IAAIK,EAAQ,EAAGA,EAAQR,EAAQK,OAAQG,IAAS,CACnD,KAAID,EAAYP,EAAQQ,GAAOH,OAAS,GAIjC,CACLP,GAAa,EACbM,EAAKI,GAAS,GAAGR,EAAQQ,GAAOF,MAAM,EAAGC,QAEzC,KACF,CAREA,GAAaP,EAAQQ,GAAOH,OAE5BD,EAAKI,GAASR,EAAQQ,EAO1B,CACF,CAOF,OAFIb,KAAKC,MAAME,aAAeA,GAAYW,YAAW,IAAMd,KAAKe,SAAS,CAAEZ,wBAE7DM,GAAS,SACrBO,IAACC,KAAI,IAAKnB,EAAKoB,SAAGlB,KAAKmB,SAASV,KAEhCO,IAACI,GAAS,CAAAF,SACPT,EAAKY,KAAI,CAACC,EAAMT,IACfG,IAACI,GAAS,CAAAF,SACRF,IAACC,KAAI,IAAKnB,EAAOyB,QAAQ,SAAQL,SAC9BI,KAFWT,MAOrB,EAGHM,SAAYd,GAAqBL,KAAKF,MAAM0B,OAAS,IAAInB,KAAaA,EAEtEC,OAASA,KACPN,KAAKe,SAAS,CAAEb,YAAaF,KAAKC,MAAMC,YAAa,EAGvDuB,MAAAA,GACE,MAAMC,UACJA,EAAY,GAAEC,MACdA,EAAKC,SACLA,EAAW,mBAAkBC,SAC7BA,EAAW,WAAUC,YACrBA,GAAc,KACXC,GACD/B,KAAKF,MACT,MAAMI,WAAEA,EAAUC,WAAEA,GAAeH,KAAKC,MAExC,OACE+B,KAAA,MAAA,CAAKN,UAAWA,EAAWC,MAAOA,EAAMT,SAAA,CACrClB,KAAKO,WAAWwB,GAChBD,GAAe3B,EACda,IAACiB,OAAM,CAACC,UAAW,GAAIC,aAAc,EAAEjB,SAErCF,IAACoB,OAAM,CAACC,QAAM,EAACC,QAAStC,KAAKM,OAAOY,SACjChB,EAAa2B,EAAWD,MAG3B,OAGV"}
+{"version":3,"file":"Text.Ellipse.mjs","sources":["../../../../src/components/Text.Ellipse/Text.Ellipse.tsx"],"sourcesContent":["import { Component } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Anchor } from 'components/Anchor'\nimport { Spacer } from '../Spacer/Spacer'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface TextEllipseProps extends Omit<TextProps, 'content'> {\n  /** Toggle text for folded state */\n  moreText?: string\n  /** Toggle text for unfolded state */\n  lessText?: string\n  /** Classname */\n  className?: string\n  /** Text content */\n  content: string | string[]\n  /** Characters quantity for ellipsed text */\n  chars?: number\n  /** Wrap text in quotes */\n  quoted?: boolean\n  /** Flag to show toggler */\n  showToggler?: boolean\n}\n\ninterface TextEllipseState {\n  isUnFolded: boolean\n  isEllipsed: boolean\n}\n\nexport class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {\n  static displayName = 'Text.Ellipse'\n\n  constructor(props: TextEllipseProps) {\n    super(props)\n\n    this.state = {\n      isUnFolded: false,\n      isEllipsed: false,\n    }\n  }\n\n  componentDidUpdate({ content }: TextEllipseProps) {\n    if (content !== this.props.content && this.state.isUnFolded) {\n      this.toggle()\n    }\n  }\n\n  getContent = (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler' | 'content'>) => {\n    const { content, chars = 0 } = this.props\n\n    if (!content) return ''\n\n    let { isEllipsed } = this.state\n    let text: string | string[] = typeof content === 'string' ? '' : []\n\n    if (!this.state.isUnFolded) {\n      if (typeof text === 'string') {\n        isEllipsed = chars !== 0 && content.length > chars\n\n        text = isEllipsed && chars !== 0 ? `${content.slice(0, chars)}...` : content\n      } else {\n        let leftChars = chars\n\n        for (let index = 0; index < content.length; index++) {\n          if (leftChars - content[index].length > 0) {\n            leftChars -= content[index].length\n\n            text[index] = content[index]\n          } else {\n            isEllipsed = true\n            text[index] = `${content[index].slice(0, leftChars)}...`\n\n            break\n          }\n        }\n      }\n    } else {\n      text = content\n    }\n\n    if (this.state.isEllipsed !== isEllipsed) setTimeout(() => this.setState({ isEllipsed }))\n\n    return typeof text === 'string' ? (\n      <Text {...props}>{this.getQuted(text)}</Text>\n    ) : (\n      <Styled.Ul>\n        {text.map((item, index) => (\n          <Styled.Li key={index}>\n            <Text {...props} display='inline'>\n              {item}\n            </Text>\n          </Styled.Li>\n        ))}\n      </Styled.Ul>\n    )\n  }\n\n  getQuted = (content: string) => (this.props.quoted ? `«${content}»` : content)\n\n  toggle = () => {\n    this.setState({ isUnFolded: !this.state.isUnFolded })\n  }\n\n  render() {\n    const {\n      className = '',\n      style,\n      moreText = 'Читать полностью',\n      lessText = 'Свернуть',\n      showToggler = true,\n      ...restProps\n    } = this.props\n    const { isUnFolded, isEllipsed } = this.state\n\n    return (\n      <div className={className} style={style}>\n        {this.getContent(restProps)}\n        {showToggler && isEllipsed ? (\n          <Spacer marginTop={16} marginBottom={1}>\n            {/* eslint-disable-next-line react/jsx-handler-names */}\n            <Anchor pseudo onClick={this.toggle}>\n              {isUnFolded ? lessText : moreText}\n            </Anchor>\n          </Spacer>\n        ) : null}\n      </div>\n    )\n  }\n}\n"],"names":["TextEllipse","Component","static","constructor","props","super","this","state","isUnFolded","isEllipsed","componentDidUpdate","content","toggle","getContent","chars","text","length","slice","leftChars","index","setTimeout","setState","_jsx","Text","children","getQuted","Styled","map","item","display","quoted","render","className","style","moreText","lessText","showToggler","restProps","_jsxs","Spacer","marginTop","marginBottom","Anchor","pseudo","onClick"],"mappings":"yNA6BO,MAAMA,oBAAoBC,UAC/BC,mBAAqB,eAErBC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,YAAY,EACZC,YAAY,EAEhB,CAEAC,kBAAAA,EAAmBC,QAAEA,IACfA,IAAYL,KAAKF,MAAMO,SAAWL,KAAKC,MAAMC,YAC/CF,KAAKM,QAET,CAEAC,WAAcT,IACZ,MAAMO,QAAEA,EAAOG,MAAEA,EAAQ,GAAMR,KAAKF,MAEpC,IAAKO,EAAS,MAAO,GAErB,IAAIF,WAAEA,GAAeH,KAAKC,MAC1B,IAAIQ,SAAiCJ,GAAY,SAAW,GAAK,GAEjE,GAAKL,KAAKC,MAAMC,WAsBdO,EAAOJ,OArBP,UAAWI,GAAS,SAClBN,EAAaK,IAAU,GAAKH,EAAQK,OAASF,EAE7CC,EAAON,GAAcK,IAAU,EAAI,GAAGH,EAAQM,MAAM,EAAGH,QAAcH,MAChE,CACL,IAAIO,EAAYJ,EAEhB,IAAK,IAAIK,EAAQ,EAAGA,EAAQR,EAAQK,OAAQG,IAAS,CACnD,KAAID,EAAYP,EAAQQ,GAAOH,OAAS,GAIjC,CACLP,GAAa,EACbM,EAAKI,GAAS,GAAGR,EAAQQ,GAAOF,MAAM,EAAGC,QAEzC,KACF,CAREA,GAAaP,EAAQQ,GAAOH,OAE5BD,EAAKI,GAASR,EAAQQ,EAO1B,CACF,CAOF,OAFIb,KAAKC,MAAME,aAAeA,GAAYW,WAAW,IAAMd,KAAKe,SAAS,CAAEZ,uBAE7DM,GAAS,SACrBO,IAACC,KAAI,IAAKnB,EAAKoB,SAAGlB,KAAKmB,SAASV,KAEhCO,IAACI,GAAS,CAAAF,SACPT,EAAKY,IAAI,CAACC,EAAMT,IACfG,IAACI,GAAS,CAAAF,SACRF,IAACC,KAAI,IAAKnB,EAAOyB,QAAQ,SAAQL,SAC9BI,KAFWT,OAUxBM,SAAYd,GAAqBL,KAAKF,MAAM0B,OAAS,IAAInB,KAAaA,EAEtEC,OAASA,KACPN,KAAKe,SAAS,CAAEb,YAAaF,KAAKC,MAAMC,cAG1CuB,MAAAA,GACE,MAAMC,UACJA,EAAY,GAAEC,MACdA,EAAKC,SACLA,EAAW,mBAAkBC,SAC7BA,EAAW,WAAUC,YACrBA,GAAc,KACXC,GACD/B,KAAKF,MACT,MAAMI,WAAEA,EAAUC,WAAEA,GAAeH,KAAKC,MAExC,OACE+B,KAAA,MAAA,CAAKN,UAAWA,EAAWC,MAAOA,EAAMT,SAAA,CACrClB,KAAKO,WAAWwB,GAChBD,GAAe3B,EACda,IAACiB,OAAM,CAACC,UAAW,GAAIC,aAAc,EAAEjB,SAErCF,IAACoB,OAAM,CAACC,QAAM,EAACC,QAAStC,KAAKM,OAAOY,SACjChB,EAAa2B,EAAWD,MAG3B,OAGV"}