bromcom-ui-next 0.1.30 → 0.1.31

package/dist/esm/bcm-text.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-CRwAh9Np.js';
+import { r as registerInstance, h } from './index-B6Ppbs5O.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 
 const variantTagMap = {
@@ -19,98 +19,99 @@ const variantTagMap = {
     infoAccent: 'p',
 };
 
-const textCss = ".m-0{margin:0}.appearance-none{appearance:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0}.text-size-12{font-size:var(--bcm-ui-font-size-12,60px);line-height:var(--bcm-ui-line-height-12,72px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-color-caption{color:var(--bcm-ui-color-text-caption)}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";
+const textCss = ".static{position:static}.m-0{margin:0}.appearance-none{appearance:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0}.text-size-12{font-size:var(--bcm-ui-font-size-12,60px);line-height:var(--bcm-ui-line-height-12,72px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-color-caption{color:var(--bcm-ui-color-text-caption)}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";
 
 const BcmText = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /** Text variant */
-        this.variant = 'body';
-        /** Text size */
-        this.size = 'medium';
-        /** Text overflow behavior */
-        this.overflow = false;
-        this.variantClassMap = {
-            display: 'font-semibold text-size-12 text-color-header',
-            heading1: 'font-semibold text-size-7 text-color-header',
-            heading2: 'font-semibold text-size-6 text-color-header',
-            title1: {
-                small: 'font-semibold text-size-5 text-color-header',
-                medium: 'font-semibold text-size-6 text-color-header',
-                large: 'font-semibold text-size-7 text-color-header',
-            },
-            title2: {
-                small: 'font-semibold text-size-4 text-color-default',
-                medium: 'font-semibold text-size-5 text-color-default',
-                large: 'font-semibold text-size-6 text-color-default',
-            },
-            title3: {
-                small: 'font-semibold text-size-3 text-color-disabled',
-                medium: 'font-semibold text-size-4 text-color-disabled',
-                large: 'font-semibold text-size-5 text-color-disabled',
-            },
-            body: {
-                small: 'font-regular text-size-4 text-color-default',
-                medium: 'font-regular text-size-5 text-color-default',
-                large: 'font-regular text-size-6 text-color-default',
-            },
-            bodyAccent: {
-                small: 'font-medium text-size-4 text-color-default',
-                medium: 'font-medium text-size-5 text-color-default',
-                large: 'font-medium text-size-6 text-color-default',
-            },
-            helper: {
-                small: 'font-regular text-size-4 text-color-helper',
-                medium: 'font-regular text-size-5 text-color-helper',
-                large: 'font-regular text-size-6 text-color-helper',
-            },
-            caption: {
-                small: 'font-regular text-size-3 text-color-caption',
-                medium: 'font-regular text-size-4 text-color-caption',
-                large: 'font-regular text-size-5 text-color-caption',
-            },
-            link: {
-                small: 'font-medium text-size-4 underline text-color-primary',
-                medium: 'font-medium text-size-5 underline text-color-primary',
-                large: 'font-medium text-size-6 underline text-color-primary',
-            },
-            label: {
-                small: 'font-medium text-size-3 text-color-label',
-                medium: 'font-medium text-size-4 text-color-label',
-                large: 'font-medium text-size-5 text-color-label',
-            },
-            placeholder: {
-                small: 'font-regular text-size-4 text-color-placeholder',
-                medium: 'font-regular text-size-5 text-color-placeholder',
-                large: 'font-regular text-size-6 text-color-placeholder',
-            },
-            info: {
-                small: 'font-regular text-size-3 text-color-default',
-                medium: 'font-regular text-size-4 text-color-default',
-                large: 'font-regular text-size-5 text-color-default',
-            },
-            infoAccent: {
-                small: 'font-medium text-size-3 text-color-header',
-                medium: 'font-medium text-size-4 text-color-header',
-                large: 'font-medium text-size-5 text-color-header',
-            },
-        };
-        this.getTextClass = (variant, size) => {
-            const variantClasses = this.variantClassMap[variant];
-            if (typeof variantClasses === 'string') {
-                return variantClasses;
-            }
-            return variantClasses[size];
-        };
-        this.getOverflowClass = (overflow) => {
-            return overflow ? 'truncate' : '';
-        };
     }
