@maggioli-design-system/mds-text - npm Package Compare versions

Comparing version 1.0.8 to 1.1.0

dist/cjs/mds-text.cjs.entry.js

@@ -65,2 +65,53 @@ 'use strict';
 };
+const htmlTagDisplayProperty = {
+  abbr: 'inline',
+  address: 'inline',
+  article: 'block',
+  b: 'inline',
+  bdo: 'inline',
+  blockquote: 'block',
+  cite: 'inline',
+  code: 'inline',
+  dd: 'block',
+  del: 'inline',
+  details: 'block',
+  dfn: 'inline',
+  div: 'block',
+  dl: 'block',
+  dt: 'block',
+  em: 'inline',
+  figcaption: 'block',
+  h1: 'block',
+  h2: 'block',
+  h3: 'block',
+  h4: 'block',
+  h5: 'block',
+  h6: 'block',
+  i: 'inline',
+  ins: 'inline',
+  kbd: 'inline',
+  label: 'inline',
+  legend: 'block',
+  li: 'block',
+  mark: 'inline',
+  ol: 'block',
+  p: 'block',
+  pre: 'block',
+  q: 'inline',
+  rb: 'inline',
+  rt: 'inline',
+  ruby: 'inline',
+  s: 'inline',
+  samp: 'inline',
+  small: 'inline',
+  span: 'inline',
+  strong: 'inline',
+  sub: 'inline',
+  summary: 'block',
+  sup: 'inline',
+  time: 'inline',
+  u: 'inline',
+  ul: 'block',
+  var: 'inline',
+};
 
@@ -108,3 +159,3 @@ function toVal(mix) {
 
-const mdsTextCss = ".text-primary-h1{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h2{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h3{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h4{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h5{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h6{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-action{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-paragraph{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-detail{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-caption{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-label{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-option{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-code{font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-hack{font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:block}:host(.text-primary-h1){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h2){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h3){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h4){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h5){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h6){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-action){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-paragraph){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-detail){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-caption){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-label){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-option){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-code){font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-hack){font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text{display:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{margin:0;overflow:inherit;text-overflow:inherit}";
+const mdsTextCss = ".text-primary-h1{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h2{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h3{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h4{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h5{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h6{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-action{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-paragraph{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-detail{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-caption{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-label{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-option{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-code{font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-hack{font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.block{display:block}.inline{display:inline}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host(.text-primary-h1){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h2){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h3){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h4){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h5){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h6){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-action){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-paragraph){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-detail){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-caption){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-label){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-option){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-code){font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-hack){font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text{display:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{margin:0;overflow:inherit;text-overflow:inherit}";
 
@@ -122,3 +173,4 @@ let MdsText = class {
     const { selector } = typographyDefaultsVariaint[this.typography];
-    return (index.h(index.Host, { class: clsx(selector) }, index.h(Tag, { class: "text" }, index.h("slot", null))));
+    const display = htmlTagDisplayProperty[this.tag];
+    return (index.h(index.Host, { class: clsx(selector, display) }, index.h(Tag, { class: "text" }, index.h("slot", null))));
   }
@@ -125,0 +177,0 @@ };

dist/collection/components/mds-text/mds-text.js

 import { Component, Host, Prop, h } from '@stencil/core';
-import { typographyDefaultsVariaint } from './meta/variants';
+import { htmlTagDisplayProperty, typographyDefaultsVariaint } from './meta/variants';
 import clsx from 'clsx';
