@narmi/design_system 2.25.0 → 2.27.0

package/dist/tokens/css/rgbColors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Jul 2022 20:08:01 GMT
+ * Generated on Tue, 26 Jul 2022 14:04:06 GMT
  */
 
 :root {

package/dist/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Jul 2022 20:08:01 GMT
+ * Generated on Tue, 26 Jul 2022 14:04:06 GMT
  */
 
 :root {

package/dist/tokens/js/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Jul 2022 20:08:01 GMT
+ * Generated on Tue, 26 Jul 2022 14:04:06 GMT
  */
 
 module.exports = {

package/dist/tokens/js/manifest.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Jul 2022 20:08:01 GMT
+ * Generated on Tue, 26 Jul 2022 14:04:06 GMT
  */
 
 module.exports = {

package/dist/tokens/js/reactNativeWeb.js

@@ -0,0 +1,187 @@
+/**
+* DO NOT EDIT
+* Generated by style-dictionary on Tue Jul 26 2022 14:04:06 GMT+0000 (Coordinated Universal Time)
+* github.com/narmi/design_system/
+*/
+
+
+const tokens = {
+  "border": {
+    "color": {
+      "primary": "#1A4338",
+      "light": "#D9D9D9",
+      "default": "#D9D9D9"
+    },
+    "radius": {
+      "s": 4,
+      "m": 8,
+      "l": 20,
+      "default": 4
+    },
+    "size": {
+      "s": 1,
+      "m": 2,
+      "default": 1
+    }
+  },
+  "color": {
+    "alpha": {
+      "5": 0.05,
+      "10": 0.1,
+      "20": 0.2
+    },
+    "background": {
+      "blueGrey": "#F4F6FA",
+      "cloudGrey": "#E9E9E9",
+      "neutralGrey": "#F9F9F9",
+      "smokeGrey": "#F3F3F3",
+      "snowGrey": "#FBFBFB",
+      "white": "#FFFFFF",
+      "scrimLight": "rgba(255, 255, 255, 0.85)",
+      "scrimDark": "rgba(80, 80, 80, 0.7)"
+    },
+    "narmi": {
+      "moss100": "#002921",
+      "moss200": "#0F3C32",
+      "moss300": "#005242",
+      "moss400": "#006553",
+      "moss500": "#3E8373",
+      "moss600": "#6EA193",
+      "moss700": "#9DC0B6",
+      "moss800": "#CDDED9",
+      "moss": "#006553",
+      "pine100": "#041A14",
+      "pine200": "#062821",
+      "pine300": "#16362C",
+      "pine400": "#1A4338",
+      "pine500": "#44655B",
+      "pine600": "#708981",
+      "pine700": "#708981",
+      "pine800": "#CDD6D3",
+      "pine": "#1A4338",
+      "cove100": "#002547",
+      "cove200": "#00376A",
+      "cove300": "#094895",
+      "cove400": "#005CB2",
+      "cove500": "#237CC3",
+      "cove600": "#66A2D6",
+      "cove700": "#A6CFF0",
+      "cove800": "#D4EDFF",
+      "cove": "#005CB2",
+      "azul100": "#001340",
+      "azul200": "#00205E",
+      "azul300": "#002C82",
+      "azul400": "#003EA0",
+      "azul500": "#3664B5",
+      "azul600": "#6B89C7",
+      "azul700": "#9CB1DE",
+      "azul800": "#C9D8F2",
+      "azul": "#003EA0",
+      "pistachio100": "#485E3D",
+      "pistachio200": "#6B8C5A",
+      "pistachio300": "#90BB78",
+      "pistachio400": "#B5E995",
+      "pistachio500": "#CCF0B4",
+      "pistachio600": "#DAF4C8",
+      "pistachio700": "#E9F8DE",
+      "pistachio800": "#F7FCF3",
+      "pistachio": "#B5E995",
+      "cactus100": "#324C23",
+      "cactus200": "#4B7137",
+      "cactus300": "#63964B",
+      "cactus400": "#7FBC5B",
+      "cactus500": "#99CA7A",
+      "cactus600": "#B3D79A",
+      "cactus700": "#CCE4BA",
+      "cactus800": "#E5F1DC",
+      "cactus": "#7FBC5B",
+      "sand100": "#423329",
+      "sand200": "#684D41",
+      "sand300": "#947564",
+      "sand400": "#C4A08A",
+      "sand500": "#DCC1A2",
+      "sand600": "#EED6C3",
+      "sand700": "#F4E3D6",
+      "sand800": "#FCF0E9",
+      "sand": "#DCC1A2",
+      "black": "#333333",
+      "grey": "#4C4C4C",
+      "mediumGrey": "#8C8C8C",
+      "lightGrey": "#D9D9D9",
+      "white": "#FFFFFF"
+    },
+    "system": {
+      "successDark": "#37B374",
+      "successLight": "#E3FAE7",
+      "warnDark": "#EAC348",
+      "warnLight": "#FEF8E3",
+      "errorDark": "#D93B3B",
+      "errorLight": "#FDF1F1"
+    },
+    "theme": {
+      "primary": "#1A4338",
+      "secondary": "#006553",
+      "tertiary": "#7FBC5B",
+      "link": "#006553"
+    }
+  },
+  "font": {
+    "color": {
+      "heading": "#333333",
+      "primary": "#4C4C4C",
+      "secondary": "#8C8C8C",
+      "hint": "#D9D9D9"
+    },
+    "family": {
+      "heading": "'Narmi Matiere', serif",
+      "body": "Mulish, Helvetica, sans-serif",
+      "default": "Mulish, Helvetica, sans-serif"
+    },
+    "lineHeight": {
+      "smallText": 1.6,
+      "bodyText": 1.25,
+      "bigText": 1.1,
+      "default": 1.25
+    },
+    "size": {
+      "xxs": 10,
+      "xs": 12,
+      "s": 14,
+      "m": 16,
+      "l": 20,
+      "heading0": 40,
+      "heading1": 32,
+      "heading2": 28,
+      "heading3": 24,
+      "default": 16
+    },
+    "weight": {
+      "normal": "400",
+      "semibold": "600",
+      "bold": "700",
+      "default": "400"
+    }
+  },
+  "layout": {
+    "space": {
+      "xxs": 4,
+      "xs": 8,
+      "s": 12,
+      "m": 16,
+      "l": 20,
+      "xl": 40,
+      "xxl": 60,
+      "default": 20
+    }
+  },
+  "shadow": {
+    "elevation": {
+      "low": "0 2 12px 0 rgba(80, 80, 80, 0.05)",
+      "middle": "0 2 12px 0 rgba(0, 0, 0, 0.1)",
+      "high": "0 2 12px 0 rgba(80, 80, 80, 0.2)",
+      "default": "0 2 12px 0 rgba(0, 0, 0, 0.1)"
+    }
+  }
+};
+
+module.exports = tokens;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@narmi/design_system",
-  "version": "2.25.0",
+  "version": "2.27.0",
   "description": "⚡ A consistent look-and-feel and extensible interface for Narmi experiences 🔥",
   "main": "dist/index.js",
   "files": [
@@ -86,7 +86,7 @@
     "sass": "^1.45.0",
     "sass-loader": "^12.1.0",
     "semantic-release": "^19.0.0",
-    "style-dictionary": "^3.0.3",
+    "style-dictionary": "^3.7.1",
     "style-loader": "^0.23.1",
     "tinycolor2": "^1.4.2",
     "use-clipboard-copy": "^0.2.0",