+    /** Text content */
+    text;
+    /** Text variant */
+    variant = 'body';
+    /** Text size */
+    size = 'medium';
+    /** Text overflow behavior */
+    overflow = false;
+    variantClassMap = {
+        display: 'font-semibold text-size-12 text-color-header',
+        heading1: 'font-semibold text-size-7 text-color-header',
+        heading2: 'font-semibold text-size-6 text-color-header',
+        title1: {
+            small: 'font-semibold text-size-5 text-color-header',
+            medium: 'font-semibold text-size-6 text-color-header',
+            large: 'font-semibold text-size-7 text-color-header',
+        },
+        title2: {
+            small: 'font-semibold text-size-4 text-color-default',
+            medium: 'font-semibold text-size-5 text-color-default',
+            large: 'font-semibold text-size-6 text-color-default',
+        },
+        title3: {
+            small: 'font-semibold text-size-3 text-color-disabled',
+            medium: 'font-semibold text-size-4 text-color-disabled',
+            large: 'font-semibold text-size-5 text-color-disabled',
+        },
+        body: {
+            small: 'font-regular text-size-4 text-color-default',
+            medium: 'font-regular text-size-5 text-color-default',
+            large: 'font-regular text-size-6 text-color-default',
+        },
+        bodyAccent: {
+            small: 'font-medium text-size-4 text-color-default',
+            medium: 'font-medium text-size-5 text-color-default',
+            large: 'font-medium text-size-6 text-color-default',
+        },
+        helper: {
+            small: 'font-regular text-size-4 text-color-helper',
+            medium: 'font-regular text-size-5 text-color-helper',
+            large: 'font-regular text-size-6 text-color-helper',
+        },
+        caption: {
+            small: 'font-regular text-size-3 text-color-caption',
+            medium: 'font-regular text-size-4 text-color-caption',
+            large: 'font-regular text-size-5 text-color-caption',
+        },
+        link: {
+            small: 'font-medium text-size-4 underline text-color-primary',
+            medium: 'font-medium text-size-5 underline text-color-primary',
+            large: 'font-medium text-size-6 underline text-color-primary',
+        },
+        label: {
+            small: 'font-medium text-size-3 text-color-label',
+            medium: 'font-medium text-size-4 text-color-label',
+            large: 'font-medium text-size-5 text-color-label',
+        },
+        placeholder: {
+            small: 'font-regular text-size-4 text-color-placeholder',
+            medium: 'font-regular text-size-5 text-color-placeholder',
+            large: 'font-regular text-size-6 text-color-placeholder',
+        },
+        info: {
+            small: 'font-regular text-size-3 text-color-default',
+            medium: 'font-regular text-size-4 text-color-default',
+            large: 'font-regular text-size-5 text-color-default',
+        },
+        infoAccent: {
+            small: 'font-medium text-size-3 text-color-header',
+            medium: 'font-medium text-size-4 text-color-header',
+            large: 'font-medium text-size-5 text-color-header',
+        },
+    };
+    getTextClass = (variant, size) => {
+        const variantClasses = this.variantClassMap[variant];
+        if (typeof variantClasses === 'string') {
+            return variantClasses;
+        }
+        return variantClasses[size];
+    };
+    getOverflowClass = (overflow) => {
+        return overflow ? 'truncate' : '';
+    };
     render() {
-        var _a;
         const Tag = variantTagMap[this.variant];
         const variantClass = this.getTextClass(this.variant, this.size);
-        const overflowClass = this.getOverflowClass((_a = this.overflow) !== null && _a !== void 0 ? _a : false);
+        const overflowClass = this.getOverflowClass(this.overflow ?? false);
         return (h(Tag, { key: '9092013eaaba071fe3a198b91462ffaa3b71cc2c', class: classNames('bcm-text appearance-none m-0 p-0', variantClass, overflowClass), part: "text" }, h("slot", { key: 'f7f07d4d2484df0b8c4c2a36b9499c837c2a6c32' }, this.text)));
     }
 };

