@moderneinc/neo-design 2.8.0 → 3.0.0

package/dist/shadows.js

@@ -5,53 +5,53 @@
  */
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} Modal
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} NeutralSmall
  */
 
 /**
- * @type {Modal}
+ * @type {NeutralSmall}
  */
-export const modal = {
+export const neutralSmall = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
-"y": 8,
+"y": 1,
 /** Scopes: Effect Color */
 "shadow": "rgba(31, 41, 55, 0.1)",
 /** Scopes: Effect Float */
-"blur": 15,
+"blur": 3,
 /** Scopes: Effect Float */
 "spread": 0,
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} Dropdown
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} NeutralRegular
  */
 
 /**
- * @type {Dropdown}
+ * @type {NeutralRegular}
  */
-export const dropdown = {
+export const neutralRegular = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
-"y": 8,
+"y": 2,
 /** Scopes: Effect Color */
 "shadow": "rgba(31, 41, 55, 0.1)",
 /** Scopes: Effect Float */
-"blur": 15,
+"blur": 4,
 /** Scopes: Effect Float */
 "spread": 0,
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} Drawer
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} NeutralMedium
  */
 
 /**
- * @type {Drawer}
+ * @type {NeutralMedium}
  */
-export const drawer = {
+export const neutralMedium = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
@@ -65,79 +65,79 @@ export const drawer = {
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} Card
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} PrimarySmall
  */
 
 /**
- * @type {Card}
+ * @type {PrimarySmall}
  */
-export const card = {
+export const primarySmall = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
-"y": 2,
+"y": 1,
 /** Scopes: Effect Color */
-"shadow": "rgba(31, 41, 55, 0.1)",
+"shadow": "rgba(47, 66, 255, 0.1)",
 /** Scopes: Effect Float */
-"blur": 4,
+"blur": 3,
 /** Scopes: Effect Float */
 "spread": 0,
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} NeutralSmall
+ * @typedef {{ blur: number, spread: number, shadow: string, y: number, x: number }} NeutralLarge1
  */
 
 /**
- * @type {NeutralSmall}
+ * @type {NeutralLarge1}
  */
-export const neutralSmall = {
+export const neutralLarge1 = {
 /** Scopes: Effect Float */
-"x": 0,
+"blur": 4,
 /** Scopes: Effect Float */
-"y": 1,
+"spread": 0,
 /** Scopes: Effect Color */
 "shadow": "rgba(31, 41, 55, 0.1)",
 /** Scopes: Effect Float */
-"blur": 3,
+"y": 4,
 /** Scopes: Effect Float */
-"spread": 0,
+"x": 0,
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} NeutralRegular
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} PrimaryRegular
  */
 
 /**
- * @type {NeutralRegular}
+ * @type {PrimaryRegular}
  */
-export const neutralRegular = {
+export const primaryRegular = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
-"y": 2,
+"y": 4,
 /** Scopes: Effect Color */
-"shadow": "rgba(31, 41, 55, 0.1)",
+"shadow": "rgba(47, 66, 255, 0.1)",
 /** Scopes: Effect Float */
-"blur": 4,
+"blur": 8,
 /** Scopes: Effect Float */
 "spread": 0,
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} NeutralMedium
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} PrimaryMedium
  */
 
 /**
- * @type {NeutralMedium}
+ * @type {PrimaryMedium}
  */
-export const neutralMedium = {
+export const primaryMedium = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
 "y": 8,
 /** Scopes: Effect Color */
-"shadow": "rgba(31, 41, 55, 0.1)",
+"shadow": "rgba(47, 66, 255, 0.1)",
 /** Scopes: Effect Float */
 "blur": 15,
 /** Scopes: Effect Float */
@@ -145,113 +145,113 @@ export const neutralMedium = {
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} PrimarySmall
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} PrimaryLarge
  */
 
 /**
- * @type {PrimarySmall}
+ * @type {PrimaryLarge}
  */
-export const primarySmall = {
+export const primaryLarge = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
-"y": 1,
+"y": 8,
 /** Scopes: Effect Color */
 "shadow": "rgba(47, 66, 255, 0.1)",
 /** Scopes: Effect Float */
-"blur": 3,
+"blur": 24,
 /** Scopes: Effect Float */
 "spread": 0,
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} NeutralLarge1
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} NeutralLarge2
  */
 
 /**
- * @type {NeutralLarge1}
+ * @type {NeutralLarge2}
  */