@@ -14,3 +14,4 @@ export class MdsText {
     const { selector } = typographyDefaultsVariaint[this.typography];
-    return (h(Host, { class: clsx(selector) },
+    const display = htmlTagDisplayProperty[this.tag];
+    return (h(Host, { class: clsx(selector, display) },
       h(Tag, { class: "text" },
@@ -33,3 +34,3 @@ h("slot", null))));
         "original": "TypographyTagType",
-        "resolved": "\"abbr\" | \"address\" | \"article\" | \"b\" | \"bdo\" | \"blockquote\" | \"cite\" | \"code\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"figcaption\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"i\" | \"ins\" | \"kbd\" | \"label\" | \"legend\" | \"li\" | \"mark\" | \"ol\" | \"p\" | \"pre\" | \"q\" | \"rb\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\" | \"wbr\"",
+        "resolved": "\"abbr\" | \"address\" | \"article\" | \"b\" | \"bdo\" | \"blockquote\" | \"cite\" | \"code\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"figcaption\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"i\" | \"ins\" | \"kbd\" | \"label\" | \"legend\" | \"li\" | \"mark\" | \"ol\" | \"p\" | \"pre\" | \"q\" | \"rb\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\"",
         "references": {
@@ -36,0 +37,0 @@ "TypographyTagType": {

dist/collection/components/mds-text/meta/variants.js

@@ -59,2 +59,53 @@ const typographyDefaultsVariaint = {
 };
-export { typographyDefaultsVariaint, };
+const htmlTagDisplayProperty = {
+  abbr: 'inline',
+  address: 'inline',
+  article: 'block',
+  b: 'inline',
+  bdo: 'inline',
+  blockquote: 'block',
+  cite: 'inline',
+  code: 'inline',
+  dd: 'block',
+  del: 'inline',
+  details: 'block',
+  dfn: 'inline',
+  div: 'block',
+  dl: 'block',
+  dt: 'block',
+  em: 'inline',
+  figcaption: 'block',
+  h1: 'block',
+  h2: 'block',
+  h3: 'block',
+  h4: 'block',
+  h5: 'block',
+  h6: 'block',
+  i: 'inline',
+  ins: 'inline',
+  kbd: 'inline',
+  label: 'inline',
+  legend: 'block',
+  li: 'block',
+  mark: 'inline',
+  ol: 'block',
+  p: 'block',
+  pre: 'block',
+  q: 'inline',
+  rb: 'inline',
+  rt: 'inline',
+  ruby: 'inline',
+  s: 'inline',
+  samp: 'inline',
+  small: 'inline',
+  span: 'inline',
+  strong: 'inline',
+  sub: 'inline',
+  summary: 'block',
+  sup: 'inline',
+  time: 'inline',
+  u: 'inline',
+  ul: 'block',
+  var: 'inline',
+};
+export { htmlTagDisplayProperty, typographyDefaultsVariaint, };

dist/collection/components/mds-text/test/mds-text.stories.js

@@ -5,3 +5,3 @@ import React from 'react'
 import { typographyDictionary } from '@dictionary/typography'
-import { tagsDictionary } from '@dictionary/tag'
+import { tagsDictionary } from '../meta/dictionary'
 
@@ -8,0 +8,0 @@ export default {

dist/collection/dictionary/variant.js

@@ -19,2 +19,20 @@ const themeVariantDictionary = [
 ];
+const themeFullVariantDictionary = [
+  'amaranth',
+  'aqua',
+  'blue',
+  'dark',
+  'error',
+  'green',
+  'info',
+  'light',
+  'lime',
+  'orange',
+  'orchid',
+  'sky',
+  'success',
+  'violet',
+  'warning',
+  'yellow',
+];
 const themeLabelVariantDictionary = [
@@ -38,2 +56,7 @@ 'amaranth',
 ];
-export { themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneVariantDictionary, };
+const toneSimpleVariantDictionary = [
+  'strong',
+  'weak',
+  'quiet',
+];
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

dist/custom-elements/index.js

@@ -62,2 +62,53 @@ import { h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 };
+const htmlTagDisplayProperty = {
+  abbr: 'inline',
+  address: 'inline',
+  article: 'block',
+  b: 'inline',
+  bdo: 'inline',
+  blockquote: 'block',
+  cite: 'inline',
+  code: 'inline',
+  dd: 'block',
+  del: 'inline',
+  details: 'block',
+  dfn: 'inline',
+  div: 'block',
+  dl: 'block',
+  dt: 'block',
+  em: 'inline',
+  figcaption: 'block',
+  h1: 'block',
+  h2: 'block',
+  h3: 'block',
+  h4: 'block',
+  h5: 'block',
+  h6: 'block',
+  i: 'inline',
+  ins: 'inline',
+  kbd: 'inline',
+  label: 'inline',
+  legend: 'block',
+  li: 'block',
+  mark: 'inline',
+  ol: 'block',
+  p: 'block',
+  pre: 'block',
+  q: 'inline',
+  rb: 'inline',
+  rt: 'inline',
+  ruby: 'inline',
+  s: 'inline',
+  samp: 'inline',
+  small: 'inline',
+  span: 'inline',
+  strong: 'inline',
+  sub: 'inline',
+  summary: 'block',
+  sup: 'inline',
+  time: 'inline',
+  u: 'inline',
+  ul: 'block',
+  var: 'inline',
+};
 
@@ -105,3 +156,3 @@ function toVal(mix) {
 
-const mdsTextCss = ".text-primary-h1{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h2{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h3{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h4{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h5{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h6{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-action{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-paragraph{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-detail{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-caption{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-label{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-option{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-code{font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-hack{font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:block}:host(.text-primary-h1){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h2){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h3){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h4){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h5){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h6){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-action){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-paragraph){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-detail){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-caption){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-label){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-option){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-code){font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-hack){font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text{display:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{margin:0;overflow:inherit;text-overflow:inherit}";
+const mdsTextCss = ".text-primary-h1{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h2{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h3{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h4{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h5{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h6{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-action{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-paragraph{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-detail{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-caption{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-label{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-option{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-code{font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-hack{font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.block{display:block}.inline{display:inline}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host(.text-primary-h1){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h2){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h3){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h4){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h5){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h6){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-action){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-paragraph){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-detail){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-caption){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-label){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-option){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-code){font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-hack){font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text{display:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{margin:0;overflow:inherit;text-overflow:inherit}";
 
@@ -121,3 +172,4 @@ let MdsText$1 = class extends HTMLElement {
     const { selector } = typographyDefaultsVariaint[this.typography];
-    return (h(Host, { class: clsx(selector) }, h(Tag, { class: "text" }, h("slot", null))));
+    const display = htmlTagDisplayProperty[this.tag];
+    return (h(Host, { class: clsx(selector, display) }, h(Tag, { class: "text" }, h("slot", null))));
   }
@@ -124,0 +176,0 @@ static get style() { return mdsTextCss; }

dist/esm-es5/mds-text.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,h,H as Host}from"./index-cf761063.js";var typographyDefaultsVariaint={action:{tag:"span",selector:"text-primary-action"},caption:{tag:"span",selector:"text-secondary-caption"},code:{tag:"code",selector:"text-mono-code"},detail:{tag:"p",selector:"text-secondary-detail"},h1:{tag:"h1",selector:"text-primary-h1"},h2:{tag:"h2",selector:"text-primary-h2"},h3:{tag:"h3",selector:"text-primary-h3"},h4:{tag:"h4",selector:"text-primary-h4"},h5:{tag:"h5",selector:"text-primary-h5"},h6:{tag:"h6",selector:"text-primary-h6"},hack:{tag:"code",selector:"text-mono-hack"},label:{tag:"label",selector:"text-secondary-label"},option:{tag:"label",selector:"text-secondary-option"},paragraph:{tag:"p",selector:"text-secondary-paragraph"}};function toVal(e){var t,o,a="";if(typeof e==="string"||typeof e==="number"){a+=e}else if(typeof e==="object"){if(Array.isArray(e)){for(t=0;t<e.length;t++){if(e[t]){if(o=toVal(e[t])){a&&(a+=" ");a+=o}}}}else{for(t in e){if(e[t]){a&&(a+=" ");a+=t}}}}return a}function clsx(){var e=0,t,o,a="";while(e<arguments.length){if(t=arguments[e++]){if(o=toVal(t)){a&&(a+=" ");a+=o}}}return a}var mdsTextCss=".text-primary-h1{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h2{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h3{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h4{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h5{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h6{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-action{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-paragraph{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-detail{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-caption{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-label{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-option{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-code{font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-hack{font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:block}:host(.text-primary-h1){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h2){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h3){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h4){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h5){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h6){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-action){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-paragraph){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-detail){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-caption){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-label){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-option){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-code){font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-hack){font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text{display:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{margin:0;overflow:inherit;text-overflow:inherit}";var MdsText=function(){function e(e){registerInstance(this,e);this.typography="detail"}e.prototype.render=function(){var e=this.tag!==undefined?this.tag:typographyDefaultsVariaint[this.typography].tag;var t=typographyDefaultsVariaint[this.typography].selector;return h(Host,{class:clsx(t)},h(e,{class:"text"},h("slot",null)))};return e}();MdsText.style=mdsTextCss;export{MdsText as mds_text};
+import{r as registerInstance,h,H as Host}from"./index-cf761063.js";var typographyDefaultsVariaint={action:{tag:"span",selector:"text-primary-action"},caption:{tag:"span",selector:"text-secondary-caption"},code:{tag:"code",selector:"text-mono-code"},detail:{tag:"p",selector:"text-secondary-detail"},h1:{tag:"h1",selector:"text-primary-h1"},h2:{tag:"h2",selector:"text-primary-h2"},h3:{tag:"h3",selector:"text-primary-h3"},h4:{tag:"h4",selector:"text-primary-h4"},h5:{tag:"h5",selector:"text-primary-h5"},h6:{tag:"h6",selector:"text-primary-h6"},hack:{tag:"code",selector:"text-mono-hack"},label:{tag:"label",selector:"text-secondary-label"},option:{tag:"label",selector:"text-secondary-option"},paragraph:{tag:"p",selector:"text-secondary-paragraph"}};var htmlTagDisplayProperty={abbr:"inline",address:"inline",article:"block",b:"inline",bdo:"inline",blockquote:"block",cite:"inline",code:"inline",dd:"block",del:"inline",details:"block",dfn:"inline",div:"block",dl:"block",dt:"block",em:"inline",figcaption:"block",h1:"block",h2:"block",h3:"block",h4:"block",h5:"block",h6:"block",i:"inline",ins:"inline",kbd:"inline",label:"inline",legend:"block",li:"block",mark:"inline",ol:"block",p:"block",pre:"block",q:"inline",rb:"inline",rt:"inline",ruby:"inline",s:"inline",samp:"inline",small:"inline",span:"inline",strong:"inline",sub:"inline",summary:"block",sup:"inline",time:"inline",u:"inline",ul:"block",var:"inline"};function toVal(e){var t,o,i="";if(typeof e==="string"||typeof e==="number"){i+=e}else if(typeof e==="object"){if(Array.isArray(e)){for(t=0;t<e.length;t++){if(e[t]){if(o=toVal(e[t])){i&&(i+=" ");i+=o}}}}else{for(t in e){if(e[t]){i&&(i+=" ");i+=t}}}}return i}function clsx(){var e=0,t,o,i="";while(e<arguments.length){if(t=arguments[e++]){if(o=toVal(t)){i&&(i+=" ");i+=o}}}return i}var mdsTextCss=".text-primary-h1{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h2{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h3{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h4{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h5{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h6{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-action{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-paragraph{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-detail{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-caption{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-label{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-option{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-code{font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-hack{font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.block{display:block}.inline{display:inline}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host(.text-primary-h1){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h2){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h3){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h4){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h5){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h6){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-action){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-paragraph){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-detail){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-caption){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-label){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-option){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-code){font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-hack){font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text{display:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{margin:0;overflow:inherit;text-overflow:inherit}";var MdsText=function(){function e(e){registerInstance(this,e);this.typography="detail"}e.prototype.render=function(){var e=this.tag!==undefined?this.tag:typographyDefaultsVariaint[this.typography].tag;var t=typographyDefaultsVariaint[this.typography].selector;var o=htmlTagDisplayProperty[this.tag];return h(Host,{class:clsx(t,o)},h(e,{class:"text"},h("slot",null)))};return e}();MdsText.style=mdsTextCss;export{MdsText as mds_text};

dist/esm/mds-text.entry.js

@@ -61,2 +61,53 @@ import { r as registerInstance, h, H as Host } from './index-cf761063.js';
 };
+const htmlTagDisplayProperty = {
+  abbr: 'inline',
+  address: 'inline',
+  article: 'block',
+  b: 'inline',
+  bdo: 'inline',
+  blockquote: 'block',
+  cite: 'inline',
+  code: 'inline',
+  dd: 'block',
+  del: 'inline',
+  details: 'block',
+  dfn: 'inline',
+  div: 'block',
+  dl: 'block',
+  dt: 'block',
+  em: 'inline',
+  figcaption: 'block',
+  h1: 'block',
+  h2: 'block',
+  h3: 'block',
+  h4: 'block',
+  h5: 'block',
+  h6: 'block',
+  i: 'inline',
+  ins: 'inline',
+  kbd: 'inline',
+  label: 'inline',
+  legend: 'block',
+  li: 'block',
+  mark: 'inline',
+  ol: 'block',
+  p: 'block',
+  pre: 'block',
+  q: 'inline',
+  rb: 'inline',
+  rt: 'inline',
+  ruby: 'inline',
+  s: 'inline',
+  samp: 'inline',
+  small: 'inline',
+  span: 'inline',
+  strong: 'inline',
+  sub: 'inline',
+  summary: 'block',
+  sup: 'inline',
+  time: 'inline',
+  u: 'inline',
+  ul: 'block',
+  var: 'inline',
+};
 
@@ -104,3 +155,3 @@ function toVal(mix) {
 
-const mdsTextCss = ".text-primary-h1{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h2{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h3{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h4{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h5{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h6{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-action{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-paragraph{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-detail{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-caption{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-label{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-option{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-code{font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-hack{font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:block}:host(.text-primary-h1){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h2){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h3){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h4){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h5){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h6){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-action){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-paragraph){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-detail){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-caption){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-label){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-option){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-code){font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-hack){font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text{display:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{margin:0;overflow:inherit;text-overflow:inherit}";
+const mdsTextCss = ".text-primary-h1{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h2{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h3{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h4{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h5{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h6{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-action{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-paragraph{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-detail{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-caption{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-label{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-option{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-code{font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-hack{font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.block{display:block}.inline{display:inline}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host(.text-primary-h1){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h2){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h3){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h4){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h5){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h6){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-action){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-paragraph){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-detail){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-caption){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-label){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-option){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-code){font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-hack){font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text{display:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{margin:0;overflow:inherit;text-overflow:inherit}";
 
@@ -118,3 +169,4 @@ let MdsText = class {
     const { selector } = typographyDefaultsVariaint[this.typography];
-    return (h(Host, { class: clsx(selector) }, h(Tag, { class: "text" }, h("slot", null))));
+    const display = htmlTagDisplayProperty[this.tag];
+    return (h(Host, { class: clsx(selector, display) }, h(Tag, { class: "text" }, h("slot", null))));
   }
@@ -121,0 +173,0 @@ };

dist/mds-text/mds-text.esm.js

@@ -1,1 +0,1 @@
-import{p as t,b as p}from"./p-28838f91.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),t(r)})().then((t=>p([["p-b2dd00b8",[[1,"mds-text",{tag:[1],typography:[1]}]]]],t)));
+import{p as t,b as p}from"./p-28838f91.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),t(r)})().then((t=>p([["p-2f131607",[[1,"mds-text",{tag:[1],typography:[1]}]]]],t)));

dist/mds-text/p-a60abeea.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-ef5122a0.system.js"],(function(t,e){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b}],execute:function(){var t=function(){var t=e.meta.url;var n={};if(t!==""){n.resourcesUrl=new URL(".",t).href}return r(n)};t().then((function(t){return n([["p-80f8cc2a.system",[[1,"mds-text",{tag:[1],typography:[1]}]]]],t)}))}}}));
+System.register(["./p-ef5122a0.system.js"],(function(t,e){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b}],execute:function(){var t=function(){var t=e.meta.url;var n={};if(t!==""){n.resourcesUrl=new URL(".",t).href}return r(n)};t().then((function(t){return n([["p-d38330d4.system",[[1,"mds-text",{tag:[1],typography:[1]}]]]],t)}))}}}));

dist/stats.json

 {
-  "timestamp": "2021-11-10T16:56:12",
+  "timestamp": "2021-11-18T22:28:33",
   "compiler": {
@@ -12,9 +12,10 @@ "name": "node",
     "entries": 1,
-    "bundles": 62,
+    "bundles": 63,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 23,
+        "files": 24,
         "generatedFiles": [
           "./dist/collection/components/mds-text/mds-text.js",
+          "./dist/collection/components/mds-text/meta/dictionary.js",
           "./dist/collection/components/mds-text/meta/types.js",
@@ -77,6 +78,6 @@ "./dist/collection/components/mds-text/meta/variants.js",
           "./dist/mds-text/p-28838f91.js",
+          "./dist/mds-text/p-2f131607.entry.js",
           "./dist/mds-text/p-50ea2036.system.js",
-          "./dist/mds-text/p-80f8cc2a.system.entry.js",
           "./dist/mds-text/p-a60abeea.system.js",
-          "./dist/mds-text/p-b2dd00b8.entry.js",
+          "./dist/mds-text/p-d38330d4.system.entry.js",
           "./dist/mds-text/p-ef5122a0.system.js",
@@ -87,6 +88,6 @@ "./www/build/index.esm.js",
           "./www/build/p-28838f91.js",
+          "./www/build/p-2f131607.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-80f8cc2a.system.entry.js",
           "./www/build/p-a60abeea.system.js",
-          "./www/build/p-b2dd00b8.entry.js",
+          "./www/build/p-d38330d4.system.entry.js",
           "./www/build/p-ef5122a0.system.js"
@@ -125,8 +126,8 @@ ]
         ],
-        "bundleId": "p-b2dd00b8",
-        "fileName": "p-b2dd00b8.entry.js",
+        "bundleId": "p-2f131607",
+        "fileName": "p-2f131607.entry.js",
         "imports": [
           "p-28838f91.js"
         ],
-        "originalByteSize": 10227
+        "originalByteSize": 11183
       }
@@ -145,3 +146,3 @@ ],
         ],
