@atom-learning/components 4.0.0-beta.9 → 4.1.0

package/dist/components/text/Text.js

@@ -1,2 +1,2 @@
-import*as n from"react";import{styled as s}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{capsize as e}from"../../utilities/style/capsize.js";import"color2k";import"../../utilities/style/keyframe-animations.js";const i={size:{xs:{fontSize:"$xs",lineHeight:1.6,...e(.4364)},sm:{fontSize:"$sm",lineHeight:1.53,...e(.4056)},md:{fontSize:"$md",lineHeight:1.5,...e(.3864)},lg:{fontSize:"$lg",lineHeight:1.52,...e(.3983)},xl:{fontSize:"$xl",lineHeight:1.42,...e(.3506)}},noCapsize:{true:{"&::before, &::after":{display:"none !important"}}}},p=({size:t,noCapsize:o})=>({...i.size[t],...i.noCapsize[`${o}`]}),a=s("p",{m:0,"& > &":{"&:before, &:after":{display:"none"}},variants:{...i,weight:{normal:{fontWeight:400},bold:{fontWeight:600}},family:{body:{fontFamily:"$body"},display:{fontFamily:"$display"},mono:{fontFamily:"$mono"}}}}),m=n.forwardRef(({size:t="md",weight:o="normal",family:l="body",...r},f)=>n.createElement(a,{size:t,weight:o,family:l,...r,ref:f}));m.displayName="Text";export{a as StyledText,m as Text,p as getTextVariant,i as textVariants};
+import*as n from"react";import{styled as f}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{capsize as e}from"../../utilities/style/capsize.js";import"color2k";import"../../utilities/style/keyframe-animations.js";const i={size:{xs:{fontSize:"$xs",lineHeight:1.6,...e(.4364)},sm:{fontSize:"$sm",lineHeight:1.53,...e(.4056)},md:{fontSize:"$md",lineHeight:1.5,...e(.3864)},lg:{fontSize:"$lg",lineHeight:1.52,...e(.3983)},xl:{fontSize:"$xl",lineHeight:1.42,...e(.3506)}},noCapsize:{true:{"&::before, &::after":{display:"none !important"}}}},s=({size:t,noCapsize:o})=>({...i.size[t],...i.noCapsize[`${o}`]}),a=f("p",{m:0,"& > &":{"&:before, &:after":{display:"none"}},variants:{...i,weight:{normal:{fontWeight:400},bold:{fontWeight:600}},family:{body:{fontFamily:"$body"},display:{fontFamily:"$display"},mono:{fontFamily:"$mono"}}}}),m=n.forwardRef(({size:t="md",family:o="body",...l},r)=>n.createElement(a,{size:t,family:o,...l,ref:r}));m.displayName="Text";export{a as StyledText,m as Text,s as getTextVariant,i as textVariants};
 //# sourceMappingURL=Text.js.map