-export const neutralLarge1 = {
+export const neutralLarge2 = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
-"y": 4,
+"y": 8,
 /** Scopes: Effect Color */
 "shadow": "rgba(31, 41, 55, 0.1)",
 /** Scopes: Effect Float */
-"blur": 4,
+"blur": 24,
 /** Scopes: Effect Float */
 "spread": 0,
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} PrimaryRegular
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} Card
  */
 
 /**
- * @type {PrimaryRegular}
+ * @type {Card}
  */
-export const primaryRegular = {
+export const card = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
-"y": 4,
+"y": 2,
 /** Scopes: Effect Color */
-"shadow": "rgba(47, 66, 255, 0.1)",
+"shadow": "rgba(31, 41, 55, 0.1)",
 /** Scopes: Effect Float */
-"blur": 8,
+"blur": 4,
 /** Scopes: Effect Float */
 "spread": 0,
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} PrimaryMedium
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} HardLine
  */
 
 /**
- * @type {PrimaryMedium}
+ * @type {HardLine}
  */
-export const primaryMedium = {
+export const hardLine = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
-"y": 8,
+"y": 1,
 /** Scopes: Effect Color */
-"shadow": "rgba(47, 66, 255, 0.1)",
+"shadow": "rgba(31, 41, 55, 0.1)",
 /** Scopes: Effect Float */
-"blur": 15,
+"blur": 2,
 /** Scopes: Effect Float */
 "spread": 0,
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} PrimaryLarge
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} Dropdown
  */
 
 /**
- * @type {PrimaryLarge}
+ * @type {Dropdown}
  */
-export const primaryLarge = {
+export const dropdown = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
 "y": 8,
 /** Scopes: Effect Color */
-"shadow": "rgba(47, 66, 255, 0.1)",
+"shadow": "rgba(31, 41, 55, 0.1)",
 /** Scopes: Effect Float */
-"blur": 24,
+"blur": 15,
 /** Scopes: Effect Float */
 "spread": 0,
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} NeutralLarge2
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} Drawer
  */
 
 /**
- * @type {NeutralLarge2}
+ * @type {Drawer}
  */
-export const neutralLarge2 = {
+export const drawer = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
@@ -259,37 +259,33 @@ export const neutralLarge2 = {
 /** Scopes: Effect Color */
 "shadow": "rgba(31, 41, 55, 0.1)",
 /** Scopes: Effect Float */
-"blur": 24,
+"blur": 15,
 /** Scopes: Effect Float */
 "spread": 0,
 };
 
 /**
- * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} HardLine
+ * @typedef {{ x: number, y: number, shadow: string, blur: number, spread: number }} Modal
  */
 
 /**
- * @type {HardLine}
+ * @type {Modal}
  */
-export const hardLine = {
+export const modal = {
 /** Scopes: Effect Float */
 "x": 0,
 /** Scopes: Effect Float */
-"y": 1,
+"y": 8,
 /** Scopes: Effect Color */
 "shadow": "rgba(31, 41, 55, 0.1)",
 /** Scopes: Effect Float */
-"blur": 2,
+"blur": 15,
 /** Scopes: Effect Float */
 "spread": 0,
 };
 
 // Default export with all color groups
 export default {
-modal,
-dropdown,
-drawer,
-card,
 neutralSmall,
 neutralRegular,
 neutralMedium,
@@ -299,5 +295,9 @@ primaryRegular,
 primaryMedium,
 primaryLarge,
 neutralLarge2,
+card,
 hardLine,
+dropdown,
+drawer,
+modal,
 };

package/dist/spacing.css

@@ -15,26 +15,26 @@
 /* Scopes: Width Height, Gap */
   --neo-spacing_2: 16px;
 /* Scopes: Width Height, Gap */
-  --neo-spacing_2_1_4: 18px;
-/* Scopes: Width Height, Gap */
-  --neo-spacing_2_1_2: 20px;
+  --neo-spacing_3: 24px;
 /* Scopes: Width Height, Gap */
   --neo-spacing_2_3_4: 22px;
 /* Scopes: Width Height, Gap */
-  --neo-spacing_3: 24px;
+  --neo-spacing_2_1_2: 20px;
 /* Scopes: Width Height, Gap */
-  --neo-spacing_3_1_4: 26px;
+  --neo-spacing_2_1_4: 18px;
 /* Scopes: Width Height, Gap */
-  --neo-spacing_3_1_2: 28px;
+  --neo-spacing_4: 32px;
 /* Scopes: Width Height, Gap */
   --neo-spacing_3_3_4: 30px;
 /* Scopes: Width Height, Gap */
-  --neo-spacing_4: 32px;
+  --neo-spacing_3_1_2: 28px;
+/* Scopes: Width Height, Gap */
+  --neo-spacing_3_1_4: 26px;
   --neo-spacing_5: 40px;
-  --neo-spacing_5_1_4: 42px;
-  --neo-spacing_5_1_2: 44px;
   --neo-spacing_6: 48px;
-  --neo-spacing_7: 56px;
   --neo-spacing_8: 64px;
-  --neo-spacing_9: 56px;
-  --neo-spacing_10: 80px;}
+  --neo-spacing_10: 80px;
+  --neo-spacing_5_1_2: 44px;
+  --neo-spacing_5_1_4: 42px;
+  --neo-spacing_7: 56px;
+  --neo-spacing_9: 56px;}

