@narmi/design_system 4.20.1 → 4.22.0

package/dist/tokens/css/rgbColors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 08 May 2025 21:24:18 GMT
+ * Generated on Fri, 09 May 2025 14:25:28 GMT
  */
 
 :root {
@@ -18,6 +18,7 @@
   --rgb-pistachio: 181, 233, 149;
   --rgb-cactus: 127, 188, 91;
   --rgb-sand: 220, 193, 162;
+  --rgb-amethyst: 85, 20, 184;
   --rgb-black: 51, 51, 51;
   --rgb-grey: 76, 76, 76;
   --rgb-mediumGrey: 140, 140, 140;

package/dist/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 08 May 2025 21:24:18 GMT
+ * Generated on Fri, 09 May 2025 14:25:28 GMT
  */
 
 :root {
@@ -46,6 +46,7 @@
   --color-mediumGrey: #8c8c8c;
   --color-grey: #4c4c4c;
   --color-black: #333333;
+  --color-amethyst: #5514b8;
   --color-sand800: #fcf0e9;
   --color-sand700: #f4e3d6;
   --color-sand600: #eed6c3;

package/dist/tokens/js/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 08 May 2025 21:24:18 GMT
+ * Generated on Fri, 09 May 2025 14:25:28 GMT
  */
 
 module.exports = {
@@ -78,6 +78,7 @@ module.exports = {
   "ColorNarmiSand700": "#f4e3d6",
   "ColorNarmiSand800": "#fcf0e9",
   "ColorNarmiSand": "#dcc1a2",
+  "ColorNarmiAmethyst": "#5514b8",
   "ColorNarmiBlack": "#333333",
   "ColorNarmiGrey": "#4c4c4c",
   "ColorNarmiMediumGrey": "#8c8c8c",

package/dist/tokens/js/manifest.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 08 May 2025 21:24:18 GMT
+ * Generated on Fri, 09 May 2025 14:25:28 GMT
  */
 
 module.exports = {
@@ -1614,6 +1614,25 @@ module.exports = {
           "sand"
         ]
       },
+      "amethyst": {
+        "value": "#5514b8",
+        "filePath": "/home/runner/work/design_system/design_system/tokens/src/color/narmi.json",
+        "isSource": true,
+        "original": {
+          "value": "#5514B8"
+        },
+        "name": "color-amethyst",
+        "attributes": {
+          "category": "color",
+          "type": "narmi",
+          "item": "amethyst"
+        },
+        "path": [
+          "color",
+          "narmi",
+          "amethyst"
+        ]
+      },
       "black": {
         "value": "#333333",
         "filePath": "/home/runner/work/design_system/design_system/tokens/src/color/narmi.json",

package/dist/tokens/js/reactNativeWeb.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Thu May 08 2025 21:24:18 GMT+0000 (Coordinated Universal Time)
+* Generated by style-dictionary on Fri May 09 2025 14:25:28 GMT+0000 (Coordinated Universal Time)
 * github.com/narmi/design_system/
 */
 
@@ -104,6 +104,7 @@ const tokens = {
       "sand700": "#F4E3D6",
       "sand800": "#FCF0E9",
       "sand": "#DCC1A2",
+      "amethyst": "#5514B8",
       "black": "#333333",
       "grey": "#4C4C4C",
       "mediumGrey": "#8C8C8C",

package/dist/tokens/json/tokens.json

@@ -97,6 +97,7 @@
       "sand700": "#F4E3D6",
       "sand800": "#FCF0E9",
       "sand": "#DCC1A2",
+      "amethyst": "#5514B8",
       "black": "#333333",
       "grey": "#4C4C4C",
       "mediumGrey": "#8C8C8C",

package/dist/types/Avatar/index.d.ts

@@ -3,6 +3,8 @@ export interface AvatarProps {
     label: string;
     /** Fixed height and width of the avatar. Default: "s". */
     size?: "xs" | "s" | "m";
+    /** Style variant of avatar */
+    kind?: "primary" | "tonal";
     /** String to display in the avatar. If imgurl is provided, this will be ignored. */
     initials?: string;
     /** Optional: URL of the image to display in the avatar. If provided, initials will be ignored. */
@@ -10,6 +12,6 @@ export interface AvatarProps {
     /** Optional: URL to navigate to when the avatar is clicked */
     linkurl?: string;
 }
-declare const Avatar: ({ label, size, initials, imgurl, linkurl, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Avatar: ({ label, size, kind, initials, imgurl, linkurl, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export default Avatar;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/Avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Avatar/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;IACxB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kGAAkG;IAClG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,MAAM,gDAMT,WAAW,4CAwBb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Avatar/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;IACxB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kGAAkG;IAClG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,MAAM,sDAOT,WAAW,4CAwBb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@narmi/design_system",
-  "version": "4.20.1",
+  "version": "4.22.0",
   "description": "⚡ A consistent look-and-feel and extensible interface for Narmi experiences 🔥",
   "main": "dist/index.js",
   "files": [