package/dist/components/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS, styled } from '~/stitches'\nimport type { Override } from '~/utilities'\nimport { capsize } from '~/utilities'\n\nexport const textVariants = {\n  size: {\n    xs: { fontSize: '$xs', lineHeight: 1.6, ...capsize(0.4364) },\n    sm: { fontSize: '$sm', lineHeight: 1.53, ...capsize(0.4056) },\n    md: { fontSize: '$md', lineHeight: 1.5, ...capsize(0.3864) },\n    lg: { fontSize: '$lg', lineHeight: 1.52, ...capsize(0.3983) },\n    xl: { fontSize: '$xl', lineHeight: 1.42, ...capsize(0.3506) }\n  },\n  noCapsize: {\n    true: {\n      '&::before, &::after': { display: 'none !important' }\n    }\n  }\n}\n\nexport const getTextVariant: (options: {\n  size: keyof typeof textVariants.size\n  noCapsize?: boolean\n}) => CSS = ({ size, noCapsize }) => ({\n  ...textVariants.size[size],\n  ...textVariants.noCapsize[`${noCapsize}`]\n})\n\nexport const StyledText = styled('p', {\n  m: 0,\n  /** Allow nesting `<Text />` inside `<Text />` without forcing a new line and spacing. */\n  '& > &': {\n    '&:before, &:after': { display: 'none' }\n  },\n  variants: {\n    ...textVariants,\n    weight: {\n      normal: { fontWeight: 400 },\n      bold: { fontWeight: 600 }\n    },\n    family: {\n      body: { fontFamily: '$body' },\n      display: { fontFamily: '$display' },\n      mono: { fontFamily: '$mono' },\n    }\n  }\n})\n\ntype TextProps = Override<\n  React.ComponentProps<typeof StyledText>,\n  {\n    as?:\n      | 'blockquote'\n      | 'caption'\n      | 'dd'\n      | 'dt'\n      | 'figcaption'\n      | 'li'\n      | 'p'\n      | 'span'\n      | 'legend'\n      | React.ComponentType\n      | React.ElementType\n  }\n>\n\nexport const Text: React.ForwardRefExoticComponent<TextProps> =\n  React.forwardRef(({\n    size = 'md',\n    weight = 'normal',\n    family  = 'body',\n    ...remainingProps\n  }, ref) => (\n    <StyledText\n      size={size}\n      weight={weight}\n      family={family}\n      {...remainingProps}\n      ref={ref}\n    />\n  ))\n\nText.displayName = 'Text'\n"],"names":["textVariants","capsize","getTextVariant","size","noCapsize","StyledText","styled","Text","React","weight","family","remainingProps","ref"],"mappings":"sTAMa,MAAAA,EAAe,CAC1B,KAAM,CACJ,GAAI,CAAE,SAAU,MAAO,WAAY,IAAK,GAAGC,EAAQ,KAAM,CAAE,EAC3D,GAAI,CAAE,SAAU,MAAO,WAAY,KAAM,GAAGA,EAAQ,KAAM,CAAE,EAC5D,GAAI,CAAE,SAAU,MAAO,WAAY,IAAK,GAAGA,EAAQ,KAAM,CAAE,EAC3D,GAAI,CAAE,SAAU,MAAO,WAAY,KAAM,GAAGA,EAAQ,KAAM,CAAE,EAC5D,GAAI,CAAE,SAAU,MAAO,WAAY,KAAM,GAAGA,EAAQ,KAAM,CAAE,CAC9D,EACA,UAAW,CACT,KAAM,CACJ,sBAAuB,CAAE,QAAS,iBAAkB,CACtD,CACF,CACF,EAEaC,EAGD,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,KAAO,CACpC,GAAGJ,EAAa,KAAKG,GACrB,GAAGH,EAAa,UAAU,GAAGI,IAC/B,GAEaC,EAAaC,EAAO,IAAK,CACpC,EAAG,EAEH,QAAS,CACP,oBAAqB,CAAE,QAAS,MAAO,CACzC,EACA,SAAU,CACR,GAAGN,EACH,OAAQ,CACN,OAAQ,CAAE,WAAY,GAAI,EAC1B,KAAM,CAAE,WAAY,GAAI,CAC1B,EACA,OAAQ,CACN,KAAM,CAAE,WAAY,OAAQ,EAC5B,QAAS,CAAE,WAAY,UAAW,EAClC,KAAM,CAAE,WAAY,OAAQ,CAC9B,CACF,CACF,CAAC,EAoBYO,EACXC,EAAM,WAAW,CAAC,CAChB,KAAAL,EAAO,KACP,OAAAM,EAAS,SACT,OAAAC,EAAU,UACPC,CACL,EAAGC,IACDJ,EAAA,cAACH,EAAA,CACC,KAAMF,EACN,OAAQM,EACR,OAAQC,EACP,GAAGC,EACJ,IAAKC,EACP,CACD,EAEHL,EAAK,YAAc"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS, styled } from '~/stitches'\nimport type { Override } from '~/utilities'\nimport { capsize } from '~/utilities'\n\nexport const textVariants = {\n  size: {\n    xs: { fontSize: '$xs', lineHeight: 1.6, ...capsize(0.4364) },\n    sm: { fontSize: '$sm', lineHeight: 1.53, ...capsize(0.4056) },\n    md: { fontSize: '$md', lineHeight: 1.5, ...capsize(0.3864) },\n    lg: { fontSize: '$lg', lineHeight: 1.52, ...capsize(0.3983) },\n    xl: { fontSize: '$xl', lineHeight: 1.42, ...capsize(0.3506) }\n  },\n  noCapsize: {\n    true: {\n      '&::before, &::after': { display: 'none !important' }\n    }\n  }\n}\n\nexport const getTextVariant: (options: {\n  size: keyof typeof textVariants.size\n  noCapsize?: boolean\n}) => CSS = ({ size, noCapsize }) => ({\n  ...textVariants.size[size],\n  ...textVariants.noCapsize[`${noCapsize}`]\n})\n\nexport const StyledText = styled('p', {\n  m: 0,\n  /** Allow nesting `<Text />` inside `<Text />` without forcing a new line and spacing. */\n  '& > &': {\n    '&:before, &:after': { display: 'none' }\n  },\n  variants: {\n    ...textVariants,\n    weight: {\n      normal: { fontWeight: 400 },\n      bold: { fontWeight: 600 }\n    },\n    family: {\n      body: { fontFamily: '$body' },\n      display: { fontFamily: '$display' },\n      mono: { fontFamily: '$mono' }\n    }\n  }\n})\n\ntype TextProps = Override<\n  React.ComponentProps<typeof StyledText>,\n  {\n    as?:\n      | 'blockquote'\n      | 'caption'\n      | 'dd'\n      | 'dt'\n      | 'figcaption'\n      | 'li'\n      | 'p'\n      | 'span'\n      | 'legend'\n      | React.ComponentType\n      | React.ElementType\n  }\n>\n\nexport const Text: React.ForwardRefExoticComponent<TextProps> =\n  React.forwardRef(\n    ({ size = 'md', family = 'body', ...remainingProps }, ref) => (\n      <StyledText size={size} family={family} {...remainingProps} ref={ref} />\n    )\n  )\n\nText.displayName = 'Text'\n"],"names":["textVariants","capsize","getTextVariant","size","noCapsize","StyledText","styled","Text","React","family","remainingProps","ref"],"mappings":"sTAMa,MAAAA,EAAe,CAC1B,KAAM,CACJ,GAAI,CAAE,SAAU,MAAO,WAAY,IAAK,GAAGC,EAAQ,KAAM,CAAE,EAC3D,GAAI,CAAE,SAAU,MAAO,WAAY,KAAM,GAAGA,EAAQ,KAAM,CAAE,EAC5D,GAAI,CAAE,SAAU,MAAO,WAAY,IAAK,GAAGA,EAAQ,KAAM,CAAE,EAC3D,GAAI,CAAE,SAAU,MAAO,WAAY,KAAM,GAAGA,EAAQ,KAAM,CAAE,EAC5D,GAAI,CAAE,SAAU,MAAO,WAAY,KAAM,GAAGA,EAAQ,KAAM,CAAE,CAC9D,EACA,UAAW,CACT,KAAM,CACJ,sBAAuB,CAAE,QAAS,iBAAkB,CACtD,CACF,CACF,EAEaC,EAGD,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,KAAO,CACpC,GAAGJ,EAAa,KAAKG,GACrB,GAAGH,EAAa,UAAU,GAAGI,IAC/B,GAEaC,EAAaC,EAAO,IAAK,CACpC,EAAG,EAEH,QAAS,CACP,oBAAqB,CAAE,QAAS,MAAO,CACzC,EACA,SAAU,CACR,GAAGN,EACH,OAAQ,CACN,OAAQ,CAAE,WAAY,GAAI,EAC1B,KAAM,CAAE,WAAY,GAAI,CAC1B,EACA,OAAQ,CACN,KAAM,CAAE,WAAY,OAAQ,EAC5B,QAAS,CAAE,WAAY,UAAW,EAClC,KAAM,CAAE,WAAY,OAAQ,CAC9B,CACF,CACF,CAAC,EAoBYO,EACXC,EAAM,WACJ,CAAC,CAAE,KAAAL,EAAO,KAAM,OAAAM,EAAS,UAAWC,CAAe,EAAGC,IACpDH,EAAA,cAACH,EAAW,CAAA,KAAMF,EAAM,OAAQM,EAAS,GAAGC,EAAgB,IAAKC,EAAK,CAE1E,EAEFJ,EAAK,YAAc"}