@mirai/core 0.3.355 → 0.3.357

package/build/components/__shared__/Payment/components/Tpv/__tests__/__snapshots__/Tpv.test.js.snap

@@ -2,21 +2,21 @@
 
 exports[`component:<Tpv> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer mirai"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
-        <label
+        <ui-label
           class="text paragraph text label"
-          for="input.checkout-name"
+          htmlfor="input.checkout-name"
         >
           payments.label.card_name
-        </label>
+        </ui-label>
         <input
           class="input input withLabel"
           id="input.checkout-name"
@@ -26,29 +26,29 @@ exports[`component:<Tpv> inherit:className 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<Tpv> renders 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
-        <label
+        <ui-label
           class="text paragraph text label"
-          for="input.checkout-name"
+          htmlfor="input.checkout-name"
         >
           payments.label.card_name
-        </label>
+        </ui-label>
         <input
           class="input input withLabel"
           id="input.checkout-name"
@@ -58,29 +58,29 @@ exports[`component:<Tpv> renders 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<Tpv> testID 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
-        <label
+        <ui-label
           class="text paragraph text label"
-          for="input.checkout-name"
+          htmlfor="input.checkout-name"
         >
           payments.label.card_name
-        </label>
+        </ui-label>
         <input
           class="input input withLabel"
           data-testid="mirai"
@@ -91,8 +91,8 @@ exports[`component:<Tpv> testID 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;

package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js

@@ -87,8 +87,9 @@ const SelectEnvironment = _ref => {
     className,
     testId
   } = others;
+  const tooltipText = translate(is.currency ? _SelectEnvironment2.L10N.LABEL_SELECT_CURRENCY : _SelectEnvironment2.L10N.LABEL_SELECT_LANGUAGE);
   return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
-    text: !isMobile ? translate(is.currency ? _SelectEnvironment2.L10N.LABEL_SELECT_CURRENCY : _SelectEnvironment2.L10N.LABEL_SELECT_LANGUAGE) : undefined
+    text: !isMobile ? tooltipText : undefined
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: (0, _ui.styles)(style.selectEnvironment, small && style.small, className)
@@ -112,7 +113,8 @@ const SelectEnvironment = _ref => {
     values: is.currency ? _locale.CURRENCIES : locales.length > 0 ? _helpers2.LOCALES.filter(locale => locales.includes(locale)) : _helpers2.LOCALES,
     onChange: handleChange,
     className: style.input,
-    testId: testId
+    testId: testId,
+    "aria-label": tooltipText
   })));
 };
 exports.SelectEnvironment = SelectEnvironment;