package/dist/spacing.d.ts

@@ -48,59 +48,59 @@ export declare const spacing_2: 16;
 /**
    * @scopes Width Height, Gap
    */
-export declare const spacing_2_1_4: 18;
+export declare const spacing_3: 24;
 
 /**
    * @scopes Width Height, Gap
    */
-export declare const spacing_2_1_2: 20;
+export declare const spacing_2_3_4: 22;
 
 /**
    * @scopes Width Height, Gap
    */
-export declare const spacing_2_3_4: 22;
+export declare const spacing_2_1_2: 20;
 
 /**
    * @scopes Width Height, Gap
    */
-export declare const spacing_3: 24;
+export declare const spacing_2_1_4: 18;
 
 /**
    * @scopes Width Height, Gap
    */
-export declare const spacing_3_1_4: 26;
+export declare const spacing_4: 32;
 
 /**
    * @scopes Width Height, Gap
    */
-export declare const spacing_3_1_2: 28;
+export declare const spacing_3_3_4: 30;
 
 /**
    * @scopes Width Height, Gap
    */
-export declare const spacing_3_3_4: 30;
+export declare const spacing_3_1_2: 28;
 
 /**
    * @scopes Width Height, Gap
    */
-export declare const spacing_4: 32;
+export declare const spacing_3_1_4: 26;
 
 export declare const spacing_5: 40;
 
-export declare const spacing_5_1_4: 42;
+export declare const spacing_6: 48;
+
+export declare const spacing_8: 64;
+
+export declare const spacing_10: 80;
 
 export declare const spacing_5_1_2: 44;
 
-export declare const spacing_6: 48;
+export declare const spacing_5_1_4: 42;
 
 export declare const spacing_7: 56;
 
-export declare const spacing_8: 64;
-
 export declare const spacing_9: 56;
 
-export declare const spacing_10: 80;
-
 declare const _default: {
 spacing_1_4: typeof spacing_1_4,
 spacing_1_2: typeof spacing_1_2,
@@ -110,22 +110,22 @@ spacing_1_1_4: typeof spacing_1_1_4,
 spacing_1_1_2: typeof spacing_1_1_2,
 spacing_1_3_4: typeof spacing_1_3_4,
 spacing_2: typeof spacing_2,
-spacing_2_1_4: typeof spacing_2_1_4,
-spacing_2_1_2: typeof spacing_2_1_2,
-spacing_2_3_4: typeof spacing_2_3_4,
 spacing_3: typeof spacing_3,
-spacing_3_1_4: typeof spacing_3_1_4,
-spacing_3_1_2: typeof spacing_3_1_2,
-spacing_3_3_4: typeof spacing_3_3_4,
+spacing_2_3_4: typeof spacing_2_3_4,
+spacing_2_1_2: typeof spacing_2_1_2,
+spacing_2_1_4: typeof spacing_2_1_4,
 spacing_4: typeof spacing_4,
+spacing_3_3_4: typeof spacing_3_3_4,
+spacing_3_1_2: typeof spacing_3_1_2,
+spacing_3_1_4: typeof spacing_3_1_4,
 spacing_5: typeof spacing_5,
-spacing_5_1_4: typeof spacing_5_1_4,
-spacing_5_1_2: typeof spacing_5_1_2,
 spacing_6: typeof spacing_6,
-spacing_7: typeof spacing_7,
 spacing_8: typeof spacing_8,
-spacing_9: typeof spacing_9,
 spacing_10: typeof spacing_10,
+spacing_5_1_2: typeof spacing_5_1_2,
+spacing_5_1_4: typeof spacing_5_1_4,
+spacing_7: typeof spacing_7,
+spacing_9: typeof spacing_9,
 };
 
 export default _default;

