@mirai/ui 1.0.214 → 1.0.216

package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap

@@ -6,7 +6,7 @@ exports[` 1`] = `
     data-testid="onEnter"
   >
     <button
-      class="pressable button dispatcher"
+      class="pressable button active default primary solid enabled dispatcher"
       data-testid="onEnter-dispatcher"
     >
       Action
@@ -21,7 +21,7 @@ exports[` 2`] = `
     data-testid="onEnter"
   >
     <button
-      class="pressable button dispatcher"
+      class="pressable button active default primary solid enabled dispatcher"
       data-testid="onEnter-dispatcher"
     >
       Action
@@ -36,7 +36,7 @@ exports[` 3`] = `
     data-testid="onPress"
   >
     <button
-      class="pressable button dispatcher"
+      class="pressable button active default primary solid enabled dispatcher"
       data-testid="onPress-dispatcher"
     >
       Action
@@ -51,7 +51,7 @@ exports[` 4`] = `
     data-testid="onPress"
   >
     <button
-      class="pressable button dispatcher"
+      class="pressable button active default primary solid enabled dispatcher"
       data-testid="onPress-dispatcher"
     >
       Action
@@ -63,7 +63,7 @@ exports[` 4`] = `
 exports[`component:<Tooltip> inherit:className 1`] = `
 <DocumentFragment>
   <button
-    class="pressable button"
+    class="pressable button active default primary solid enabled"
   >
     Action
   </button>
@@ -74,7 +74,7 @@ exports[`component:<Tooltip> prop:Template 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button dispatcher"
+      class="pressable button active default primary solid enabled dispatcher"
     >
       Action
     </button>
@@ -84,7 +84,7 @@ exports[`component:<Tooltip> prop:Template 1`] = `
     style="left: 0px; top: 0px;"
   >
     <div
-      class="view tooltip left bottom"
+      class="view tooltip notAlign left bottom"
     >
       <strong>
         mirai
@@ -98,7 +98,7 @@ exports[`component:<Tooltip> prop:text 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button dispatcher"
+      class="pressable button active default primary solid enabled dispatcher"
     >
       Action
     </button>
@@ -108,7 +108,7 @@ exports[`component:<Tooltip> prop:text 1`] = `
     style="left: 0px; top: 0px;"
   >
     <div
-      class="view tooltip left bottom"
+      class="view tooltip notAlign left bottom"
     >
       <span
         class="text bold small text"
@@ -123,7 +123,7 @@ exports[`component:<Tooltip> prop:text 1`] = `
 exports[`component:<Tooltip> prop:top 1`] = `
 <DocumentFragment>
   <button
-    class="pressable button"
+    class="pressable button active default primary solid enabled"
   >
     Action
   </button>
@@ -133,7 +133,7 @@ exports[`component:<Tooltip> prop:top 1`] = `
 exports[`component:<Tooltip> renders 1`] = `
 <DocumentFragment>
   <button
-    class="pressable button"
+    class="pressable button active default primary solid enabled"
   >
     Action
   </button>
@@ -146,7 +146,7 @@ exports[`component:<Tooltip> testId 1`] = `
     data-testid="mirai"
   >
     <button
-      class="pressable button dispatcher"
+      class="pressable button active default primary solid enabled dispatcher"
       data-testid="mirai-dispatcher"
     >
       Action

package/build/primitives/Checkbox/Checkbox.module.css

@@ -29,9 +29,10 @@
 
 .checkbox input:disabled.checked {
   background-color: var(--mirai-ui-checkbox-disabled);
+  border-color: var(--mirai-ui-checkbox-disabled);
 }
 
-.checkbox input:not(:disabled).checked {
+.checkbox input.checked {
   background-color: var(--mirai-ui-checkbox-checked);
   border-color: var(--mirai-ui-checkbox-checked);
 }

package/build/primitives/Layer/Layer.module.css

@@ -1,9 +1,6 @@
 .layer {
-  z-index: var(--mirai-ui-layer-content);
-}
-
-.layer:not(.fixed) {
   position: absolute;
+  z-index: var(--mirai-ui-layer-content);
 }
 
 .layer.fixed {

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

@@ -37,7 +37,7 @@ exports[`primitive:<Layer> w/ centered && visible 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button"
+      class="pressable button active default primary solid enabled"
     >
       Action
     </button>
@@ -59,7 +59,7 @@ exports[`primitive:<Layer> w/ component & <LayerContent> 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button"
+      class="pressable button active default primary solid enabled"
     >
       Action
     </button>
@@ -81,7 +81,7 @@ exports[`primitive:<Layer> w/ component 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button"
+      class="pressable button active default primary solid enabled"
     >
       Action
     </button>
@@ -97,7 +97,7 @@ exports[`primitive:<Layer> w/ fixed 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button"
+      class="pressable button active default primary solid enabled"
     >
       Action
     </button>
@@ -119,7 +119,7 @@ exports[`primitive:<Layer> w/ forceRender={false} & <LayerContent> 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button"
+      class="pressable button active default primary solid enabled"
     >
       Action
     </button>
@@ -131,7 +131,7 @@ exports[`primitive:<Layer> w/ visible 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button"
+      class="pressable button active default primary solid enabled"
     >
       Action
     </button>

package/build/primitives/Radio/Radio.module.css

@@ -38,7 +38,7 @@
   border-color: var(--mirai-ui-radio-disabled);
 }
 
-.radio input:checked:not(:disabled) {
+.radio input:checked {
   background-color: var(--mirai-ui-radio-checked);
   border-color: var(--mirai-ui-radio-checked);
 }
@@ -47,7 +47,7 @@
   background-color: var(--mirai-ui-radio-disabled);
 }
 
-.radio input:checked:not(:disabled) ~ .checkmark {
+.radio input:checked ~ .checkmark {
   background-color: var(--mirai-ui-radio-base);
 }
 

package/build/primitives/Select/Select.module.css

@@ -18,10 +18,14 @@
   -moz-appearance: none;
 }
 
-.select.empty:not(:focus) {
+.select.empty {
   color: var(--mirai-ui-input-disabled);
 }
 
+.select.empty:focus {
+  color: var(--mirai-ui-input-color);
+}
+
 .select:disabled {
   color: var(--mirai-ui-input-disabled);
   opacity: 1;

package/build/primitives/Switch/Switch.module.css

@@ -56,7 +56,11 @@
 }
 
 @media only screen and (min-width: 600px) {
-  .switch:hover input:not(:disabled) + .area {
+  .switch:hover input + .area {
     background-color: var(--mirai-ui-switch-color-hover);
   }
+
+  .switch:hover input:disabled + .area {
+    background-color: var(--mirai-ui-switch-disabled);
+  }
 }

package/package.json

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