Merge pull request #71 from digital-go-jp/develop

0.1.14

README.md

@@ -30,5 +30,4 @@ $ npm install @digital-go-jp/tailwind-theme-plugin
 
 | Figma のバージョン | npm のバージョン |
 | ------------------ | ---------------- |
-| 1.4.1              | 0.1.13           |
-| 1.4.0              | 0.0.22           |
+| 1.4.1              | 0.1.14           |

biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.6.3/schema.json",
+  "$schema": "https://biomejs.dev/schemas/1.7.2/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",

examples/biome.json

@@ -1,4 +1,3 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.6.1/schema.json",
   "extends": ["../biome.json"]
 }

examples/package.json

@@ -12,18 +12,18 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.6.1",
-    "@types/react": "^18.2.65",
-    "@types/react-dom": "^18.2.21",
+    "@biomejs/biome": "^1.7.2",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.18",
-    "postcss": "^8.4.35",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5.4.2",
-    "vite": "^5.1.6"
+    "autoprefixer": "^10.4.19",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.10"
   }
 }

examples/src/color/Colors.tsx

@@ -10,7 +10,7 @@ export const Colors = (props: Props) => {
     <section className='flex flex-col gap-4'>
       <h3 className='text-std-24B-5'>{title}</h3>
       <div className='flex flex-wrap gap-8'>
-        {colorClasses.map(colorClass => {
+        {colorClasses.map((colorClass) => {
           return (
             <div className='flex flex-col gap-2 c' key={colorClass}>
               <div className={`h-14 w-14 ${colorClass}`} />

examples/src/typography/TypographySection.tsx

@@ -4,6 +4,11 @@ export const TypographySection = () => {
       <h2 className='font-bold text-2xl'>Typography</h2>
 
       <div className='flex flex-col gap-4'>
+        <p className='text-dsp-64N-4'>dsp-64N-4 デザインシステム</p>
+        <p className='text-dsp-57N-4'>std-57N-4 デザインシステム</p>
+        <p className='text-dsp-48N-4'>std-48N-4 デザインシステム</p>
+
+        <hr />
         <p className='text-std-45B-4'>std-45B-4 デザインシステム</p>
         <p className='text-std-36B-4'>std-36B-4 デザインシステム</p>
         <p className='text-std-32B-5'>std-32B-5 デザインシステム</p>