@mirai/ui 1.0.259 → 1.0.261

package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap

@@ -1191,11 +1191,11 @@ exports[`component:<InputPhone> prop:showState (false) & success 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M0 0h24v24H0V0z"
+            d="M0 0h24v24H0V0zm0 0h24v24H0V0z"
             fill="none"
           />
           <path
-            d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+            d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
           />
         </svg>
       </span>
@@ -1293,11 +1293,7 @@ exports[`component:<InputPhone> prop:showState (false) & warning 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M0 0h24v24H0V0z"
-            fill="none"
-          />
-          <path
-            d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+            d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
           />
         </svg>
       </span>
@@ -1395,11 +1391,11 @@ exports[`component:<InputPhone> prop:success 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M0 0h24v24H0V0z"
+            d="M0 0h24v24H0V0zm0 0h24v24H0V0z"
             fill="none"
           />
           <path
-            d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+            d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
           />
         </svg>
       </span>
@@ -1611,11 +1607,7 @@ exports[`component:<InputPhone> prop:warning 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M0 0h24v24H0V0z"
-            fill="none"
-          />
-          <path
-            d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+            d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
           />
         </svg>
       </span>

package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap

@@ -757,11 +757,7 @@ exports[`component:<InputSelect> prop:warning 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M0 0h24v24H0V0z"
-            fill="none"
-          />
-          <path
-            d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+            d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
           />
         </svg>
       </span>

package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap

@@ -422,11 +422,11 @@ exports[`component:<InputText> prop:success 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M0 0h24v24H0V0z"
+            d="M0 0h24v24H0V0zm0 0h24v24H0V0z"
             fill="none"
           />
           <path
-            d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+            d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
           />
         </svg>
       </span>
@@ -515,11 +515,7 @@ exports[`component:<InputText> prop:warning 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M0 0h24v24H0V0z"
-            fill="none"
-          />
-          <path
-            d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+            d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
           />
         </svg>
       </span>

package/build/components/Notification/Notification.js

@@ -34,13 +34,12 @@ var Notification = function Notification(_ref) {
     className: (0, _helpers.styles)(_NotificationModule.default.notification, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : info ? _NotificationModule.default.info : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, large ? _NotificationModule.default.large : small ? _NotificationModule.default.small : undefined, wide && _NotificationModule.default.wide, others.className)
   }), /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     headline: true,
-    level: large ? 1 : small || !title ? 3 : 2,
+    level: large ? 1 : small && !title ? 3 : 2,
     value: (0, _helpers.getIconState)({
       error: error,
       success: success,
       warning: warning
-    }),
-    className: (0, _helpers.styles)(_NotificationModule.default.icon, (small || !title) && !large && _NotificationModule.default.small)
+    })
   }), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     className: _NotificationModule.default.texts
   }, title && /*#__PURE__*/_react.default.createElement(_primitives.Text, {

package/build/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["Notification","children","error","info","inline","large","small","success","title","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","icon","texts","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","string","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({\n  children,\n  error,\n  info,\n  inline = false,\n  large,\n  small,\n  success,\n  title,\n  warning,\n  wide,\n  onClose,\n  ...others\n}) => (\n  <View\n    {...others}\n    row\n    role={others.role || 'notification'}\n    className={styles(\n      style.notification,\n      error ? style.error : warning ? style.warning : success ? style.success : info ? style.info : undefined,\n      inline ? style.inline : style.outlined,\n      large ? style.large : small ? style.small : undefined,\n      wide && style.wide,\n      others.className,\n    )}\n  >\n    <Icon\n      headline\n      level={large ? 1 : small || !title ? 3 : 2}\n      value={getIconState({ error, success, warning })}\n      className={styles(style.icon, (small || !title) && !large && style.small)}\n    />\n\n    <View className={style.texts}>\n      {title && (\n        <Text action={small} bold headline={large}>\n          {title}\n        </Text>\n      )}\n      {children && (\n        <Text action={!small} small={small}>\n          {children}\n        </Text>\n      )}\n    </View>\n\n    {!inline && !large && onClose && (\n      <Pressable onPress={onClose} testId={others.testId ? `${others.testId}-button-close` : undefined}>\n        <Icon value={ICON.CLOSE} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.any.isRequired,\n  error: PropTypes.bool,\n  info: PropTypes.bool,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  title: PropTypes.string,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}
+{"version":3,"file":"Notification.js","names":["Notification","children","error","info","inline","large","small","success","title","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","texts","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","string","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({\n  children,\n  error,\n  info,\n  inline = false,\n  large,\n  small,\n  success,\n  title,\n  warning,\n  wide,\n  onClose,\n  ...others\n}) => (\n  <View\n    {...others}\n    row\n    role={others.role || 'notification'}\n    className={styles(\n      style.notification,\n      error ? style.error : warning ? style.warning : success ? style.success : info ? style.info : undefined,\n      inline ? style.inline : style.outlined,\n      large ? style.large : small ? style.small : undefined,\n      wide && style.wide,\n      others.className,\n    )}\n  >\n    <Icon headline level={large ? 1 : small && !title ? 3 : 2} value={getIconState({ error, success, warning })} />\n\n    <View className={style.texts}>\n      {title && (\n        <Text action={small} bold headline={large}>\n          {title}\n        </Text>\n      )}\n      {children && (\n        <Text action={!small} small={small}>\n          {children}\n        </Text>\n      )}\n    </View>\n\n    {!inline && !large && onClose && (\n      <Pressable onPress={onClose} testId={others.testId ? `${others.testId}-button-close` : undefined}>\n        <Icon value={ICON.CLOSE} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.any.isRequired,\n  error: PropTypes.bool,\n  info: PropTypes.bool,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  title: PropTypes.string,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}

package/build/components/Notification/Notification.module.css

@@ -21,7 +21,7 @@
 }
 
 .notification .info {
-  color: var(--mirai-ui-info);
+  color: var(--mirai-ui-inysfo);
 }
 
 /* -- outlined ------------------------------------------------------------------------------------------------------ */
@@ -55,46 +55,32 @@
   background-color: var(--mirai-ui-info-background);
 }
 
-/* -- <Icon> ---------------------------------------------------------------------------------------------------------*/
-.notification .icon {
-  background-color: var(--mirai-ui-content);
-  border-radius: 50%;
-}
-
-.notification .icon:not(.small) {
-  padding: calc(var(--mirai-ui-space-XS) / 2);
-}
-
-.notification .icon.small {
-  padding: calc(var(--mirai-ui-space-XS) / 4);
-}
-
-.notification:not(.warning) .icon {
-  color: var(--mirai-ui-base);
+/* -- <Text>s ------------------------------------------------------------------------------------------------------- */
+.notification .texts {
+  flex: 1;
 }
 
-.notification.error .icon {
-  background-color: var(--mirai-ui-error);
+.notification.large .texts {
+  align-items: center;
+  gap: var(--mirai-ui-notification-padding-small);
 }
 
-.notification.warning .icon {
-  background-color: var(--mirai-ui-warning);
+.notification.large .texts * {
+  text-align: center;
 }
 
-.notification.success .icon {
-  background-color: var(--mirai-ui-success);
+.notification.error * {
+  color: var(--mirai-ui-error);
 }
 
-.notification.info .icon {
-  background-color: var(--mirai-ui-info);
+.notification.warning * {
+  color: var(--mirai-ui-warning);
 }
 
-/* -- <Text>s ------------------------------------------------------------------------------------------------------- */
-.notification .texts {
-  flex: 1;
+.notification.success * {
+  color: var(--mirai-ui-success);
 }
 
-.notification.large .texts {
-  align-items: center;
-  gap: var(--mirai-ui-notification-padding-small);
+.notification.info * {
+  color: var(--mirai-ui-info);
 }

package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap

@@ -6,7 +6,7 @@ exports[`component:<Notification> inherit:className 1`] = `
     class="view row notification outlined mirai"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -45,7 +45,7 @@ exports[`component:<Notification> prop:error & inline 1`] = `
     class="view row notification error inline"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -84,7 +84,7 @@ exports[`component:<Notification> prop:error & large 1`] = `
     class="view row notification error outlined large"
   >
     <span
-      class="icon headline-1 icon"
+      class="icon headline-1"
     >
       <svg
         fill="currentColor"
@@ -123,7 +123,7 @@ exports[`component:<Notification> prop:error & small 1`] = `
     class="view row notification error outlined small"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-3"
     >
       <svg
         fill="currentColor"
@@ -162,7 +162,7 @@ exports[`component:<Notification> prop:error 1`] = `
     class="view row notification error outlined"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -201,7 +201,7 @@ exports[`component:<Notification> prop:info & inline 1`] = `
     class="view row notification info inline"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -240,7 +240,7 @@ exports[`component:<Notification> prop:info & large 1`] = `
     class="view row notification info outlined large"
   >
     <span
-      class="icon headline-1 icon"
+      class="icon headline-1"
     >
       <svg
         fill="currentColor"
@@ -279,7 +279,7 @@ exports[`component:<Notification> prop:info & small 1`] = `
     class="view row notification info outlined small"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-3"
     >
       <svg
         fill="currentColor"
@@ -318,7 +318,7 @@ exports[`component:<Notification> prop:info 1`] = `
     class="view row notification info outlined"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -358,7 +358,7 @@ exports[`component:<Notification> prop:onClose 1`] = `
     data-testid="mirai-onClose"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -423,7 +423,7 @@ exports[`component:<Notification> prop:success & inline 1`] = `
     class="view row notification success inline"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -435,11 +435,11 @@ exports[`component:<Notification> prop:success & inline 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M0 0h24v24H0V0z"
+          d="M0 0h24v24H0V0zm0 0h24v24H0V0z"
           fill="none"
         />
         <path
-          d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+          d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
         />
       </svg>
     </span>
@@ -462,7 +462,7 @@ exports[`component:<Notification> prop:success & large 1`] = `
     class="view row notification success outlined large"
   >
     <span
-      class="icon headline-1 icon"
+      class="icon headline-1"
     >
       <svg
         fill="currentColor"
@@ -474,11 +474,11 @@ exports[`component:<Notification> prop:success & large 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M0 0h24v24H0V0z"
+          d="M0 0h24v24H0V0zm0 0h24v24H0V0z"
           fill="none"
         />
         <path
-          d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+          d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
         />
       </svg>
     </span>
@@ -501,7 +501,7 @@ exports[`component:<Notification> prop:success & small 1`] = `
     class="view row notification success outlined small"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-3"
     >
       <svg
         fill="currentColor"
@@ -513,11 +513,11 @@ exports[`component:<Notification> prop:success & small 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M0 0h24v24H0V0z"
+          d="M0 0h24v24H0V0zm0 0h24v24H0V0z"
           fill="none"
         />
         <path
-          d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+          d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
         />
       </svg>
     </span>
@@ -540,7 +540,7 @@ exports[`component:<Notification> prop:success 1`] = `
     class="view row notification success outlined"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -552,11 +552,11 @@ exports[`component:<Notification> prop:success 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M0 0h24v24H0V0z"
+          d="M0 0h24v24H0V0zm0 0h24v24H0V0z"
           fill="none"
         />
         <path
-          d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+          d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
         />
       </svg>
     </span>
@@ -579,7 +579,7 @@ exports[`component:<Notification> prop:title 1`] = `
     class="view row notification outlined"
   >
     <span
-      class="icon headline-2 icon"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -623,7 +623,7 @@ exports[`component:<Notification> prop:warning & inline 1`] = `
     class="view row notification warning inline"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -635,11 +635,7 @@ exports[`component:<Notification> prop:warning & inline 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M0 0h24v24H0V0z"
-          fill="none"
-        />
-        <path
-          d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+          d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
         />
       </svg>
     </span>
@@ -662,7 +658,7 @@ exports[`component:<Notification> prop:warning & large 1`] = `
     class="view row notification warning outlined large"
   >
     <span
-      class="icon headline-1 icon"
+      class="icon headline-1"
     >
       <svg
         fill="currentColor"
@@ -674,11 +670,7 @@ exports[`component:<Notification> prop:warning & large 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M0 0h24v24H0V0z"
-          fill="none"
-        />
-        <path
-          d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+          d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
         />
       </svg>
     </span>
@@ -701,7 +693,7 @@ exports[`component:<Notification> prop:warning & small 1`] = `
     class="view row notification warning outlined small"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-3"
     >
       <svg
         fill="currentColor"
@@ -713,11 +705,7 @@ exports[`component:<Notification> prop:warning & small 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M0 0h24v24H0V0z"
-          fill="none"
-        />
-        <path
-          d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+          d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
         />
       </svg>
     </span>
@@ -740,7 +728,7 @@ exports[`component:<Notification> prop:warning 1`] = `
     class="view row notification warning outlined"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -752,11 +740,7 @@ exports[`component:<Notification> prop:warning 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M0 0h24v24H0V0z"
-          fill="none"
-        />
-        <path
-          d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+          d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
         />
       </svg>
     </span>
@@ -779,7 +763,7 @@ exports[`component:<Notification> prop:wide 1`] = `
     class="view row notification outlined wide"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -818,7 +802,7 @@ exports[`component:<Notification> renders 1`] = `
     class="view row notification outlined"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"
@@ -858,7 +842,7 @@ exports[`component:<Notification> testId 1`] = `
     data-testid="mirai"
   >
     <span
-      class="icon headline-3 icon small"
+      class="icon headline-2"
     >
       <svg
         fill="currentColor"

package/build/helpers/getIconState.js

@@ -10,7 +10,7 @@ var getIconState = function getIconState() {
     error = _ref.error,
     success = _ref.success,
     warning = _ref.warning;
-  return error ? _primitives.ICON.ERROR : warning ? _primitives.ICON.ERROR : success ? _primitives.ICON.SUCCESS : _primitives.ICON.INFO;
+  return error ? _primitives.ICON.ERROR : warning ? _primitives.ICON.WARNING : success ? _primitives.ICON.SUCCESS : _primitives.ICON.INFO;
 };
 exports.getIconState = getIconState;
 //# sourceMappingURL=getIconState.js.map

package/build/helpers/getIconState.js.map

@@ -1 +1 @@
-{"version":3,"file":"getIconState.js","names":["getIconState","error","success","warning","ICON","ERROR","SUCCESS","INFO"],"sources":["../../src/helpers/getIconState.js"],"sourcesContent":["import { ICON } from '../primitives';\n\nexport const getIconState = ({ error, success, warning } = {}) =>\n  error ? ICON.ERROR : warning ? ICON.ERROR : success ? ICON.SUCCESS : ICON.INFO;\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,+EAAkC,CAAC,CAAC;IAA9BC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;EAAA,OACpDF,KAAK,GAAGG,gBAAI,CAACC,KAAK,GAAGF,OAAO,GAAGC,gBAAI,CAACC,KAAK,GAAGH,OAAO,GAAGE,gBAAI,CAACE,OAAO,GAAGF,gBAAI,CAACG,IAAI;AAAA;AAAC"}
+{"version":3,"file":"getIconState.js","names":["getIconState","error","success","warning","ICON","ERROR","WARNING","SUCCESS","INFO"],"sources":["../../src/helpers/getIconState.js"],"sourcesContent":["import { ICON } from '../primitives';\n\nexport const getIconState = ({ error, success, warning } = {}) =>\n  error ? ICON.ERROR : warning ? ICON.WARNING : success ? ICON.SUCCESS : ICON.INFO;\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,+EAAkC,CAAC,CAAC;IAA9BC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;EAAA,OACpDF,KAAK,GAAGG,gBAAI,CAACC,KAAK,GAAGF,OAAO,GAAGC,gBAAI,CAACE,OAAO,GAAGJ,OAAO,GAAGE,gBAAI,CAACG,OAAO,GAAGH,gBAAI,CAACI,IAAI;AAAA;AAAC"}

package/build/primitives/Icon/Icon.constants.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ICON = void 0;
 var _LiaMarkdown = require("@react-icons/all-files/lia/LiaMarkdown");
+var _MdCheckCircleOutline = require("@react-icons/all-files/md/MdCheckCircleOutline");
 var _MdErrorOutline = require("@react-icons/all-files/md/MdErrorOutline");
 var _MdOutlineAdd = require("@react-icons/all-files/md/MdOutlineAdd");
 var _MdOutlineArrowBack = require("@react-icons/all-files/md/MdOutlineArrowBack");
@@ -46,7 +47,7 @@ var ICON = {
   // <Notification> & <InputText>
   ERROR: _MdErrorOutline.MdErrorOutline,
   INFO: _MdOutlineInfo.MdOutlineInfo,
-  SUCCESS: _MdOutlineCheck.MdOutlineCheck,
+  SUCCESS: _MdCheckCircleOutline.MdCheckCircleOutline,
   WARNING: _MdOutlineWarningAmber.MdOutlineWarningAmber,
   // <Slider>
   PHOTO_LIBRARY: _MdOutlinePhotoLibrary.MdOutlinePhotoLibrary,

package/build/primitives/Icon/Icon.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.constants.js","names":["ICON","LEFT","RIGHT","UP","DOWN","CHECK","ADD","REMOVE","EXPAND_LESS","EXPAND_MORE","SEARCH","EYE_OPEN","EYE_CLOSE","CLOSE","ERROR","INFO","SUCCESS","WARNING","PHOTO_LIBRARY","FILTER","MARKDOWN"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import { LiaMarkdown as MARKDOWN } from '@react-icons/all-files/lia/LiaMarkdown';\nimport { MdErrorOutline as ERROR } from '@react-icons/all-files/md/MdErrorOutline';\nimport { MdOutlineAdd as ADD } from '@react-icons/all-files/md/MdOutlineAdd';\nimport { MdOutlineArrowBack as LEFT } from '@react-icons/all-files/md/MdOutlineArrowBack';\nimport { MdOutlineArrowDownward as DOWN } from '@react-icons/all-files/md/MdOutlineArrowDownward';\nimport { MdOutlineArrowForward as RIGHT } from '@react-icons/all-files/md/MdOutlineArrowForward';\nimport { MdOutlineArrowUpward as UP } from '@react-icons/all-files/md/MdOutlineArrowUpward';\nimport { MdOutlineCheck as CHECK } from '@react-icons/all-files/md/MdOutlineCheck';\nimport { MdOutlineClose as CLOSE } from '@react-icons/all-files/md/MdOutlineClose';\nimport { MdOutlineExpandLess as EXPAND_LESS } from '@react-icons/all-files/md/MdOutlineExpandLess';\nimport { MdOutlineExpandMore as EXPAND_MORE } from '@react-icons/all-files/md/MdOutlineExpandMore';\nimport { MdOutlineFilterList as FILTER } from '@react-icons/all-files/md/MdOutlineFilterList';\nimport { MdOutlineInfo as INFO } from '@react-icons/all-files/md/MdOutlineInfo';\nimport { MdOutlinePhotoLibrary as PHOTO_LIBRARY } from '@react-icons/all-files/md/MdOutlinePhotoLibrary';\nimport { MdOutlineRemove as REMOVE } from '@react-icons/all-files/md/MdOutlineRemove';\nimport { MdOutlineSearch as SEARCH } from '@react-icons/all-files/md/MdOutlineSearch';\nimport { MdOutlineVisibility as EYE_OPEN } from '@react-icons/all-files/md/MdOutlineVisibility';\nimport { MdOutlineVisibilityOff as EYE_CLOSE } from '@react-icons/all-files/md/MdOutlineVisibilityOff';\nimport { MdOutlineWarningAmber as WARNING } from '@react-icons/all-files/md/MdOutlineWarningAmber';\n\nexport const ICON = {\n  // <Calendar>\n  LEFT,\n  RIGHT,\n  UP,\n  DOWN,\n  // <Check>\n  CHECK,\n  // <InputOption>\n  ADD,\n  REMOVE,\n  // <InputSelect>\n  EXPAND_LESS,\n  EXPAND_MORE,\n  // <InputText>\n  SEARCH,\n  EYE_OPEN,\n  EYE_CLOSE,\n  // <Modal>\n  CLOSE,\n  // <Notification> & <InputText>\n  ERROR,\n  INFO,\n  SUCCESS: CHECK,\n  WARNING,\n  // <Slider>\n  PHOTO_LIBRARY,\n  // <Table>\n  FILTER,\n  // Filetype\n  MARKDOWN,\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,IAAMA,IAAI,GAAG;EAClB;EACAC,IAAI,EAAJA,sCAAI;EACJC,KAAK,EAALA,4CAAK;EACLC,EAAE,EAAFA,0CAAE;EACFC,IAAI,EAAJA,8CAAI;EACJ;EACAC,KAAK,EAALA,8BAAK;EACL;EACAC,GAAG,EAAHA,0BAAG;EACHC,MAAM,EAANA,gCAAM;EACN;EACAC,WAAW,EAAXA,wCAAW;EACXC,WAAW,EAAXA,wCAAW;EACX;EACAC,MAAM,EAANA,gCAAM;EACNC,QAAQ,EAARA,wCAAQ;EACRC,SAAS,EAATA,8CAAS;EACT;EACAC,KAAK,EAALA,8BAAK;EACL;EACAC,KAAK,EAALA,8BAAK;EACLC,IAAI,EAAJA,4BAAI;EACJC,OAAO,EAAEX,8BAAK;EACdY,OAAO,EAAPA,4CAAO;EACP;EACAC,aAAa,EAAbA,4CAAa;EACb;EACAC,MAAM,EAANA,wCAAM;EACN;EACAC,QAAQ,EAARA;AACF,CAAC;AAAC"}
+{"version":3,"file":"Icon.constants.js","names":["ICON","LEFT","RIGHT","UP","DOWN","CHECK","ADD","REMOVE","EXPAND_LESS","EXPAND_MORE","SEARCH","EYE_OPEN","EYE_CLOSE","CLOSE","ERROR","INFO","SUCCESS","WARNING","PHOTO_LIBRARY","FILTER","MARKDOWN"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import { LiaMarkdown as MARKDOWN } from '@react-icons/all-files/lia/LiaMarkdown';\nimport { MdCheckCircleOutline as SUCCESS } from '@react-icons/all-files/md/MdCheckCircleOutline';\nimport { MdErrorOutline as ERROR } from '@react-icons/all-files/md/MdErrorOutline';\nimport { MdOutlineAdd as ADD } from '@react-icons/all-files/md/MdOutlineAdd';\nimport { MdOutlineArrowBack as LEFT } from '@react-icons/all-files/md/MdOutlineArrowBack';\nimport { MdOutlineArrowDownward as DOWN } from '@react-icons/all-files/md/MdOutlineArrowDownward';\nimport { MdOutlineArrowForward as RIGHT } from '@react-icons/all-files/md/MdOutlineArrowForward';\nimport { MdOutlineArrowUpward as UP } from '@react-icons/all-files/md/MdOutlineArrowUpward';\nimport { MdOutlineCheck as CHECK } from '@react-icons/all-files/md/MdOutlineCheck';\nimport { MdOutlineClose as CLOSE } from '@react-icons/all-files/md/MdOutlineClose';\nimport { MdOutlineExpandLess as EXPAND_LESS } from '@react-icons/all-files/md/MdOutlineExpandLess';\nimport { MdOutlineExpandMore as EXPAND_MORE } from '@react-icons/all-files/md/MdOutlineExpandMore';\nimport { MdOutlineFilterList as FILTER } from '@react-icons/all-files/md/MdOutlineFilterList';\nimport { MdOutlineInfo as INFO } from '@react-icons/all-files/md/MdOutlineInfo';\nimport { MdOutlinePhotoLibrary as PHOTO_LIBRARY } from '@react-icons/all-files/md/MdOutlinePhotoLibrary';\nimport { MdOutlineRemove as REMOVE } from '@react-icons/all-files/md/MdOutlineRemove';\nimport { MdOutlineSearch as SEARCH } from '@react-icons/all-files/md/MdOutlineSearch';\nimport { MdOutlineVisibility as EYE_OPEN } from '@react-icons/all-files/md/MdOutlineVisibility';\nimport { MdOutlineVisibilityOff as EYE_CLOSE } from '@react-icons/all-files/md/MdOutlineVisibilityOff';\nimport { MdOutlineWarningAmber as WARNING } from '@react-icons/all-files/md/MdOutlineWarningAmber';\n\nexport const ICON = {\n  // <Calendar>\n  LEFT,\n  RIGHT,\n  UP,\n  DOWN,\n  // <Check>\n  CHECK,\n  // <InputOption>\n  ADD,\n  REMOVE,\n  // <InputSelect>\n  EXPAND_LESS,\n  EXPAND_MORE,\n  // <InputText>\n  SEARCH,\n  EYE_OPEN,\n  EYE_CLOSE,\n  // <Modal>\n  CLOSE,\n  // <Notification> & <InputText>\n  ERROR,\n  INFO,\n  SUCCESS,\n  WARNING,\n  // <Slider>\n  PHOTO_LIBRARY,\n  // <Table>\n  FILTER,\n  // Filetype\n  MARKDOWN,\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,IAAMA,IAAI,GAAG;EAClB;EACAC,IAAI,EAAJA,sCAAI;EACJC,KAAK,EAALA,4CAAK;EACLC,EAAE,EAAFA,0CAAE;EACFC,IAAI,EAAJA,8CAAI;EACJ;EACAC,KAAK,EAALA,8BAAK;EACL;EACAC,GAAG,EAAHA,0BAAG;EACHC,MAAM,EAANA,gCAAM;EACN;EACAC,WAAW,EAAXA,wCAAW;EACXC,WAAW,EAAXA,wCAAW;EACX;EACAC,MAAM,EAANA,gCAAM;EACNC,QAAQ,EAARA,wCAAQ;EACRC,SAAS,EAATA,8CAAS;EACT;EACAC,KAAK,EAALA,8BAAK;EACL;EACAC,KAAK,EAALA,8BAAK;EACLC,IAAI,EAAJA,4BAAI;EACJC,OAAO,EAAPA,0CAAO;EACPC,OAAO,EAAPA,4CAAO;EACP;EACAC,aAAa,EAAbA,4CAAa;EACb;EACAC,MAAM,EAANA,wCAAM;EACN;EACAC,QAAQ,EAARA;AACF,CAAC;AAAC"}

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

@@ -792,11 +792,11 @@ exports[`primitive:<Icon> prop:value prop:value (SUCCESS) 1`] = `
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M0 0h24v24H0V0z"
+        d="M0 0h24v24H0V0zm0 0h24v24H0V0z"
         fill="none"
       />
       <path
-        d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+        d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
       />
     </svg>
   </span>

package/build/theme/default.theme.css

@@ -46,17 +46,17 @@
   --mirai-ui-accent-light: #88aedc;
   --mirai-ui-accent-dark: #224876;
 
-  --mirai-ui-error: #cc003a;
-  --mirai-ui-error-background: #ffece5;
+  --mirai-ui-error: #d32f2f;
+  --mirai-ui-error-background: #fdeded;
 
-  --mirai-ui-warning: #ffad00;
-  --mirai-ui-warning-background: #fff3cc;
+  --mirai-ui-warning: #663c00;
+  --mirai-ui-warning-background: #fff4e5;
 
-  --mirai-ui-success: #067949;
-  --mirai-ui-success-background: #e7fde7;
+  --mirai-ui-success: #1e4620;
+  --mirai-ui-success-background: #edf7ed;
 
-  --mirai-ui-info: #005cb2;
-  --mirai-ui-info-background: #e6f8ff;
+  --mirai-ui-info: #014361;
+  --mirai-ui-info-background: #e6f5fd;
 
   /* spacing */
   --mirai-ui-space-XS: 8px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.259",
+  "version": "1.0.261",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",