@mirai/ui 2.0.6 → 2.0.7

package/build/primitives/Switch/Switch.js

@@ -26,8 +26,7 @@ var Switch = function Switch(_ref) {
     onChange && onChange(!checked, event);
   };
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _extends({}, others, {
-    role: others.role || 'switch',
-    tag: others.tag || 'switch',
+    tag: "switch",
     onClick: !disabled ? handleChange : undefined,
     className: (0, _helpers.styles)(_SwitchModule.default.switch, others.className)
   }), /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {

package/build/primitives/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["Switch","checked","disabled","error","name","onChange","others","handleChange","event","role","tag","undefined","styles","style","switch","className","area","toggle","displayName","propTypes","PropTypes","bool","string","isRequired","func"],"sources":["../../../src/primitives/Switch/Switch.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Switch.module.css';\n\nconst Switch = ({ checked = false, disabled, error, name, onChange, ...others }) => {\n  const handleChange = (event) => {\n    onChange && onChange(!checked, event);\n  };\n\n  return (\n    <Primitive\n      {...others}\n      role={others.role || 'switch'}\n      tag={others.tag || 'switch'}\n      onClick={!disabled ? handleChange : undefined}\n      className={styles(style.switch, others.className)}\n    >\n      <Primitive checked={checked} disabled={disabled} name={name} tag=\"input\" type=\"checkbox\" onChange={() => {}} />\n      <Primitive className={styles(style.area, error && !checked && !disabled && style.error)}>\n        <Primitive className={style.toggle} />\n      </Primitive>\n    </Primitive>\n  );\n};\n\nSwitch.displayName = 'Primitive:Switch';\n\nSwitch.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n};\n\nexport { Switch };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAwE;EAAA,wBAAlEC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,MAAM;EAC3E,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BH,QAAQ,IAAIA,QAAQ,CAAC,CAACJ,OAAO,EAAEO,KAAK,CAAC;EACvC,CAAC;EAED,oBACE,6BAAC,oBAAS,eACJF,MAAM;IACV,IAAI,EAAEA,MAAM,CAACG,IAAI,IAAI,QAAS;IAC9B,GAAG,EAAEH,MAAM,CAACI,GAAG,IAAI,QAAS;IAC5B,OAAO,EAAE,CAACR,QAAQ,GAAGK,YAAY,GAAGI,SAAU;IAC9C,SAAS,EAAE,IAAAC,eAAM,EAACC,qBAAK,CAACC,MAAM,EAAER,MAAM,CAACS,SAAS;EAAE,iBAElD,6BAAC,oBAAS;IAAC,OAAO,EAAEd,OAAQ;IAAC,QAAQ,EAAEC,QAAS;IAAC,IAAI,EAAEE,IAAK;IAAC,GAAG,EAAC,OAAO;IAAC,IAAI,EAAC,UAAU;IAAC,QAAQ,EAAE,oBAAM,CAAC;EAAE,EAAG,eAC/G,6BAAC,oBAAS;IAAC,SAAS,EAAE,IAAAQ,eAAM,EAACC,qBAAK,CAACG,IAAI,EAAEb,KAAK,IAAI,CAACF,OAAO,IAAI,CAACC,QAAQ,IAAIW,qBAAK,CAACV,KAAK;EAAE,gBACtF,6BAAC,oBAAS;IAAC,SAAS,EAAEU,qBAAK,CAACI;EAAO,EAAG,CAC5B,CACF;AAEhB,CAAC;AAAC;AAEFjB,MAAM,CAACkB,WAAW,GAAG,kBAAkB;AAEvClB,MAAM,CAACmB,SAAS,GAAG;EACjBlB,OAAO,EAAEmB,kBAAS,CAACC,IAAI;EACvBnB,QAAQ,EAAEkB,kBAAS,CAACC,IAAI;EACxBlB,KAAK,EAAEiB,kBAAS,CAACC,IAAI;EACrBjB,IAAI,EAAEgB,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjClB,QAAQ,EAAEe,kBAAS,CAACI;AACtB,CAAC"}
+{"version":3,"file":"Switch.js","names":["Switch","checked","disabled","error","name","onChange","others","handleChange","event","undefined","styles","style","switch","className","area","toggle","displayName","propTypes","PropTypes","bool","string","isRequired","func"],"sources":["../../../src/primitives/Switch/Switch.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Switch.module.css';\n\nconst Switch = ({ checked = false, disabled, error, name, onChange, ...others }) => {\n  const handleChange = (event) => {\n    onChange && onChange(!checked, event);\n  };\n\n  return (\n    <Primitive\n      {...others}\n      tag=\"switch\"\n      onClick={!disabled ? handleChange : undefined}\n      className={styles(style.switch, others.className)}\n    >\n      <Primitive checked={checked} disabled={disabled} name={name} tag=\"input\" type=\"checkbox\" onChange={() => {}} />\n      <Primitive className={styles(style.area, error && !checked && !disabled && style.error)}>\n        <Primitive className={style.toggle} />\n      </Primitive>\n    </Primitive>\n  );\n};\n\nSwitch.displayName = 'Primitive:Switch';\n\nSwitch.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n};\n\nexport { Switch };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAwE;EAAA,wBAAlEC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,MAAM;EAC3E,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BH,QAAQ,IAAIA,QAAQ,CAAC,CAACJ,OAAO,EAAEO,KAAK,CAAC;EACvC,CAAC;EAED,oBACE,6BAAC,oBAAS,eACJF,MAAM;IACV,GAAG,EAAC,QAAQ;IACZ,OAAO,EAAE,CAACJ,QAAQ,GAAGK,YAAY,GAAGE,SAAU;IAC9C,SAAS,EAAE,IAAAC,eAAM,EAACC,qBAAK,CAACC,MAAM,EAAEN,MAAM,CAACO,SAAS;EAAE,iBAElD,6BAAC,oBAAS;IAAC,OAAO,EAAEZ,OAAQ;IAAC,QAAQ,EAAEC,QAAS;IAAC,IAAI,EAAEE,IAAK;IAAC,GAAG,EAAC,OAAO;IAAC,IAAI,EAAC,UAAU;IAAC,QAAQ,EAAE,oBAAM,CAAC;EAAE,EAAG,eAC/G,6BAAC,oBAAS;IAAC,SAAS,EAAE,IAAAM,eAAM,EAACC,qBAAK,CAACG,IAAI,EAAEX,KAAK,IAAI,CAACF,OAAO,IAAI,CAACC,QAAQ,IAAIS,qBAAK,CAACR,KAAK;EAAE,gBACtF,6BAAC,oBAAS;IAAC,SAAS,EAAEQ,qBAAK,CAACI;EAAO,EAAG,CAC5B,CACF;AAEhB,CAAC;AAAC;AAEFf,MAAM,CAACgB,WAAW,GAAG,kBAAkB;AAEvChB,MAAM,CAACiB,SAAS,GAAG;EACjBhB,OAAO,EAAEiB,kBAAS,CAACC,IAAI;EACvBjB,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,KAAK,EAAEe,kBAAS,CAACC,IAAI;EACrBf,IAAI,EAAEc,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjChB,QAAQ,EAAEa,kBAAS,CAACI;AACtB,CAAC"}

package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap

@@ -2,27 +2,27 @@
 
 exports[`primitive:<Switch> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_switch
+  <ui-switch
     class="switch mirai"
   >
     <input
       name="name"
       type="checkbox"
     />
-    <ui_primitive
+    <ui-primitive
       class="area"
     >
-      <ui_primitive
+      <ui-primitive
         class="toggle"
       />
-    </ui_primitive>
-  </ui_switch>
+    </ui-primitive>
+  </ui-switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> prop:checked && disabled 1`] = `
 <DocumentFragment>
-  <ui_switch
+  <ui-switch
     class="switch"
   >
     <input
@@ -31,20 +31,20 @@ exports[`primitive:<Switch> prop:checked && disabled 1`] = `
       name="name"
       type="checkbox"
     />
-    <ui_primitive
+    <ui-primitive
       class="area"
     >
-      <ui_primitive
+      <ui-primitive
         class="toggle"
       />
-    </ui_primitive>
-  </ui_switch>
+    </ui-primitive>
+  </ui-switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> prop:checked 1`] = `
 <DocumentFragment>
-  <ui_switch
+  <ui-switch
     class="switch"
   >
     <input
@@ -52,20 +52,20 @@ exports[`primitive:<Switch> prop:checked 1`] = `
       name="name"
       type="checkbox"
     />
-    <ui_primitive
+    <ui-primitive
       class="area"
     >
-      <ui_primitive
+      <ui-primitive
         class="toggle"
       />
-    </ui_primitive>
-  </ui_switch>
+    </ui-primitive>
+  </ui-switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> prop:disabled 1`] = `
 <DocumentFragment>
-  <ui_switch
+  <ui-switch
     class="switch"
   >
     <input
@@ -73,20 +73,20 @@ exports[`primitive:<Switch> prop:disabled 1`] = `
       name="name"
       type="checkbox"
     />
-    <ui_primitive
+    <ui-primitive
       class="area"
     >
-      <ui_primitive
+      <ui-primitive
         class="toggle"
       />
-    </ui_primitive>
-  </ui_switch>
+    </ui-primitive>
+  </ui-switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> prop:error && disabled 1`] = `
 <DocumentFragment>
-  <ui_switch
+  <ui-switch
     class="switch"
   >
     <input
@@ -94,80 +94,60 @@ exports[`primitive:<Switch> prop:error && disabled 1`] = `
       name="name"
       type="checkbox"
     />
-    <ui_primitive
+    <ui-primitive
       class="area"
     >
-      <ui_primitive
+      <ui-primitive
         class="toggle"
       />
-    </ui_primitive>
-  </ui_switch>
+    </ui-primitive>
+  </ui-switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> prop:error 1`] = `
 <DocumentFragment>
-  <ui_switch
+  <ui-switch
     class="switch"
   >
     <input
       name="name"
       type="checkbox"
     />
-    <ui_primitive
+    <ui-primitive
       class="area error"
     >
-      <ui_primitive
+      <ui-primitive
         class="toggle"
       />
-    </ui_primitive>
-  </ui_switch>
+    </ui-primitive>
+  </ui-switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> render 1`] = `
 <DocumentFragment>
-  <ui_switch
+  <ui-switch
     class="switch"
   >
     <input
       name="name"
       type="checkbox"
     />
-    <ui_primitive
+    <ui-primitive
       class="area"
     >
-      <ui_primitive
+      <ui-primitive
         class="toggle"
       />
-    </ui_primitive>
-  </ui_switch>
-</DocumentFragment>
-`;
-
-exports[`primitive:<Switch> tag 1`] = `
-<DocumentFragment>
-  <ui_tag
-    class="switch"
-  >
-    <input
-      name="name"
-      type="checkbox"
-    />
-    <ui_primitive
-      class="area"
-    >
-      <ui_primitive
-        class="toggle"
-      />
-    </ui_primitive>
-  </ui_tag>
+    </ui-primitive>
+  </ui-switch>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Switch> testId 1`] = `
 <DocumentFragment>
-  <ui_switch
+  <ui-switch
     class="switch"
     data-testid="mirai"
   >
@@ -175,13 +155,13 @@ exports[`primitive:<Switch> testId 1`] = `
       name="name"
       type="checkbox"
     />