package/dist/spacing.js

@@ -56,49 +56,49 @@ export const spacing_2 = 16;
  * Scopes: Width Height, Gap
  * @type {number}
  */
-export const spacing_2_1_4 = 18;
+export const spacing_3 = 24;
 
 /**
  * Scopes: Width Height, Gap
  * @type {number}
  */
-export const spacing_2_1_2 = 20;
+export const spacing_2_3_4 = 22;
 
 /**
  * Scopes: Width Height, Gap
  * @type {number}
  */
-export const spacing_2_3_4 = 22;
+export const spacing_2_1_2 = 20;
 
 /**
  * Scopes: Width Height, Gap
  * @type {number}
  */
-export const spacing_3 = 24;
+export const spacing_2_1_4 = 18;
 
 /**
  * Scopes: Width Height, Gap
  * @type {number}
  */
-export const spacing_3_1_4 = 26;
+export const spacing_4 = 32;
 
 /**
  * Scopes: Width Height, Gap
  * @type {number}
  */
-export const spacing_3_1_2 = 28;
+export const spacing_3_3_4 = 30;
 
 /**
  * Scopes: Width Height, Gap
  * @type {number}
  */
-export const spacing_3_3_4 = 30;
+export const spacing_3_1_2 = 28;
 
 /**
  * Scopes: Width Height, Gap
  * @type {number}
  */
-export const spacing_4 = 32;
+export const spacing_3_1_4 = 26;
 
 /**
  * @type {number}
@@ -108,37 +108,37 @@ export const spacing_5 = 40;
 /**
  * @type {number}
  */
-export const spacing_5_1_4 = 42;
+export const spacing_6 = 48;
 
 /**
  * @type {number}
  */
-export const spacing_5_1_2 = 44;
+export const spacing_8 = 64;
 
 /**
  * @type {number}
  */
-export const spacing_6 = 48;
+export const spacing_10 = 80;
 
 /**
  * @type {number}
  */
-export const spacing_7 = 56;
+export const spacing_5_1_2 = 44;
 
 /**
  * @type {number}
  */
-export const spacing_8 = 64;
+export const spacing_5_1_4 = 42;
 
 /**
  * @type {number}
  */
-export const spacing_9 = 56;
+export const spacing_7 = 56;
 
 /**
  * @type {number}
  */
-export const spacing_10 = 80;
+export const spacing_9 = 56;
 
 // Default export with all color groups
 export default {
@@ -150,20 +150,20 @@ spacing_1_1_4,
 spacing_1_1_2,
 spacing_1_3_4,
 spacing_2,
-spacing_2_1_4,
-spacing_2_1_2,
-spacing_2_3_4,
 spacing_3,
-spacing_3_1_4,
-spacing_3_1_2,
-spacing_3_3_4,
+spacing_2_3_4,
+spacing_2_1_2,
+spacing_2_1_4,
 spacing_4,
+spacing_3_3_4,
+spacing_3_1_2,
+spacing_3_1_4,
 spacing_5,
-spacing_5_1_4,
-spacing_5_1_2,
 spacing_6,
-spacing_7,
 spacing_8,
-spacing_9,
 spacing_10,
+spacing_5_1_2,
+spacing_5_1_4,
+spacing_7,
+spacing_9,
 };