@mezzanine-ui/system 1.0.0-canary.1 → 1.0.0-canary.2

package/effect/_effect.scss

@@ -9,9 +9,6 @@ $effect-contexts: (shadow, focus);
 
 $effect-values: (
   shadow: (
-    none: (
-      value: 0 0 0 0 rgb(0 0 0 / 0%),
-    ),
     raised: (
       value: 0 0 6px 0 semantic.variable(shadow, dark),
     ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/system",
-  "version": "1.0.0-canary.1",
+  "version": "1.0.0-canary.2",
   "description": "Design System for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {

package/spacing/_primitives.scss

@@ -10,6 +10,7 @@ $primitive-scales: (
   0,
   1,
   2,
+  3,
   4,
   6,
   8,
@@ -29,7 +30,9 @@ $primitive-scales: (
   56,
   60,
   64,
+  70,
   80,
+  140,
   160,
   240,
   320,
@@ -48,6 +51,7 @@ $default-primitives: (
   0: 0,
   1: 1px,
   2: 2px,
+  3: 3px,
   4: 4px,
   6: 6px,
   8: 8px,
@@ -67,7 +71,9 @@ $default-primitives: (
   56: 56px,
   60: 60px,
   64: 64px,
+  70: 70px,
   80: 80px,
+  140: 140px,
   160: 160px,
   240: 240px,
   320: 320px,

package/spacing/_semantic.scss

@@ -16,6 +16,7 @@ $padding-categories: (horizontal, vertical);
 // 定義各個分類下的 tones
 $element-tones: (
   hairline,
+  micro,
   tiny,
   tight,
   compact,
@@ -37,7 +38,9 @@ $element-tones: (
 
 $container-tones: (
   collapsed,
+  compressed,
   tiny,
+  snug,
   tight,
   slim,
   narrow,
@@ -64,11 +67,13 @@ $horizontal-tones: (
   comfort-fixed,
   roomy,
   spacious,
+  open,
   relaxed,
   airy,
   breath,
   wide,
-  max
+  max,
+  ultra
 );
 
 $vertical-tones: (
@@ -92,6 +97,10 @@ $semantic-spacings: (
         default: primitive.variable(1),
         compact: primitive.variable(1),
       ),
+      micro: (
+        default: primitive.variable(3),
+        compact: primitive.variable(3),
+      ),
       tiny: (
         default: primitive.variable(4),
         compact: primitive.variable(4),
@@ -166,10 +175,18 @@ $semantic-spacings: (
         default: primitive.variable(52),
         compact: primitive.variable(52),
       ),
+      compressed: (
+        default: primitive.variable(70),
+        compact: primitive.variable(70),
+      ),
       tiny: (
         default: primitive.variable(80),
         compact: primitive.variable(80),
       ),
+      snug: (
+        default: primitive.variable(140),
+        compact: primitive.variable(140),
+      ),
       tight: (
         default: primitive.variable(160),
         compact: primitive.variable(160),
@@ -312,6 +329,10 @@ $semantic-spacings: (
         default: primitive.variable(16),
         compact: primitive.variable(14),
       ),
+      open: (
+        default: primitive.variable(20),
+        compact: primitive.variable(16),
+      ),
       relaxed: (
         default: primitive.variable(24),
         compact: primitive.variable(20),
@@ -332,6 +353,10 @@ $semantic-spacings: (
         default: primitive.variable(48),
         compact: primitive.variable(40),
       ),
+      ultra: (
+        default: primitive.variable(56),
+        compact: primitive.variable(48),
+      ),
     ),
     vertical: (
       none: (