-    <ui_primitive
+    <ui-primitive
       class="area"
     >
-      <ui_primitive
+      <ui-primitive
         class="toggle"
       />
-    </ui_primitive>
-  </ui_switch>
+    </ui-primitive>
+  </ui-switch>
 </DocumentFragment>
 `;

package/build/primitives/Text/Text.js

@@ -51,7 +51,6 @@ var Text = function Text(_ref) {
     wide = _ref.wide,
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
-    role: others.role || 'text',
     tag: tag,
     className: (0, _helpers.styles)(_TextModule.default.text, bold && _TextModule.default.bold, medium && !bold && _TextModule.default.medium, brand && _TextModule.default.brand, capitalize && _TextModule.default.capitalize, (0, _helpers2.color)({
       accent: accent,

package/build/primitives/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["Text","accent","accentLight","accentDark","action","bold","brand","capitalize","children","dark","error","headline","info","level","light","markdown","medium","small","success","tag","tiny","underline","upperCase","warning","wide","others","React","createElement","Primitive","role","className","styles","style","text","color","paragraph","parseMarkdown","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { color, parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n  accent,\n  accentLight,\n  accentDark,\n  action,\n  bold,\n  brand,\n  capitalize,\n  children,\n  dark,\n  error,\n  headline,\n  info,\n  level = 3,\n  light,\n  markdown = true,\n  medium = false,\n  small,\n  success,\n  tag = 'text',\n  tiny,\n  underline,\n  upperCase,\n  warning,\n  wide,\n  ...others\n}) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      role: others.role || 'text',\n      tag,\n      className: styles(\n        style.text,\n        bold && style.bold,\n        medium && !bold && style.medium,\n        brand && style.brand,\n        capitalize && style.capitalize,\n        color({ accent, accentDark, accentLight, dark, error, info, light, success, warning }),\n        headline\n          ? style[`headline-${level}`]\n          : action\n          ? style.action\n          : small\n          ? style.small\n          : tiny\n          ? style.tiny\n          : style.paragraph,\n        underline && style.underline,\n        upperCase && style.upperCase,\n        wide && style.wide,\n        others.className,\n      ),\n    },\n    markdown ? parseMarkdown(children, tag) : children,\n  );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n  accent: PropTypes.bool,\n  accentLight: PropTypes.bool,\n  accentDark: PropTypes.bool,\n  action: PropTypes.bool,\n  bold: PropTypes.bool,\n  brand: PropTypes.bool,\n  capitalize: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  dark: PropTypes.bool,\n  error: PropTypes.bool,\n  headline: PropTypes.bool,\n  info: PropTypes.bool,\n  level: PropTypes.number,\n  light: PropTypes.bool,\n  markdown: PropTypes.bool,\n  medium: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  tag: PropTypes.string,\n  tiny: PropTypes.bool,\n  underline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":"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"}
+{"version":3,"file":"Text.js","names":["Text","accent","accentLight","accentDark","action","bold","brand","capitalize","children","dark","error","headline","info","level","light","markdown","medium","small","success","tag","tiny","underline","upperCase","warning","wide","others","React","createElement","Primitive","className","styles","style","text","color","paragraph","parseMarkdown","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { color, parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n  accent,\n  accentLight,\n  accentDark,\n  action,\n  bold,\n  brand,\n  capitalize,\n  children,\n  dark,\n  error,\n  headline,\n  info,\n  level = 3,\n  light,\n  markdown = true,\n  medium = false,\n  small,\n  success,\n  tag = 'text',\n  tiny,\n  underline,\n  upperCase,\n  warning,\n  wide,\n  ...others\n}) =>\n  React.createElement(\n    Primitive,\n    {\n      ...others,\n      tag,\n      className: styles(\n        style.text,\n        bold && style.bold,\n        medium && !bold && style.medium,\n        brand && style.brand,\n        capitalize && style.capitalize,\n        color({ accent, accentDark, accentLight, dark, error, info, light, success, warning }),\n        headline\n          ? style[`headline-${level}`]\n          : action\n          ? style.action\n          : small\n          ? style.small\n          : tiny\n          ? style.tiny\n          : style.paragraph,\n        underline && style.underline,\n        upperCase && style.upperCase,\n        wide && style.wide,\n        others.className,\n      ),\n    },\n    markdown ? parseMarkdown(children, tag) : children,\n  );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n  accent: PropTypes.bool,\n  accentLight: PropTypes.bool,\n  accentDark: PropTypes.bool,\n  action: PropTypes.bool,\n  bold: PropTypes.bool,\n  brand: PropTypes.bool,\n  capitalize: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  dark: PropTypes.bool,\n  error: PropTypes.bool,\n  headline: PropTypes.bool,\n  info: PropTypes.bool,\n  level: PropTypes.number,\n  light: PropTypes.bool,\n  markdown: PropTypes.bool,\n  medium: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  tag: PropTypes.string,\n  tiny: PropTypes.bool,\n  underline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":"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"}

package/build/primitives/Text/Text.module.css

@@ -28,10 +28,6 @@
   font-weight: var(--mirai-ui-font-medium-weight);
 }
 
-.capitalize {
-  text-transform: lowercase;
-}
-
 .capitalize::first-letter {
   text-transform: uppercase;
 }

package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap

@@ -2,301 +2,301 @@
 
 exports[`primitive:<Text> color prop:accent 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text accent paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:accentDark 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text accentDark paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:accentLight 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text accentLight paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:dark 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text dark paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:error 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text error paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:info 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text info paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:light 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text light paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:success 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text success paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> color prop:warning 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text warning paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text paragraph mirai"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:action 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text action"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:bold 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text bold paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:brand 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text brand paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:capitalize 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text capitalize paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:1 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text headline-1"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:2 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text headline-2"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:3 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text headline-3"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline & level:4 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text headline-4"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:headline 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text headline-3"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:markdown 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text paragraph"
   >
-    <ui_text
+    <ui-text
       style="font-style: italic;"
     >
       Lorem
-    </ui_text>
+    </ui-text>
      
-    <ui_text
+    <ui-text
       style="text-decoration: underline;"
     >
       Ipsum
-    </ui_text>
-  </ui_text>
+    </ui-text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:medium 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text medium paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:small 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text small"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:tiny 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text tiny"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:underline 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text paragraph underline"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:upperCase 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text paragraph upperCase"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> prop:wide 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text paragraph wide"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> renders 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text paragraph"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> tag 1`] = `
 <DocumentFragment>
-  <ui_tag
+  <ui-tag
     class="text paragraph"
   >
     Lorem Ipsum
-  </ui_tag>
+  </ui-tag>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Text> testId 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text paragraph"
     data-testid="mirai"
   >
     Lorem Ipsum
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;