@duetds/tokens - npm Package Compare versions

Comparing version 3.0.57 to 3.0.58

lib/tokens.common.js

@@ -79,2 +79,4 @@ module.exports = {
   radiusDefault: "4px",
+  radiusMedium: "8px",
+  radiusLarge: "20px",
   radiusCircle: "50%",
@@ -81,0 +83,0 @@ radiusPill: "20rem",

lib/tokens.d.ts

@@ -98,2 +98,4 @@ export type DuetColor = "brand-blue" | "brand-gray-turva" | "category-family" | "category-family-turva" | "category-finance" | "category-home" | "category-home-turva" | "category-pet" | "category-travel" | "category-travel-turva" | "category-union-turva" | "category-vehicle" | "category-vehicle-turva" | "danger" | "danger-turva" | "data-01" | "data-02" | "data-03" | "data-04" | "data-05" | "data-06" | "data-07" | "data-08" | "data-09" | "data-10" | "data-11" | "data-12" | "data-13" | "data-14" | "data-15" | "gray" | "gray-dark" | "gray-dark-turva" | "gray-darker" | "gray-darker-turva" | "gray-light" | "gray-light-turva" | "gray-lighter" | "gray-lighter-turva" | "gray-lightest" | "gray-lightest-turva" | "gray-turva" | "primary" | "primary-dark" | "primary-dark-turva" | "primary-light" | "primary-light-turva" | "primary-lighter" | "primary-lighter-turva" | "primary-lightest" | "primary-lightest-turva" | "primary-turva" | "secondary" | "secondary-turva" | "success" | "success-turva" | "warning" | "warning-turva";
 export declare const radiusDefault = "4px";
+export declare const radiusLarge = "20px";
+export declare const radiusMedium = "8px";
 export declare const radiusPill = "20rem";
@@ -100,0 +102,0 @@ export declare const radiusSharp = "0";

lib/tokens.figma.json

@@ -171,2 +171,12 @@ {
       },
+      "medium": {
+        "value": "8px",
+        "type": "borderRadius",
+        "description": "Medium border-radius is used in cards, small containers (e.g. menu component) and small images."
+      },
+      "large": {
+        "value": "20px",
+        "type": "borderRadius",
+        "description": "Large border-radius is used in marketing container, banners and big images."
+      },
       "circle": {
@@ -173,0 +183,0 @@ "value": "50%",

lib/tokens.ios.json

@@ -803,2 +803,20 @@ {
       "category": "border-radius",
+      "value": "8px",
+      "title": "Border Radius: Medium",
+      "description": "Medium border-radius is used in cards, small containers (e.g. menu component) and small images.",
+      "status": "review",
+      "name": "radiusMedium"
+    },
+    {
+      "type": "number",
+      "category": "border-radius",
+      "value": "20px",
+      "title": "Border Radius: Large",
+      "description": "Large border-radius is used in marketing container, banners and big images.",
+      "status": "review",
+      "name": "radiusLarge"
+    },
+    {
+      "type": "number",
+      "category": "border-radius",
       "value": "50%",
@@ -805,0 +823,0 @@ "title": "Border Radius: Circle",

lib/tokens.json

@@ -79,2 +79,4 @@ {
   "radius_default": "4px",
+  "radius_medium": "8px",
+  "radius_large": "20px",
   "radius_circle": "50%",
@@ -81,0 +83,0 @@ "radius_pill": "20rem",

lib/tokens.module.js

@@ -78,2 +78,4 @@ export const colorWarning = "rgb(247, 178, 40)";
 export const radiusDefault = "4px";
+export const radiusMedium = "8px";
+export const radiusLarge = "20px";
 export const radiusCircle = "50%";
@@ -80,0 +82,0 @@ export const radiusPill = "20rem";

lib/tokens.raw.json

@@ -887,2 +887,22 @@ {
     },
+    "radius_medium": {
+      "type": "number",
+      "category": "border-radius",
+      "value": "8px",
+      "title": "Border Radius: Medium",
+      "description": "Medium border-radius is used in cards, small containers (e.g. menu component) and small images.",
+      "status": "review",
+      "originalValue": "8px",
+      "name": "radius_medium"
+    },
+    "radius_large": {
+      "type": "number",
+      "category": "border-radius",
+      "value": "20px",
+      "title": "Border Radius: Large",
+      "description": "Large border-radius is used in marketing container, banners and big images.",
+      "status": "review",
+      "originalValue": "20px",
+      "name": "radius_large"
+    },
     "radius_circle": {
@@ -889,0 +909,0 @@ "type": "number",

package.json

 {
   "name": "@duetds/tokens",
-  "version": "3.0.57",
+  "version": "3.0.58",
   "description": "This package includes Duet Design Tokens and related utilities.",
@@ -44,3 +44,3 @@ "bugs": {
   },
-  "gitHead": "f71ae988af14cef853fffa17862433d9ba49942d"
+  "gitHead": "9147adce7bc7cd0630dd46669a9e719b2ffdcf94"
 }

No alert changes

Improved metrics

Total package byte prevSize

224144

increased by1.04%

Lines of code

4783

increased by1.23%

No dependency changes