feat(Box): add new value for borderRadius 200 prop

New possible value: "200"
kiwicom · Aug 29, 2024 · 09a409e · 09a409e
1 parent 824ab1b
commit 09a409e
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 0 deletions.
diff --git a/packages/orbit-components/src/Box/README.md b/packages/orbit-components/src/Box/README.md
@@ -129,6 +129,7 @@ All this properties - objects have the some own properties and none is required.
 | `"50"`                                     |
 | `"100"`                                    |
 | `"150"`                                    |
+| `"200"`                                    |
 | `"300"`                                    |
 | `"400"`                                    |
 

diff --git a/packages/orbit-components/src/Box/TYPESCRIPT_TEMPLATE.template b/packages/orbit-components/src/Box/TYPESCRIPT_TEMPLATE.template
@@ -104,6 +104,7 @@ export interface Props extends Common.Globals {
     | "50"
     | "100"
     | "150"
+    | "200"
     | "300"
     | "400";
   readonly overflow?: "auto" | "hidden" | "scroll" | "visible";

diff --git a/packages/orbit-components/src/Box/__tests__/index.test.tsx b/packages/orbit-components/src/Box/__tests__/index.test.tsx
@@ -19,6 +19,7 @@ const BORDER_RADIUS: { [K in BORDER_RADIUS_KEYS]: string } = {
   50: theme.orbit.borderRadius50,
   100: theme.orbit.borderRadius100,
   150: theme.orbit.borderRadius150,
+  200: theme.orbit.borderRadius200,
   300: theme.orbit.borderRadius300,
   400: theme.orbit.borderRadius400,
   none: theme.orbit.borderRadiusNone,

diff --git a/packages/orbit-components/src/Box/helpers/tailwindClasses.ts b/packages/orbit-components/src/Box/helpers/tailwindClasses.ts
@@ -144,6 +144,7 @@ export enum BORDER_RADIUS {
   FIFTY = "50",
   ONE_HUNDRED = "100",
   ONE_HUNDRED_FIFTY = "150",
+  TWO_HUNDRED = "200",
   THREE_HUNDRED = "300",
   FOUR_HUNDRED = "400",
 }
@@ -160,6 +161,7 @@ export const borderRadiusClasses: {
   [BORDER_RADIUS.FIFTY]: "rounded-50",
   [BORDER_RADIUS.ONE_HUNDRED]: "rounded-100",
   [BORDER_RADIUS.ONE_HUNDRED_FIFTY]: "rounded-150",
+  [BORDER_RADIUS.TWO_HUNDRED]: "rounded-200",
   [BORDER_RADIUS.THREE_HUNDRED]: "rounded-300",
   [BORDER_RADIUS.FOUR_HUNDRED]: "rounded-400",
   [QUERIES.LARGEDESKTOP]: {
@@ -172,6 +174,7 @@ export const borderRadiusClasses: {
     [BORDER_RADIUS.FIFTY]: "ld:rounded-50",
     [BORDER_RADIUS.ONE_HUNDRED]: "ld:rounded-100",
     [BORDER_RADIUS.ONE_HUNDRED_FIFTY]: "ld:rounded-150",
+    [BORDER_RADIUS.TWO_HUNDRED]: "ld:rounded-200",
     [BORDER_RADIUS.THREE_HUNDRED]: "ld:rounded-300",
     [BORDER_RADIUS.FOUR_HUNDRED]: "ld:rounded-400",
   },
@@ -185,6 +188,7 @@ export const borderRadiusClasses: {
     [BORDER_RADIUS.FIFTY]: "de:rounded-50",
     [BORDER_RADIUS.ONE_HUNDRED]: "de:rounded-100",
     [BORDER_RADIUS.ONE_HUNDRED_FIFTY]: "de:rounded-150",
+    [BORDER_RADIUS.TWO_HUNDRED]: "de:rounded-200",
     [BORDER_RADIUS.THREE_HUNDRED]: "de:rounded-300",
     [BORDER_RADIUS.FOUR_HUNDRED]: "de:rounded-400",
   },
@@ -198,6 +202,7 @@ export const borderRadiusClasses: {
     [BORDER_RADIUS.FIFTY]: "tb:rounded-50",
     [BORDER_RADIUS.ONE_HUNDRED]: "tb:rounded-100",
     [BORDER_RADIUS.ONE_HUNDRED_FIFTY]: "tb:rounded-150",
+    [BORDER_RADIUS.TWO_HUNDRED]: "tb:rounded-200",
     [BORDER_RADIUS.THREE_HUNDRED]: "tb:rounded-300",
     [BORDER_RADIUS.FOUR_HUNDRED]: "tb:rounded-400",
   },
@@ -211,6 +216,7 @@ export const borderRadiusClasses: {
     [BORDER_RADIUS.FIFTY]: "lm:rounded-50",
     [BORDER_RADIUS.ONE_HUNDRED]: "lm:rounded-100",
     [BORDER_RADIUS.ONE_HUNDRED_FIFTY]: "lm:rounded-150",
+    [BORDER_RADIUS.TWO_HUNDRED]: "lm:rounded-200",
     [BORDER_RADIUS.THREE_HUNDRED]: "lm:rounded-300",
     [BORDER_RADIUS.FOUR_HUNDRED]: "lm:rounded-400",
   },
@@ -224,6 +230,7 @@ export const borderRadiusClasses: {
     [BORDER_RADIUS.FIFTY]: "mm:rounded-50",
     [BORDER_RADIUS.ONE_HUNDRED]: "mm:rounded-100",
     [BORDER_RADIUS.ONE_HUNDRED_FIFTY]: "mm:rounded-150",
+    [BORDER_RADIUS.TWO_HUNDRED]: "mm:rounded-200",
     [BORDER_RADIUS.THREE_HUNDRED]: "mm:rounded-300",
     [BORDER_RADIUS.FOUR_HUNDRED]: "mm:rounded-400",
   },

diff --git a/packages/orbit-components/src/Box/types.d.ts b/packages/orbit-components/src/Box/types.d.ts
@@ -181,6 +181,7 @@ export interface Props extends Common.Globals {
     | "50"
     | "100"
     | "150"
+    | "200"
     | "300"
     | "400";
   readonly overflow?: "auto" | "hidden" | "scroll" | "visible";
-Original file line number
+Diff line change
@@ Expand Up / @@ -104,6 +104,7 @@ export interface Props extends Common.Globals { @@
         | "50"
         | "100"
         | "150"
+        | "200"
         | "300"
         | "400";
       readonly overflow?: "auto" | "hidden" | "scroll" | "visible";
@@ Expand Down @@