Merge pull request #201 from digital-go-jp/feature/upgrade-design-tokens

upgrade design tokens
digital-go-jp · Dec 9, 2024 · ce49f17 · ce49f17
2 parents d71282c + 76ba8d3
commit ce49f17
Show file tree

Hide file tree

Showing 6 changed files with 76 additions and 6 deletions.
diff --git a/examples/src/radius/RadiusSection.tsx b/examples/src/radius/RadiusSection.tsx
@@ -13,10 +13,18 @@ export const RadiusSection = () => {
           <div className={'h-32 w-32 bg-solid-gray-400 rounded-4'} />
           <span className='text-dns-14N-130'>4px</span>
         </div>
+        <div className='flex flex-col gap-2'>
+          <div className={'h-32 w-32 bg-solid-gray-400 rounded-6'} />
+          <span className='text-dns-14N-130'>6px</span>
+        </div>
         <div className='flex flex-col gap-2'>
           <div className={'h-32 w-32 bg-solid-gray-400 rounded-8'} />
           <span className='text-dns-14N-130'>8px</span>
         </div>
+        <div className='flex flex-col gap-2'>
+          <div className={'h-32 w-32 bg-solid-gray-400 rounded-12'} />
+          <span className='text-dns-14N-130'>12px</span>
+        </div>
         <div className='flex flex-col gap-2'>
           <div className={'h-32 w-32 bg-solid-gray-400 rounded-16'} />
           <span className='text-dns-14N-130'>16px</span>

diff --git a/examples/tailwind-theme-plugin/index.cjs.js b/examples/tailwind-theme-plugin/index.cjs.js
diff --git a/examples/tailwind-theme-plugin/index.es.js b/examples/tailwind-theme-plugin/index.es.js
@@ -4641,6 +4641,35 @@ var g = {
         "4"
       ]
     },
+    6: {
+      $type: "dimension",
+      $value: "0.375rem",
+      filePath: "figma/tokens.json",
+      isSource: !0,
+      $extensions: {
+        "studio.tokens": {
+          originalType: "borderRadius"
+        }
+      },
+      original: {
+        $type: "dimension",
+        $value: "6px",
+        $extensions: {
+          "studio.tokens": {
+            originalType: "borderRadius"
+          }
+        }
+      },
+      name: "BorderRadius6",
+      attributes: {
+        category: "BorderRadius",
+        type: "6"
+      },
+      path: [
+        "BorderRadius",
+        "6"
+      ]
+    },
     8: {
       $type: "dimension",
       $value: "0.5rem",
@@ -4670,6 +4699,35 @@ var g = {
         "8"
       ]
     },
+    12: {
+      $type: "dimension",
+      $value: "0.75rem",
+      filePath: "figma/tokens.json",
+      isSource: !0,
+      $extensions: {
+        "studio.tokens": {
+          originalType: "borderRadius"
+        }
+      },
+      original: {
+        $type: "dimension",
+        $value: "12px",
+        $extensions: {
+          "studio.tokens": {
+            originalType: "borderRadius"
+          }
+        }
+      },
+      name: "BorderRadius12",
+      attributes: {
+        category: "BorderRadius",
+        type: "12"
+      },
+      path: [
+        "BorderRadius",
+        "12"
+      ]
+    },
     16: {
       $type: "dimension",
       $value: "1rem",
@@ -5826,7 +5884,9 @@ const p = /* @__PURE__ */ s($), y = p(() => {
       },
       borderRadius: {
         4: e.BorderRadius[4].$value,
+        6: e.BorderRadius[6].$value,
         8: e.BorderRadius[8].$value,
+        12: e.BorderRadius[12].$value,
         16: e.BorderRadius[16].$value,
         24: e.BorderRadius[24].$value,
         32: e.BorderRadius[32].$value,

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -32,7 +32,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@digital-go-jp/design-tokens": "^1.0.0",
+    "@digital-go-jp/design-tokens": "^1.0.1",
     "@tsconfig/node20": "^20.1.4",
     "@types/node": "^22.9.1",
     "autoprefixer": "^10.4.20",

diff --git a/src/index.ts b/src/index.ts
@@ -620,7 +620,9 @@ const daPlugin = plugin(() => {}, {
       },
       borderRadius: {
         '4': tokens.BorderRadius[4].$value,
+        '6': tokens.BorderRadius[6].$value,
         '8': tokens.BorderRadius[8].$value,
+        '12': tokens.BorderRadius[12].$value,
         '16': tokens.BorderRadius[16].$value,
         '24': tokens.BorderRadius[24].$value,
         '32': tokens.BorderRadius[32].$value,