From 09a409e51579ee8daa796a4b7d645efe56a7fe01 Mon Sep 17 00:00:00 2001 From: Sarka Chwastkova Date: Wed, 28 Aug 2024 09:56:41 +0300 Subject: [PATCH] feat(Box): add new value for borderRadius 200 prop New possible value: "200" --- packages/orbit-components/src/Box/README.md | 1 + .../orbit-components/src/Box/TYPESCRIPT_TEMPLATE.template | 1 + packages/orbit-components/src/Box/__tests__/index.test.tsx | 1 + .../orbit-components/src/Box/helpers/tailwindClasses.ts | 7 +++++++ packages/orbit-components/src/Box/types.d.ts | 1 + 5 files changed, 11 insertions(+) diff --git a/packages/orbit-components/src/Box/README.md b/packages/orbit-components/src/Box/README.md index 163ef8b53e..ab53c86cd2 100644 --- 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 index 87484d7c96..04493b003c 100644 --- 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 index 207f46aec3..9d0cdcd3c2 100644 --- 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 index a8375c3726..c354ab846d 100644 --- 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 index 988c134b8f..d72b74bb2d 100644 --- 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";