-        "originalByteSize": 10231
+        "originalByteSize": 11187
       }
@@ -160,3 +161,3 @@ ],
         ],
-        "originalByteSize": 10231
+        "originalByteSize": 11187
       }
@@ -170,8 +171,8 @@ ],
         ],
-        "bundleId": "p-80f8cc2a.system",
-        "fileName": "p-80f8cc2a.system.entry.js",
+        "bundleId": "p-d38330d4.system",
+        "fileName": "p-d38330d4.system.entry.js",
         "imports": [
           "p-ef5122a0.system.js"
         ],
-        "originalByteSize": 11098
+        "originalByteSize": 12366
       }
@@ -190,3 +191,3 @@ ],
         ],
-        "originalByteSize": 10307
+        "originalByteSize": 11263
       }
@@ -231,3 +232,3 @@ ]
             "original": "TypographyTagType",
-            "resolved": "\"abbr\" | \"address\" | \"article\" | \"b\" | \"bdo\" | \"blockquote\" | \"cite\" | \"code\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"figcaption\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"i\" | \"ins\" | \"kbd\" | \"label\" | \"legend\" | \"li\" | \"mark\" | \"ol\" | \"p\" | \"pre\" | \"q\" | \"rb\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\" | \"wbr\"",
+            "resolved": "\"abbr\" | \"address\" | \"article\" | \"b\" | \"bdo\" | \"blockquote\" | \"cite\" | \"code\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"figcaption\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"i\" | \"ins\" | \"kbd\" | \"label\" | \"legend\" | \"li\" | \"mark\" | \"ol\" | \"p\" | \"pre\" | \"q\" | \"rb\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\"",
             "references": {
@@ -298,3 +299,3 @@ "TypographyTagType": {
                 "original": "TypographyTagType",
-                "resolved": "\"abbr\" | \"address\" | \"article\" | \"b\" | \"bdo\" | \"blockquote\" | \"cite\" | \"code\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"figcaption\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"i\" | \"ins\" | \"kbd\" | \"label\" | \"legend\" | \"li\" | \"mark\" | \"ol\" | \"p\" | \"pre\" | \"q\" | \"rb\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\" | \"wbr\"",
+                "resolved": "\"abbr\" | \"address\" | \"article\" | \"b\" | \"bdo\" | \"blockquote\" | \"cite\" | \"code\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"figcaption\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"i\" | \"ins\" | \"kbd\" | \"label\" | \"legend\" | \"li\" | \"mark\" | \"ol\" | \"p\" | \"pre\" | \"q\" | \"rb\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\"",
                 "references": {
@@ -445,2 +446,3 @@ "TypographyTagType": {
     ],
+    "./src/components/mds-text/meta/dictionary.ts": [],
     "./src/components/mds-text/meta/types.ts": [],
@@ -447,0 +449,0 @@ "./src/components/mds-text/meta/variants.ts": [],

dist/types/components/mds-text/meta/types.d.ts

@@ -1,1 +0,1 @@
-export declare type TypographyTagType = 'abbr' | 'address' | 'article' | 'b' | 'bdo' | 'blockquote' | 'cite' | 'code' | 'dd' | 'del' | 'details' | 'dfn' | 'div' | 'dl' | 'dt' | 'em' | 'figcaption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'i' | 'ins' | 'kbd' | 'label' | 'legend' | 'li' | 'mark' | 'ol' | 'p' | 'pre' | 'q' | 'rb' | 'rt' | 'ruby' | 's' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'summary' | 'sup' | 'time' | 'u' | 'ul' | 'var' | 'wbr';
+export declare type TypographyTagType = 'abbr' | 'address' | 'article' | 'b' | 'bdo' | 'blockquote' | 'cite' | 'code' | 'dd' | 'del' | 'details' | 'dfn' | 'div' | 'dl' | 'dt' | 'em' | 'figcaption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'i' | 'ins' | 'kbd' | 'label' | 'legend' | 'li' | 'mark' | 'ol' | 'p' | 'pre' | 'q' | 'rb' | 'rt' | 'ruby' | 's' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'summary' | 'sup' | 'time' | 'u' | 'ul' | 'var';

dist/types/components/mds-text/meta/variants.d.ts

@@ -59,2 +59,53 @@ declare const typographyDefaultsVariaint: {
 };
-export { typographyDefaultsVariaint, };
+declare const htmlTagDisplayProperty: {
+  abbr: string;
+  address: string;
+  article: string;
+  b: string;
+  bdo: string;
+  blockquote: string;
+  cite: string;
+  code: string;
+  dd: string;
+  del: string;
+  details: string;
+  dfn: string;
+  div: string;
+  dl: string;
+  dt: string;
+  em: string;
+  figcaption: string;
+  h1: string;
+  h2: string;
+  h3: string;
+  h4: string;
+  h5: string;
+  h6: string;
+  i: string;
+  ins: string;
+  kbd: string;
+  label: string;
+  legend: string;
+  li: string;
+  mark: string;
+  ol: string;
+  p: string;
+  pre: string;
+  q: string;
+  rb: string;
+  rt: string;
+  ruby: string;
+  s: string;
+  samp: string;
+  small: string;
+  span: string;
+  strong: string;
+  sub: string;
+  summary: string;
+  sup: string;
+  time: string;
+  u: string;
+  ul: string;
+  var: string;
+};
+export { htmlTagDisplayProperty, typographyDefaultsVariaint, };

dist/types/dictionary/variant.d.ts

 declare const themeVariantDictionary: string[];
 declare const themeLuminanceVariantDictionary: string[];
 declare const themeStatusVariantDictionary: string[];
+declare const themeFullVariantDictionary: string[];
 declare const themeLabelVariantDictionary: string[];
 declare const toneVariantDictionary: string[];
-export { themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneVariantDictionary, };
+declare const toneSimpleVariantDictionary: string[];
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

dist/types/types/variant.d.ts

 export declare type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
 export declare type ThemeVariantType = 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning';
+export declare type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
 export declare type ThemeLuminanceVariantType = 'dark' | 'light';
@@ -8,1 +9,2 @@ export declare type LabelVariantType = 'amaranth' | 'aqua' | 'blue' | 'green' | 'lime' | 'orange' | 'orchid' | 'sky' | 'violet' | 'yellow';
 export declare type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
+export declare type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet';

package.json

 {
   "name": "@maggioli-design-system/mds-text",
-  "version": "1.0.8",
+  "version": "1.1.0",
   "description": "mds-text is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
@@ -35,18 +35,18 @@ "main": "dist/index.cjs.js",
   "contributors": [
-  {
-    "name": "Andrea Pruccoli",
-    "email": "[e-mail]",
-    "role": "Software Engineer"
-  },
-  {
-    "name": "Stefano Pascazi",
-    "email": "[e-mail]",
-    "role": "Software Engineer"
-  },
-  {
-    "name": "Vittorio Vittori",
-    "email": "[e-mail]",
-    "role": "UX UI Designer"
-  }
+    {
+      "name": "Andrea Pruccoli",
+      "email": "[e-mail]",
+      "role": "Software Engineer"
+    },
+    {
+      "name": "Stefano Pascazi",
+      "email": "[e-mail]",
+      "role": "Software Engineer"
+    },
+    {
+      "name": "Vittorio Vittori",
+      "email": "[e-mail]",
+      "role": "UX UI Designer"
+    }
 ]
 }

readme.md

@@ -10,6 +10,6 @@ # mds-text
 
-| Property     | Attribute    | Description                                  | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Default     |
-| ------------ | ------------ | -------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `tag`        | `tag`        | Specifies the HTML tag of the element        | `"h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "label" \| "strong" \| "address" \| "time" \| "code" \| "abbr" \| "article" \| "b" \| "bdo" \| "blockquote" \| "cite" \| "dd" \| "del" \| "details" \| "dfn" \| "div" \| "dl" \| "dt" \| "em" \| "figcaption" \| "i" \| "ins" \| "kbd" \| "legend" \| "li" \| "mark" \| "ol" \| "p" \| "pre" \| "q" \| "rb" \| "rt" \| "ruby" \| "s" \| "samp" \| "small" \| "span" \| "sub" \| "summary" \| "sup" \| "u" \| "ul" \| "var" \| "wbr"` | `undefined` |
-| `typography` | `typography` | Specifies the font typography of the element | `"action" \| "caption" \| "code" \| "detail" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "hack" \| "label" \| "option" \| "paragraph"`                                                                                                                                                                                                                                                                                                                                         | `'detail'`  |
+| Property     | Attribute    | Description                                  | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default     |
+| ------------ | ------------ | -------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `tag`        | `tag`        | Specifies the HTML tag of the element        | `"h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "strong" \| "label" \| "address" \| "time" \| "code" \| "abbr" \| "article" \| "b" \| "bdo" \| "blockquote" \| "cite" \| "dd" \| "del" \| "details" \| "dfn" \| "div" \| "dl" \| "dt" \| "em" \| "figcaption" \| "i" \| "ins" \| "kbd" \| "legend" \| "li" \| "mark" \| "ol" \| "p" \| "pre" \| "q" \| "rb" \| "rt" \| "ruby" \| "s" \| "samp" \| "small" \| "span" \| "sub" \| "summary" \| "sup" \| "u" \| "ul" \| "var"` | `undefined` |
+| `typography` | `typography` | Specifies the font typography of the element | `"action" \| "caption" \| "code" \| "detail" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "hack" \| "label" \| "option" \| "paragraph"`                                                                                                                                                                                                                                                                                                                                | `'detail'`  |
 
@@ -16,0 +16,0 @@

src/components/mds-text/meta/types.ts

@@ -51,2 +51,1 @@ export type TypographyTagType =
   | 'var'
-  | 'wbr'

src/components/mds-text/meta/variants.ts

@@ -60,4 +60,57 @@ const typographyDefaultsVariaint = {
 
+const htmlTagDisplayProperty = {
+  abbr: 'inline',
+  address: 'inline',
+  article: 'block',
+  b: 'inline',
+  bdo: 'inline',
+  blockquote: 'block',
+  cite: 'inline',
+  code: 'inline',
+  dd: 'block',
+  del: 'inline',
+  details: 'block',
+  dfn: 'inline',
+  div: 'block',
+  dl: 'block',
+  dt: 'block',
+  em: 'inline',
+  figcaption: 'block',
+  h1: 'block',
+  h2: 'block',
+  h3: 'block',
+  h4: 'block',
+  h5: 'block',
+  h6: 'block',
+  i: 'inline',
+  ins: 'inline',
+  kbd: 'inline',
+  label: 'inline',
+  legend: 'block',
+  li: 'block',
+  mark: 'inline',
+  ol: 'block',
+  p: 'block',
+  pre: 'block',
+  q: 'inline',
+  rb: 'inline',
+  rt: 'inline',
+  ruby: 'inline',
+  s: 'inline',
+  samp: 'inline',
+  small: 'inline',
+  span: 'inline',
+  strong: 'inline',
+  sub: 'inline',
+  summary: 'block',
+  sup: 'inline',
+  time: 'inline',
+  u: 'inline',
+  ul: 'block',
+  var: 'inline',
+}
 
+
 export {
+  htmlTagDisplayProperty,
   typographyDefaultsVariaint,
@@ -64,0 +117,0 @@ }

src/components/mds-text/readme.md

@@ -10,6 +10,6 @@ # mds-text
 
-| Property     | Attribute    | Description                                  | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Default     |
-| ------------ | ------------ | -------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `tag`        | `tag`        | Specifies the HTML tag of the element        | `"abbr" \| "address" \| "article" \| "b" \| "bdo" \| "blockquote" \| "cite" \| "code" \| "dd" \| "del" \| "details" \| "dfn" \| "div" \| "dl" \| "dt" \| "em" \| "figcaption" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "i" \| "ins" \| "kbd" \| "label" \| "legend" \| "li" \| "mark" \| "ol" \| "p" \| "pre" \| "q" \| "rb" \| "rt" \| "ruby" \| "s" \| "samp" \| "small" \| "span" \| "strong" \| "sub" \| "summary" \| "sup" \| "time" \| "u" \| "ul" \| "var" \| "wbr"` | `undefined` |
-| `typography` | `typography` | Specifies the font typography of the element | `"action" \| "caption" \| "code" \| "detail" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "hack" \| "label" \| "option" \| "paragraph"`                                                                                                                                                                                                                                                                                                                                         | `'detail'`  |
+| Property     | Attribute    | Description                                  | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default     |
+| ------------ | ------------ | -------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `tag`        | `tag`        | Specifies the HTML tag of the element        | `"abbr" \| "address" \| "article" \| "b" \| "bdo" \| "blockquote" \| "cite" \| "code" \| "dd" \| "del" \| "details" \| "dfn" \| "div" \| "dl" \| "dt" \| "em" \| "figcaption" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "i" \| "ins" \| "kbd" \| "label" \| "legend" \| "li" \| "mark" \| "ol" \| "p" \| "pre" \| "q" \| "rb" \| "rt" \| "ruby" \| "s" \| "samp" \| "small" \| "span" \| "strong" \| "sub" \| "summary" \| "sup" \| "time" \| "u" \| "ul" \| "var"` | `undefined` |
+| `typography` | `typography` | Specifies the font typography of the element | `"action" \| "caption" \| "code" \| "detail" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "hack" \| "label" \| "option" \| "paragraph"`                                                                                                                                                                                                                                                                                                                                | `'detail'`  |
 
@@ -16,0 +16,0 @@

src/components/mds-text/test/mds-text.stories.js

@@ -5,3 +5,3 @@ import React from 'react'
 import { typographyDictionary } from '@dictionary/typography'
-import { tagsDictionary } from '@dictionary/tag'
+import { tagsDictionary } from '../meta/dictionary'
 
@@ -8,0 +8,0 @@ export default {

src/dictionary/variant.ts

@@ -22,2 +22,21 @@ const themeVariantDictionary = [
 
+const themeFullVariantDictionary = [
+  'amaranth',
+  'aqua',
+  'blue',
+  'dark',
+  'error',
+  'green',
+  'info',
+  'light',
+  'lime',
+  'orange',
+  'orchid',
+  'sky',
+  'success',
+  'violet',
+  'warning',
+  'yellow',
+]
+
 const themeLabelVariantDictionary = [
@@ -43,3 +62,10 @@ 'amaranth',
 
+const toneSimpleVariantDictionary = [
+  'strong',
+  'weak',
+  'quiet',
+]
+
 export {
+  themeFullVariantDictionary,
   themeLabelVariantDictionary,
@@ -49,3 +75,4 @@ themeLuminanceVariantDictionary,
   themeVariantDictionary,
+  toneSimpleVariantDictionary,
   toneVariantDictionary,
 }

src/types/variant.ts

@@ -15,2 +15,20 @@ export type ThemeStatusVariantType =
 
+export type ThemeFullVariantType =
+  | 'amaranth'
+  | 'aqua'
+  | 'blue'
+  | 'dark'
+  | 'error'
+  | 'green'
+  | 'info'
+  | 'light'
+  | 'lime'
+  | 'orange'
+  | 'orchid'
+  | 'sky'
+  | 'success'
+  | 'violet'
+  | 'warning'
+  | 'yellow'
+
 export type ThemeLuminanceVariantType =
@@ -48,1 +66,5 @@ | 'dark'
 
+export type ToneSimpleVariantType =
+  | 'strong'
+  | 'weak'
+  | 'quiet'

www/build/mds-text.esm.js

@@ -1,1 +0,1 @@
-import{p as t,b as p}from"./p-28838f91.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),t(r)})().then((t=>p([["p-b2dd00b8",[[1,"mds-text",{tag:[1],typography:[1]}]]]],t)));
+import{p as t,b as p}from"./p-28838f91.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),t(r)})().then((t=>p([["p-2f131607",[[1,"mds-text",{tag:[1],typography:[1]}]]]],t)));

www/build/p-a60abeea.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-ef5122a0.system.js"],(function(t,e){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b}],execute:function(){var t=function(){var t=e.meta.url;var n={};if(t!==""){n.resourcesUrl=new URL(".",t).href}return r(n)};t().then((function(t){return n([["p-80f8cc2a.system",[[1,"mds-text",{tag:[1],typography:[1]}]]]],t)}))}}}));
+System.register(["./p-ef5122a0.system.js"],(function(t,e){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b}],execute:function(){var t=function(){var t=e.meta.url;var n={};if(t!==""){n.resourcesUrl=new URL(".",t).href}return r(n)};t().then((function(t){return n([["p-d38330d4.system",[[1,"mds-text",{tag:[1],typography:[1]}]]]],t)}))}}}));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

731569

increased by1.63%

Number of downloads

2067

increased by67.37%

Number of package files

136

increased by2.26%

Lines of code

8864

increased by5.9%

No dependency changes