package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectEnvironment.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_SelectEnvironment","_SelectEnvironment2","style","_helpers","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","SelectEnvironment","_ref","compacted","name","small","others","isMobile","useDevice","translate","useLocale","value","currency","language","locale","locales","useStore","useEffect","Event","publish","EVENT","INTENT_ENVIRONMENT","is","handleChange","next","event","replaceUrlParams","lang","split","nextLocale","getLocale","undefined","className","testId","createElement","Tooltip","text","L10N","LABEL_SELECT_CURRENCY","LABEL_SELECT_LANGUAGE","View","row","styles","selectEnvironment","caption","Icon","headline","level","ICON","CURRENCY","LANGUAGE","Text","action","medium","LANGUAGES","LOCALES","findIndex","includes","Select","options","CURRENCIES","map","item","concat","Intl","DisplayNames","type","of","length","filter","_","index","values","onChange","input","exports","displayName","propTypes","PropTypes","bool","oneOf","isRequired"],"sources":["../../../../src/components/__shared__/SelectEnvironment/SelectEnvironment.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { CURRENCIES, useLocale } from '@mirai/locale';\nimport { Icon, Select, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { LANGUAGES } from './SelectEnvironment.constants';\nimport { L10N } from './SelectEnvironment.l10n';\nimport * as style from './SelectEnvironment.module.css';\nimport { getLocale } from '../../../helpers';\nimport { EVENT, ICON, LOCALES, replaceUrlParams } from '../../helpers';\n\nconst SelectEnvironment = ({ compacted = false, name, small = false, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { currency, language, locale, locales = [] },\n  } = useStore();\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => Event.publish(EVENT.INTENT_ENVIRONMENT, { currency, locale }), []);\n\n  const is = {\n    currency: name === 'currency',\n    locale: name === 'locale',\n  };\n\n  const handleChange = (next) => {\n    let event = { currency, locale };\n\n    if (is.currency) {\n      event = { ...event, currency: next };\n      replaceUrlParams({ currency: next });\n      // ? Something is wrong with this event when has been subscribed in Core.jsx\n      // Event.publish(EVENT.INTENT_CURRENCY, { currency: next });\n    } else if (is.locale) {\n      const [lang] = next.split('-');\n      const { locale: nextLocale } = getLocale(undefined, { lang });\n\n      event = { ...event, locale: nextLocale };\n      replaceUrlParams({ lang, locale: nextLocale });\n      // ? Something is wrong with this event when has been subscribed in Core.jsx\n      // Event.publish(EVENT.INTENT_LOCALE, { locale: next });\n    }\n\n    Event.publish(EVENT.INTENT_ENVIRONMENT, event);\n  };\n\n  const { className, testId } = others;\n\n  return (\n    <Tooltip\n      text={!isMobile ? translate(is.currency ? L10N.LABEL_SELECT_CURRENCY : L10N.LABEL_SELECT_LANGUAGE) : undefined}\n    >\n      <View row className={styles(style.selectEnvironment, small && style.small, className)}>\n        <View row className={style.caption}>\n          <Icon headline level={2} value={is.currency ? ICON.CURRENCY : ICON.LANGUAGE} />\n          {!compacted && (\n            <Text action={!isMobile} medium small={isMobile}>\n              {is.currency ? currency : LANGUAGES[LOCALES.findIndex((locale) => locale.includes(language))]}\n            </Text>\n          )}\n        </View>\n        <Select\n          name={name}\n          options={\n            is.currency\n              ? CURRENCIES.map((item) => `${item} - ${new Intl.DisplayNames(locale, { type: 'currency' }).of(item)}`)\n              : locales.length > 0\n              ? LANGUAGES.filter((_, index) => locales.includes(LOCALES[index]))\n              : LANGUAGES\n          }\n          value={is.currency ? currency : locale}\n          values={\n            is.currency\n              ? CURRENCIES\n              : locales.length > 0\n              ? LOCALES.filter((locale) => locales.includes(locale))\n              : LOCALES\n          }\n          onChange={handleChange}\n          className={style.input}\n          testId={testId}\n        />\n      </View>\n    </Tooltip>\n  );\n};\n\nSelectEnvironment.displayName = 'Mirai:Core:SelectEnvironment';\n\nSelectEnvironment.propTypes = {\n  compacted: PropTypes.bool,\n  name: PropTypes.oneOf(['currency', 'locale']).isRequired,\n  small: PropTypes.bool,\n};\n\nexport { SelectEnvironment };\n"],"mappings":"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"}
+{"version":3,"file":"SelectEnvironment.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_SelectEnvironment","_SelectEnvironment2","style","_helpers","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","SelectEnvironment","_ref","compacted","name","small","others","isMobile","useDevice","translate","useLocale","value","currency","language","locale","locales","useStore","useEffect","Event","publish","EVENT","INTENT_ENVIRONMENT","is","handleChange","next","event","replaceUrlParams","lang","split","nextLocale","getLocale","undefined","className","testId","tooltipText","L10N","LABEL_SELECT_CURRENCY","LABEL_SELECT_LANGUAGE","createElement","Tooltip","text","View","row","styles","selectEnvironment","caption","Icon","headline","level","ICON","CURRENCY","LANGUAGE","Text","action","medium","LANGUAGES","LOCALES","findIndex","includes","Select","options","CURRENCIES","map","item","concat","Intl","DisplayNames","type","of","length","filter","_","index","values","onChange","input","exports","displayName","propTypes","PropTypes","bool","oneOf","isRequired"],"sources":["../../../../src/components/__shared__/SelectEnvironment/SelectEnvironment.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { CURRENCIES, useLocale } from '@mirai/locale';\nimport { Icon, Select, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { LANGUAGES } from './SelectEnvironment.constants';\nimport { L10N } from './SelectEnvironment.l10n';\nimport * as style from './SelectEnvironment.module.css';\nimport { getLocale } from '../../../helpers';\nimport { EVENT, ICON, LOCALES, replaceUrlParams } from '../../helpers';\n\nconst SelectEnvironment = ({ compacted = false, name, small = false, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { currency, language, locale, locales = [] },\n  } = useStore();\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => Event.publish(EVENT.INTENT_ENVIRONMENT, { currency, locale }), []);\n\n  const is = {\n    currency: name === 'currency',\n    locale: name === 'locale',\n  };\n\n  const handleChange = (next) => {\n    let event = { currency, locale };\n\n    if (is.currency) {\n      event = { ...event, currency: next };\n      replaceUrlParams({ currency: next });\n      // ? Something is wrong with this event when has been subscribed in Core.jsx\n      // Event.publish(EVENT.INTENT_CURRENCY, { currency: next });\n    } else if (is.locale) {\n      const [lang] = next.split('-');\n      const { locale: nextLocale } = getLocale(undefined, { lang });\n\n      event = { ...event, locale: nextLocale };\n      replaceUrlParams({ lang, locale: nextLocale });\n      // ? Something is wrong with this event when has been subscribed in Core.jsx\n      // Event.publish(EVENT.INTENT_LOCALE, { locale: next });\n    }\n\n    Event.publish(EVENT.INTENT_ENVIRONMENT, event);\n  };\n\n  const { className, testId } = others;\n  const tooltipText = translate(is.currency ? L10N.LABEL_SELECT_CURRENCY : L10N.LABEL_SELECT_LANGUAGE);\n\n  return (\n    <Tooltip text={!isMobile ? tooltipText : undefined}>\n      <View row className={styles(style.selectEnvironment, small && style.small, className)}>\n        <View row className={style.caption}>\n          <Icon headline level={2} value={is.currency ? ICON.CURRENCY : ICON.LANGUAGE} />\n          {!compacted && (\n            <Text action={!isMobile} medium small={isMobile}>\n              {is.currency ? currency : LANGUAGES[LOCALES.findIndex((locale) => locale.includes(language))]}\n            </Text>\n          )}\n        </View>\n        <Select\n          name={name}\n          options={\n            is.currency\n              ? CURRENCIES.map((item) => `${item} - ${new Intl.DisplayNames(locale, { type: 'currency' }).of(item)}`)\n              : locales.length > 0\n              ? LANGUAGES.filter((_, index) => locales.includes(LOCALES[index]))\n              : LANGUAGES\n          }\n          value={is.currency ? currency : locale}\n          values={\n            is.currency\n              ? CURRENCIES\n              : locales.length > 0\n              ? LOCALES.filter((locale) => locales.includes(locale))\n              : LOCALES\n          }\n          onChange={handleChange}\n          className={style.input}\n          testId={testId}\n          aria-label={tooltipText}\n        />\n      </View>\n    </Tooltip>\n  );\n};\n\nSelectEnvironment.displayName = 'Mirai:Core:SelectEnvironment';\n\nSelectEnvironment.propTypes = {\n  compacted: PropTypes.bool,\n  name: PropTypes.oneOf(['currency', 'locale']).isRequired,\n  small: PropTypes.bool,\n};\n\nexport { SelectEnvironment };\n"],"mappings":"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"}

package/build/components/__shared__/SelectEnvironment/__tests__/__snapshots__/SelectEnvironment.test.js.snap

@@ -2,16 +2,16 @@
 
 exports[`component:<SelectEnvironment> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
   >
-    <ui_view
+    <ui-view
       class="view row dispatcher mirai"
     >
-      <ui_view
+      <ui-view
         class="view row"
       >
-        <ui_icon
+        <ui-icon
           class="icon headline-2"
         >
           <svg
@@ -31,11 +31,11 @@ exports[`component:<SelectEnvironment> inherit:className 1`] = `
               d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
             />
           </svg>
-        </ui_icon>
-        <ui_text
+        </ui-icon>
+        <ui-text
           class="text medium action"
         />
-      </ui_view>
+      </ui-view>
       <select
         class="select"
       >
@@ -150,23 +150,23 @@ exports[`component:<SelectEnvironment> inherit:className 1`] = `
           Euskara
         </option>
       </select>
-    </ui_view>
-  </ui_tooltip>
+    </ui-view>
+  </ui-tooltip>
 </DocumentFragment>
 `;
 
 exports[`component:<SelectEnvironment> prop:compacted 1`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
   >
-    <ui_view
+    <ui-view
       class="view row dispatcher"
     >
-      <ui_view
+      <ui-view
         class="view row"
       >
-        <ui_icon
+        <ui-icon
           class="icon headline-2"
         >
           <svg
@@ -186,8 +186,8 @@ exports[`component:<SelectEnvironment> prop:compacted 1`] = `
               d="M12.89 11.1c-1.78-.59-2.64-.96-2.64-1.9 0-1.02 1.11-1.39 1.81-1.39 1.31 0 1.79.99 1.9 1.34l1.58-.67c-.15-.45-.82-1.92-2.54-2.24V5h-2v1.26c-2.48.56-2.49 2.86-2.49 2.96 0 2.27 2.25 2.91 3.35 3.31 1.58.56 2.28 1.07 2.28 2.03 0 1.13-1.05 1.61-1.98 1.61-1.82 0-2.34-1.87-2.4-2.09l-1.66.67c.63 2.19 2.28 2.78 2.9 2.96V19h2v-1.24c.4-.09 2.9-.59 2.9-3.22 0-1.39-.61-2.61-3.01-3.44zM3 21H1v-6h6v2H4.52c1.61 2.41 4.36 4 7.48 4a9 9 0 0 0 9-9h2c0 6.08-4.92 11-11 11-3.72 0-7.01-1.85-9-4.67V21zm-2-9C1 5.92 5.92 1 12 1c3.72 0 7.01 1.85 9 4.67V3h2v6h-6V7h2.48C17.87 4.59 15.12 3 12 3a9 9 0 0 0-9 9H1z"
             />
           </svg>
-        </ui_icon>
-      </ui_view>
+        </ui-icon>
+      </ui-view>
       <select
         class="select"
         name="currency"
@@ -433,23 +433,23 @@ exports[`component:<SelectEnvironment> prop:compacted 1`] = `
           ZAR - South African Rand
         </option>
       </select>
-    </ui_view>
-  </ui_tooltip>
+    </ui-view>
+  </ui-tooltip>
 </DocumentFragment>
 `;
 
 exports[`component:<SelectEnvironment> prop:name (currency) 1`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
   >
-    <ui_view
+    <ui-view
       class="view row dispatcher"
     >
-      <ui_view
+      <ui-view
         class="view row"
       >
-        <ui_icon
+        <ui-icon
           class="icon headline-2"
         >
           <svg
@@ -469,11 +469,11 @@ exports[`component:<SelectEnvironment> prop:name (currency) 1`] = `
               d="M12.89 11.1c-1.78-.59-2.64-.96-2.64-1.9 0-1.02 1.11-1.39 1.81-1.39 1.31 0 1.79.99 1.9 1.34l1.58-.67c-.15-.45-.82-1.92-2.54-2.24V5h-2v1.26c-2.48.56-2.49 2.86-2.49 2.96 0 2.27 2.25 2.91 3.35 3.31 1.58.56 2.28 1.07 2.28 2.03 0 1.13-1.05 1.61-1.98 1.61-1.82 0-2.34-1.87-2.4-2.09l-1.66.67c.63 2.19 2.28 2.78 2.9 2.96V19h2v-1.24c.4-.09 2.9-.59 2.9-3.22 0-1.39-.61-2.61-3.01-3.44zM3 21H1v-6h6v2H4.52c1.61 2.41 4.36 4 7.48 4a9 9 0 0 0 9-9h2c0 6.08-4.92 11-11 11-3.72 0-7.01-1.85-9-4.67V21zm-2-9C1 5.92 5.92 1 12 1c3.72 0 7.01 1.85 9 4.67V3h2v6h-6V7h2.48C17.87 4.59 15.12 3 12 3a9 9 0 0 0-9 9H1z"
             />
           </svg>
-        </ui_icon>
-        <ui_text
+        </ui-icon>
+        <ui-text
           class="text medium action"
         />
-      </ui_view>
+      </ui-view>
       <select
         class="select"
         name="currency"
@@ -719,23 +719,23 @@ exports[`component:<SelectEnvironment> prop:name (currency) 1`] = `
           ZAR - South African Rand
         </option>
       </select>
-    </ui_view>
-  </ui_tooltip>
+    </ui-view>
+  </ui-tooltip>
 </DocumentFragment>
 `;
 
 exports[`component:<SelectEnvironment> prop:name (locale) 1`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
   >
-    <ui_view
+    <ui-view
       class="view row dispatcher"
     >
-      <ui_view
+      <ui-view
         class="view row"
       >
-        <ui_icon
+        <ui-icon
           class="icon headline-2"
         >
           <svg
@@ -755,11 +755,11 @@ exports[`component:<SelectEnvironment> prop:name (locale) 1`] = `
               d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
             />
           </svg>
-        </ui_icon>
-        <ui_text
+        </ui-icon>
+        <ui-text
           class="text medium action"
         />
-      </ui_view>
+      </ui-view>
       <select
         class="select"
         name="locale"
@@ -875,23 +875,23 @@ exports[`component:<SelectEnvironment> prop:name (locale) 1`] = `
           Euskara
         </option>
       </select>
-    </ui_view>
-  </ui_tooltip>
+    </ui-view>
+  </ui-tooltip>
 </DocumentFragment>
 `;
 
 exports[`component:<SelectEnvironment> renders 1`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
   >
-    <ui_view
+    <ui-view
       class="view row dispatcher"
     >
-      <ui_view
+      <ui-view
         class="view row"
       >
-        <ui_icon
+        <ui-icon
           class="icon headline-2"
         >
           <svg
@@ -911,11 +911,11 @@ exports[`component:<SelectEnvironment> renders 1`] = `
               d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
             />
           </svg>
-        </ui_icon>
-        <ui_text
+        </ui-icon>
+        <ui-text
           class="text medium action"
         />
-      </ui_view>
+      </ui-view>
       <select
         class="select"
       >
@@ -1030,23 +1030,23 @@ exports[`component:<SelectEnvironment> renders 1`] = `
           Euskara
         </option>
       </select>
-    </ui_view>
-  </ui_tooltip>
+    </ui-view>
+  </ui-tooltip>
 </DocumentFragment>
 `;
 
 exports[`component:<SelectEnvironment> testID 1`] = `
 <DocumentFragment>
-  <ui_tooltip
+  <ui-tooltip
     class="container"
   >
-    <ui_view
+    <ui-view
       class="view row dispatcher"
     >
-      <ui_view
+      <ui-view
         class="view row"
       >
-        <ui_icon
+        <ui-icon
           class="icon headline-2"
         >
           <svg
@@ -1066,11 +1066,11 @@ exports[`component:<SelectEnvironment> testID 1`] = `
               d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
             />
           </svg>
-        </ui_icon>
-        <ui_text
+        </ui-icon>
+        <ui-text
           class="text medium action"
         />
-      </ui_view>
+      </ui-view>
       <select
         class="select"
         data-testid="mirai"
@@ -1186,7 +1186,7 @@ exports[`component:<SelectEnvironment> testID 1`] = `
           Euskara
         </option>
       </select>
-    </ui_view>
-  </ui_tooltip>
+    </ui-view>
+  </ui-tooltip>
 </DocumentFragment>
 `;

package/build/components/__shared__/TextRequiredFields/__tests__/__snapshots__/TextRequiredFields.test.js.snap

@@ -2,33 +2,33 @@
 
 exports[`component:<TextRequiredFields> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text small mirai"
   >
     <span>
       *
     </span>
      common.label.required_field
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`component:<TextRequiredFields> renders 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text small"
   >
     <span>
       *
     </span>
      common.label.required_field
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;
 
 exports[`component:<TextRequiredFields> testID 1`] = `
 <DocumentFragment>
-  <ui_text
+  <ui-text
     class="text small"
     data-testid="mirai"
   >
@@ -36,6 +36,6 @@ exports[`component:<TextRequiredFields> testID 1`] = `
       *
     </span>
      common.label.required_field
-  </ui_text>
+  </ui-text>
 </DocumentFragment>
 `;