@foxford/ui 2.87.0 → 2.87.1-beta-3a7d913-20251201

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 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:not(:disabled) {\n            border-color: currentcolor;\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","inverse","checked"],"mappings":"mQASA,MAAMA,OAAiF,CACrFC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IAYN,MAAMC,OAASC,IAGd,CAAA,4DAEM,MAAMC,KAAOC,OAAOC,QAAOC,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAAdJ,CAQnB,CAAA,qJAED,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,SAYH,KAXAP,uGAKMD,OACAE,MACS,EAAGa,WAAYA,EAAMC,OAAOC,UAM9CH,GAAWA,EAAMyB,SAAWzB,EAAM0B,QAAUxC,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,IAGd,CAAA,4DAEM,MAAMC,KAAOC,OAAOC,QAAOC,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAAdJ,CAQnB,CAAA,qJAED,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"}

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');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 {\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 {\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 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","colorHover","colorDisabled","COLOR_SCHEMA","primary","css","props","theme","colors","tinycolor","default","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","default","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';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 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","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/mixins/hover.js

@@ -0,0 +1,2 @@
+'use strict';exports.hover=(e,n="&:hover")=>`\n    @media (hover: hover) and (pointer: fine) {\n      ${n} {\n        ${e}\n      }\n    }\n  `;
+//# sourceMappingURL=hover.js.map

package/mixins/hover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover.js","sources":["../../../src/mixins/hover.ts"],"sourcesContent":["import type { DefaultTheme, FlattenInterpolation, SimpleInterpolation, ThemeProps } from 'styled-components'\n\nconst hover = (styles?: FlattenInterpolation<ThemeProps<DefaultTheme>> | SimpleInterpolation, selector = '&:hover') =>\n  `\n    @media (hover: hover) and (pointer: fine) {\n      ${selector} {\n        ${styles}\n      }\n    }\n  `\n\nexport { hover }\n"],"names":["hover","styles","selector"],"mappings":"2BAEcA,CAACC,EAA+EC,EAAW,YACvG,4DAEMA,gBACED"}

package/mixins/hover.mjs

@@ -0,0 +1,2 @@
+const hover=(n,e="&:hover")=>`\n    @media (hover: hover) and (pointer: fine) {\n      ${e} {\n        ${n}\n      }\n    }\n  `;export{hover};
+//# sourceMappingURL=hover.mjs.map

package/mixins/hover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover.mjs","sources":["../../../src/mixins/hover.ts"],"sourcesContent":["import type { DefaultTheme, FlattenInterpolation, SimpleInterpolation, ThemeProps } from 'styled-components'\n\nconst hover = (styles?: FlattenInterpolation<ThemeProps<DefaultTheme>> | SimpleInterpolation, selector = '&:hover') =>\n  `\n    @media (hover: hover) and (pointer: fine) {\n      ${selector} {\n        ${styles}\n      }\n    }\n  `\n\nexport { hover }\n"],"names":["hover","styles","selector"],"mappings":"AAEMA,MAAAA,MAAQA,CAACC,EAA+EC,EAAW,YACvG,4DAEMA,gBACED"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.87.0",
+  "version": "2.87.1-beta-3a7d913-20251201",
   "description": "UI components and utilities",
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"
@@ -68,6 +68,6 @@
     "shared",
     "theme"
   ],
-  "sha": "64439a1",
+  "sha": "3a7d913",
   "scripts": {}
 }