@simplybusiness/mobius 10.3.0 → 10.3.2

package/dist/cjs/components/Text/Text.js

@@ -30,7 +30,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Text/Text.tsx
 var Text_exports = {};
 __export(Text_exports, {
-  Text: () => Text
+  Text: () => Text,
+  getElementType: () => getElementType
 });
 module.exports = __toCommonJS(Text_exports);
 var import_dedupe = __toESM(require("classnames/dedupe"));

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Text/Text.tsx"],
-  "sourcesContent": ["import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Text.css\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\"\n  | \"title\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nconst getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n): ElementType => {\n  // Explicit elementType always wins\n  if (elementType) {\n    return elementType;\n  }\n  // Infer element from variant\n  if (variant && [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant)) {\n    return variant as ElementType;\n  }\n  return \"p\";\n};\n\nconst Text = ({ ref, elementType, ...props }: TextProps) => {\n  // Remove non-DOM props from element\n  const { variant, className, spacing, ...otherProps } = props;\n\n  // If a variant is supplied, set the class name and element type\n  const Element: ElementType = getElementType(variant, elementType);\n  const variantType = variant || Element;\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nText.displayName = \"Text\";\nexport { Text };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAEvB,kBAAO;AAwDE;AA9BT,IAAM,iBAAiB,CACrB,SACA,gBACgB;AAEhB,MAAI,aAAa;AACf,WAAO;AAAA,EACT;AAEA,MAAI,WAAW,CAAC,MAAM,MAAM,MAAM,IAAI,EAAE,SAAS,OAAO,GAAG;AACzD,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,IAAM,OAAO,CAAC,EAAE,KAAK,aAAa,GAAG,MAAM,MAAiB;AAE1D,QAAM,EAAE,SAAS,WAAW,SAAS,GAAG,WAAW,IAAI;AAGvD,QAAM,UAAuB,eAAe,SAAS,WAAW;AAChE,QAAM,cAAc,WAAW;AAC/B,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA,EAAE,CAAC,QAAQ,WAAW,EAAE,GAAG,YAAY;AAAA,IACvC,EAAE,CAAC,qBAAqB,OAAO,EAAE,GAAG,QAAQ;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,4CAAC,WAAQ,KAAW,GAAG,YAAY,WAAW,SAAS;AAChE;AAEA,KAAK,cAAc;",
+  "sourcesContent": ["import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Text.css\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\"\n  | \"title\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport const getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n): ElementType => {\n  // Explicit elementType always wins\n  if (elementType) {\n    return elementType;\n  }\n  // Infer element from variant\n  if (variant && [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant)) {\n    return variant as ElementType;\n  }\n  return \"p\";\n};\n\nconst Text = ({ ref, elementType, ...props }: TextProps) => {\n  // Remove non-DOM props from element\n  const { variant, className, spacing, ...otherProps } = props;\n\n  // If a variant is supplied, set the class name and element type\n  const Element: ElementType = getElementType(variant, elementType);\n  const variantType = variant || Element;\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nText.displayName = \"Text\";\nexport { Text };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAEvB,kBAAO;AAwDE;AA9BF,IAAM,iBAAiB,CAC5B,SACA,gBACgB;AAEhB,MAAI,aAAa;AACf,WAAO;AAAA,EACT;AAEA,MAAI,WAAW,CAAC,MAAM,MAAM,MAAM,IAAI,EAAE,SAAS,OAAO,GAAG;AACzD,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,IAAM,OAAO,CAAC,EAAE,KAAK,aAAa,GAAG,MAAM,MAAiB;AAE1D,QAAM,EAAE,SAAS,WAAW,SAAS,GAAG,WAAW,IAAI;AAGvD,QAAM,UAAuB,eAAe,SAAS,WAAW;AAChE,QAAM,cAAc,WAAW;AAC/B,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA,EAAE,CAAC,QAAQ,WAAW,EAAE,GAAG,YAAY;AAAA,IACvC,EAAE,CAAC,qBAAqB,OAAO,EAAE,GAAG,QAAQ;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,4CAAC,WAAQ,KAAW,GAAG,YAAY,WAAW,SAAS;AAChE;AAEA,KAAK,cAAc;",
   "names": ["classNames"]
 }

package/dist/cjs/components/Text/index.js

@@ -30,7 +30,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Text/index.tsx
 var Text_exports = {};
 __export(Text_exports, {
-  Text: () => Text
+  Text: () => Text,
+  getElementType: () => getElementType
 });
 module.exports = __toCommonJS(Text_exports);
 

package/dist/cjs/components/Text/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Text/index.tsx", "../../../../src/components/Text/Text.tsx"],
-  "sourcesContent": ["export * from \"./Text\";\n", "import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Text.css\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\"\n  | \"title\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nconst getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n): ElementType => {\n  // Explicit elementType always wins\n  if (elementType) {\n    return elementType;\n  }\n  // Infer element from variant\n  if (variant && [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant)) {\n    return variant as ElementType;\n  }\n  return \"p\";\n};\n\nconst Text = ({ ref, elementType, ...props }: TextProps) => {\n  // Remove non-DOM props from element\n  const { variant, className, spacing, ...otherProps } = props;\n\n  // If a variant is supplied, set the class name and element type\n  const Element: ElementType = getElementType(variant, elementType);\n  const variantType = variant || Element;\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nText.displayName = \"Text\";\nexport { Text };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAuB;AAEvB,kBAAO;AAwDE;AA9BT,IAAM,iBAAiB,CACrB,SACA,gBACgB;AAEhB,MAAI,aAAa;AACf,WAAO;AAAA,EACT;AAEA,MAAI,WAAW,CAAC,MAAM,MAAM,MAAM,IAAI,EAAE,SAAS,OAAO,GAAG;AACzD,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,IAAM,OAAO,CAAC,EAAE,KAAK,aAAa,GAAG,MAAM,MAAiB;AAE1D,QAAM,EAAE,SAAS,WAAW,SAAS,GAAG,WAAW,IAAI;AAGvD,QAAM,UAAuB,eAAe,SAAS,WAAW;AAChE,QAAM,cAAc,WAAW;AAC/B,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA,EAAE,CAAC,QAAQ,WAAW,EAAE,GAAG,YAAY;AAAA,IACvC,EAAE,CAAC,qBAAqB,OAAO,EAAE,GAAG,QAAQ;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,4CAAC,WAAQ,KAAW,GAAG,YAAY,WAAW,SAAS;AAChE;AAEA,KAAK,cAAc;",
+  "sourcesContent": ["export * from \"./Text\";\n", "import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Text.css\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\"\n  | \"title\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport const getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n): ElementType => {\n  // Explicit elementType always wins\n  if (elementType) {\n    return elementType;\n  }\n  // Infer element from variant\n  if (variant && [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant)) {\n    return variant as ElementType;\n  }\n  return \"p\";\n};\n\nconst Text = ({ ref, elementType, ...props }: TextProps) => {\n  // Remove non-DOM props from element\n  const { variant, className, spacing, ...otherProps } = props;\n\n  // If a variant is supplied, set the class name and element type\n  const Element: ElementType = getElementType(variant, elementType);\n  const variantType = variant || Element;\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nText.displayName = \"Text\";\nexport { Text };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAuB;AAEvB,kBAAO;AAwDE;AA9BF,IAAM,iBAAiB,CAC5B,SACA,gBACgB;AAEhB,MAAI,aAAa;AACf,WAAO;AAAA,EACT;AAEA,MAAI,WAAW,CAAC,MAAM,MAAM,MAAM,IAAI,EAAE,SAAS,OAAO,GAAG;AACzD,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,IAAM,OAAO,CAAC,EAAE,KAAK,aAAa,GAAG,MAAM,MAAiB;AAE1D,QAAM,EAAE,SAAS,WAAW,SAAS,GAAG,WAAW,IAAI;AAGvD,QAAM,UAAuB,eAAe,SAAS,WAAW;AAChE,QAAM,cAAc,WAAW;AAC/B,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA,EAAE,CAAC,QAAQ,WAAW,EAAE,GAAG,YAAY;AAAA,IACvC,EAAE,CAAC,qBAAqB,OAAO,EAAE,GAAG,QAAQ;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,4CAAC,WAAQ,KAAW,GAAG,YAAY,WAAW,SAAS;AAChE;AAEA,KAAK,cAAc;",
   "names": ["classNames"]
 }