feat(tailwind): add new rounded-200 class

New class: rounded-200
kiwicom · Aug 29, 2024 · 9035430 · 9035430
1 parent 09a409e
commit 9035430
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/packages/orbit-tailwind-preset/src/__fixtures__/BorderRadius.tsx b/packages/orbit-tailwind-preset/src/__fixtures__/BorderRadius.tsx
@@ -6,6 +6,7 @@ const BorderRadius = () => {
       <div className="rounded-50">50</div>
       <div className="rounded-100">100</div>
       <div className="rounded-150">150</div>
+      <div className="rounded-200">200</div>
       <div className="rounded-300">300</div>
       <div className="rounded-400">400</div>
       <div className="rounded-none">none</div>

diff --git a/packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap b/packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap
@@ -212,6 +212,7 @@ exports[`orbitPreset should have preflight disabled 1`] = `
         "borderRadius": {
           "100": "4px",
           "150": "6px",
+          "200": "8px",
           "300": "12px",
           "400": "16px",
           "50": "2px",
@@ -1078,6 +1079,7 @@ exports[`orbitPreset should have preflight disabled 1`] = `
     "borderRadius": {
       "100": "4px",
       "150": "6px",
+      "200": "8px",
       "300": "12px",
       "400": "16px",
       "50": "2px",

diff --git a/packages/orbit-tailwind-preset/src/foundation/getTailwindTheme.ts b/packages/orbit-tailwind-preset/src/foundation/getTailwindTheme.ts
@@ -156,6 +156,7 @@ const getTailwindTheme = (theme: typeof defaultTokens) => {
       50: defaultFoundation.borderRadius["50"],
       100: defaultFoundation.borderRadius["100"],
       150: defaultFoundation.borderRadius["150"],
+      200: defaultFoundation.borderRadius["200"],
       300: defaultFoundation.borderRadius["300"],
       400: defaultFoundation.borderRadius["400"],
       none: defaultFoundation.borderRadius.none,