@duetds/tokens - npm Package Compare versions

Comparing version 4.0.39 to 4.0.40

lib/tokens.common.js

@@ -80,2 +80,3 @@ module.exports = {
   radiusMedium: "8px",
+  radiusIntermediate: "12px",
   radiusLarge: "16px",
@@ -82,0 +83,0 @@ radiusCircle: "50%",

lib/tokens.d.ts

@@ -98,2 +98,3 @@ 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 radiusIntermediate = "12px";
 export declare const radiusLarge = "16px";
@@ -100,0 +101,0 @@ export declare const radiusMedium = "8px";

lib/tokens.figma.json

@@ -176,2 +176,7 @@ {
       },
+      "intermediate": {
+        "value": "12px",
+        "type": "borderRadius",
+        "description": "Intermediate border-radius is in some interactive UI elements and when medium is not enough and large is too much."
+      },
       "large": {
@@ -178,0 +183,0 @@ "value": "16px",

lib/tokens.ios.json

@@ -812,2 +812,11 @@ {
       "category": "border-radius",
+      "value": "12px",
+      "title": "Border Radius: Intermediate",
+      "description": "Intermediate border-radius is in some interactive UI elements and when medium is not enough and large is too much.",
+      "status": "review",
+      "name": "radiusIntermediate"
+    },
+    {
+      "type": "number",
+      "category": "border-radius",
       "value": "16px",
@@ -814,0 +823,0 @@ "title": "Border Radius: Large",

lib/tokens.json

@@ -80,2 +80,3 @@ {
   "radius_medium": "8px",
+  "radius_intermediate": "12px",
   "radius_large": "16px",
@@ -82,0 +83,0 @@ "radius_circle": "50%",

lib/tokens.module.js

@@ -79,2 +79,3 @@ export const colorWarning = "rgb(247, 178, 40)";
 export const radiusMedium = "8px";
+export const radiusIntermediate = "12px";
 export const radiusLarge = "16px";
@@ -81,0 +82,0 @@ export const radiusCircle = "50%";

package.json

 {
   "name": "@duetds/tokens",
-  "version": "4.0.39",
+  "version": "4.0.40",
   "description": "This package includes Duet Design Tokens and related utilities.",
@@ -43,3 +43,3 @@ "bugs": {
   },
-  "gitHead": "765057aa3e396ccc07deed7d34a88a97dd69d9ea"
+  "gitHead": "77f1437ba33bbd1de350f8fff365ce79c67f0dcd"
 }

No alert changes

Improved metrics

Total package byte prevSize

240507

increased by0.56%

Lines of code

5177

increased by0.56%

No dependency changes