package/dist/esm/bcm-text.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"bcm-text.entry.js","sources":["src/components/text/text.utils.ts","src/components/text/text.scss?tag=bcm-text&encapsulation=shadow","src/components/text/text.component.tsx"],"sourcesContent":["import { TextVariant, TextTag } from './text.types';\n\nexport const variantTagMap: Record<TextVariant, TextTag> = {\n  display: 'h1',\n  heading1: 'h2',\n  heading2: 'h3',\n  title1: 'h4',\n  title2: 'h5',\n  title3: 'h6',\n  body: 'p',\n  bodyAccent: 'p',\n  helper: 'p',\n  caption: 'p',\n  label: 'label',\n  placeholder: 'p',\n  link: 'a',\n  info: 'p',\n  infoAccent: 'p',\n};\n","","import { Component, h, Prop } from '@stencil/core';\nimport cs from 'classnames';\nimport { TextVariant, TextSize } from './text.types';\nimport { variantTagMap } from './text.utils';\n\n@Component({\n  tag: 'bcm-text',\n  styleUrl: 'text.scss',\n  shadow: true,\n})\nexport class BcmText {\n  /** Text content */\n  @Prop()\n  text: string;\n\n  /** Text variant */\n  @Prop()\n  variant: TextVariant = 'body';\n\n  /** Text size */\n  @Prop()\n  size: TextSize = 'medium';\n\n  /** Text overflow behavior */\n  @Prop()\n  overflow: boolean = false;\n\n  private readonly variantClassMap = {\n    display: 'font-semibold text-size-12 text-color-header',\n    heading1: 'font-semibold text-size-7 text-color-header',\n    heading2: 'font-semibold text-size-6 text-color-header',\n    title1: {\n      small: 'font-semibold text-size-5 text-color-header',\n      medium: 'font-semibold text-size-6 text-color-header',\n      large: 'font-semibold text-size-7 text-color-header',\n    },\n    title2: {\n      small: 'font-semibold text-size-4 text-color-default',\n      medium: 'font-semibold text-size-5 text-color-default',\n      large: 'font-semibold text-size-6 text-color-default',\n    },\n    title3: {\n      small: 'font-semibold text-size-3 text-color-disabled',\n      medium: 'font-semibold text-size-4 text-color-disabled',\n      large: 'font-semibold text-size-5 text-color-disabled',\n    },\n    body: {\n      small: 'font-regular text-size-4 text-color-default',\n      medium: 'font-regular text-size-5 text-color-default',\n      large: 'font-regular text-size-6 text-color-default',\n    },\n    bodyAccent: {\n      small: 'font-medium text-size-4 text-color-default',\n      medium: 'font-medium text-size-5 text-color-default',\n      large: 'font-medium text-size-6 text-color-default',\n    },\n    helper: {\n      small: 'font-regular text-size-4 text-color-helper',\n      medium: 'font-regular text-size-5 text-color-helper',\n      large: 'font-regular text-size-6 text-color-helper',\n    },\n    caption: {\n      small: 'font-regular text-size-3 text-color-caption',\n      medium: 'font-regular text-size-4 text-color-caption',\n      large: 'font-regular text-size-5 text-color-caption',\n    },\n    link: {\n      small: 'font-medium text-size-4 underline text-color-primary',\n      medium: 'font-medium text-size-5 underline text-color-primary',\n      large: 'font-medium text-size-6 underline text-color-primary',\n    },\n    label: {\n      small: 'font-medium text-size-3 text-color-label',\n      medium: 'font-medium text-size-4 text-color-label',\n      large: 'font-medium text-size-5 text-color-label',\n    },\n    placeholder: {\n      small: 'font-regular text-size-4 text-color-placeholder',\n      medium: 'font-regular text-size-5 text-color-placeholder',\n      large: 'font-regular text-size-6 text-color-placeholder',\n    },\n    info: {\n      small: 'font-regular text-size-3 text-color-default',\n      medium: 'font-regular text-size-4 text-color-default',\n      large: 'font-regular text-size-5 text-color-default',\n    },\n    infoAccent: {\n      small: 'font-medium text-size-3 text-color-header',\n      medium: 'font-medium text-size-4 text-color-header',\n      large: 'font-medium text-size-5 text-color-header',\n    },\n  } as const;\n\n  private getTextClass = (variant: TextVariant, size: TextSize): string => {\n    const variantClasses = this.variantClassMap[variant];\n\n    if (typeof variantClasses === 'string') {\n      return variantClasses;\n    }\n\n    return variantClasses[size];\n  };\n\n  private getOverflowClass = (overflow: boolean): string => {\n    return overflow ? 'truncate' : '';\n  };\n\n  render() {\n    const Tag = variantTagMap[this.variant];\n    const variantClass = this.getTextClass(this.variant, this.size);\n    const overflowClass = this.getOverflowClass(this.overflow ?? false);\n\n    return (\n      <Tag class={cs('bcm-text appearance-none m-0 p-0', variantClass, overflowClass)} part=\"text\">\n        <slot>{this.text}</slot>\n      </Tag>\n    );\n  }\n}\n"],"names":["cs"],"mappings":"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"}
+{"version":3,"file":"bcm-text.entry.js","sources":["src/components/text/text.utils.ts","src/components/text/text.scss?tag=bcm-text&encapsulation=shadow","src/components/text/text.component.tsx"],"sourcesContent":["import { TextVariant, TextTag } from './text.types';\n\nexport const variantTagMap: Record<TextVariant, TextTag> = {\n  display: 'h1',\n  heading1: 'h2',\n  heading2: 'h3',\n  title1: 'h4',\n  title2: 'h5',\n  title3: 'h6',\n  body: 'p',\n  bodyAccent: 'p',\n  helper: 'p',\n  caption: 'p',\n  label: 'label',\n  placeholder: 'p',\n  link: 'a',\n  info: 'p',\n  infoAccent: 'p',\n};\n","","import { Component, h, Prop } from '@stencil/core';\nimport cs from 'classnames';\nimport { TextVariant, TextSize } from './text.types';\nimport { variantTagMap } from './text.utils';\n\n@Component({\n  tag: 'bcm-text',\n  styleUrl: 'text.scss',\n  shadow: true,\n})\nexport class BcmText {\n  /** Text content */\n  @Prop()\n  text: string;\n\n  /** Text variant */\n  @Prop()\n  variant: TextVariant = 'body';\n\n  /** Text size */\n  @Prop()\n  size: TextSize = 'medium';\n\n  /** Text overflow behavior */\n  @Prop()\n  overflow: boolean = false;\n\n  private readonly variantClassMap = {\n    display: 'font-semibold text-size-12 text-color-header',\n    heading1: 'font-semibold text-size-7 text-color-header',\n    heading2: 'font-semibold text-size-6 text-color-header',\n    title1: {\n      small: 'font-semibold text-size-5 text-color-header',\n      medium: 'font-semibold text-size-6 text-color-header',\n      large: 'font-semibold text-size-7 text-color-header',\n    },\n    title2: {\n      small: 'font-semibold text-size-4 text-color-default',\n      medium: 'font-semibold text-size-5 text-color-default',\n      large: 'font-semibold text-size-6 text-color-default',\n    },\n    title3: {\n      small: 'font-semibold text-size-3 text-color-disabled',\n      medium: 'font-semibold text-size-4 text-color-disabled',\n      large: 'font-semibold text-size-5 text-color-disabled',\n    },\n    body: {\n      small: 'font-regular text-size-4 text-color-default',\n      medium: 'font-regular text-size-5 text-color-default',\n      large: 'font-regular text-size-6 text-color-default',\n    },\n    bodyAccent: {\n      small: 'font-medium text-size-4 text-color-default',\n      medium: 'font-medium text-size-5 text-color-default',\n      large: 'font-medium text-size-6 text-color-default',\n    },\n    helper: {\n      small: 'font-regular text-size-4 text-color-helper',\n      medium: 'font-regular text-size-5 text-color-helper',\n      large: 'font-regular text-size-6 text-color-helper',\n    },\n    caption: {\n      small: 'font-regular text-size-3 text-color-caption',\n      medium: 'font-regular text-size-4 text-color-caption',\n      large: 'font-regular text-size-5 text-color-caption',\n    },\n    link: {\n      small: 'font-medium text-size-4 underline text-color-primary',\n      medium: 'font-medium text-size-5 underline text-color-primary',\n      large: 'font-medium text-size-6 underline text-color-primary',\n    },\n    label: {\n      small: 'font-medium text-size-3 text-color-label',\n      medium: 'font-medium text-size-4 text-color-label',\n      large: 'font-medium text-size-5 text-color-label',\n    },\n    placeholder: {\n      small: 'font-regular text-size-4 text-color-placeholder',\n      medium: 'font-regular text-size-5 text-color-placeholder',\n      large: 'font-regular text-size-6 text-color-placeholder',\n    },\n    info: {\n      small: 'font-regular text-size-3 text-color-default',\n      medium: 'font-regular text-size-4 text-color-default',\n      large: 'font-regular text-size-5 text-color-default',\n    },\n    infoAccent: {\n      small: 'font-medium text-size-3 text-color-header',\n      medium: 'font-medium text-size-4 text-color-header',\n      large: 'font-medium text-size-5 text-color-header',\n    },\n  } as const;\n\n  private getTextClass = (variant: TextVariant, size: TextSize): string => {\n    const variantClasses = this.variantClassMap[variant];\n\n    if (typeof variantClasses === 'string') {\n      return variantClasses;\n    }\n\n    return variantClasses[size];\n  };\n\n  private getOverflowClass = (overflow: boolean): string => {\n    return overflow ? 'truncate' : '';\n  };\n\n  render() {\n    const Tag = variantTagMap[this.variant];\n    const variantClass = this.getTextClass(this.variant, this.size);\n    const overflowClass = this.getOverflowClass(this.overflow ?? false);\n\n    return (\n      <Tag class={cs('bcm-text appearance-none m-0 p-0', variantClass, overflowClass)} part=\"text\">\n        <slot>{this.text}</slot>\n      </Tag>\n    );\n  }\n}\n"],"names":["cs"],"mappings":"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"}