@sp-design/tokenをアップデート

uzabase · Nov 6, 2024 · 958eb88 · 958eb88
1 parent 89dbf83
commit 958eb88
Show file tree

Hide file tree

Showing 8 changed files with 14 additions and 14 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@sp-design/token": "git+https://github.com/uzabase/sp-design-token.git#semver:^6.0.1",
+    "@sp-design/token": "git+https://github.com/uzabase/sp-design-token.git#semver:^8.0.0",
     "@ub-design/components-web-components": "git+https://github.com/uzabase/ub-design-components-web-components.git#semver:^0.1.1"
   },
   "devDependencies": {

diff --git a/src/components/checkbox/checkbox-list.css b/src/components/checkbox/checkbox-list.css
@@ -15,7 +15,7 @@
 }
 
 .base:has(.input:focus-visible) {
-  outline: 2px solid var(--color-semantic-text-body-regular);
+  outline: 2px solid var(--color-semantic-text-regular);
   outline-offset: 2px;
 }
 
@@ -33,7 +33,7 @@
 
 .text {
   padding-block-start: 2.5px;
-  color: var(--color-semantic-text-body-regular);
+  color: var(--color-semantic-text-regular);
   font-size: 12px;
   line-height: 1.6;
 }

diff --git a/src/components/checkbox/checkbox-text.css b/src/components/checkbox/checkbox-text.css
@@ -12,7 +12,7 @@
 }
 
 .base:has(.input:focus-visible) {
-  outline: 2px solid var(--color-semantic-text-body-regular);
+  outline: 2px solid var(--color-semantic-text-regular);
   outline-offset: 2px;
 }
 
@@ -22,7 +22,7 @@
 
 .text {
   padding-block-start: 2.5px;
-  color: var(--color-semantic-text-body-regular);
+  color: var(--color-semantic-text-regular);
   font-size: 12px;
   line-height: 1.6;
 }

diff --git a/src/components/checkbox/checkbox.css b/src/components/checkbox/checkbox.css
@@ -3,7 +3,7 @@
 }
 
 .base:has(.input:focus-visible) {
-  outline: 2px solid var(--color-semantic-text-body-regular);
+  outline: 2px solid var(--color-semantic-text-regular);
   outline-offset: 2px;
 }
 

diff --git a/src/components/radio/radio-button-text-group.css b/src/components/radio/radio-button-text-group.css
@@ -28,7 +28,7 @@
 }
 
 .text {
-  color: var(--color-semantic-text-body-regular);
+  color: var(--color-semantic-text-regular);
   font-size: 12px;
   line-height: 1.6;
   padding-block: 2.5px;

diff --git a/src/components/segmentedControl/segmented-control.css b/src/components/segmentedControl/segmented-control.css
@@ -41,7 +41,7 @@
   background-color: var(--color-semantic-surface-regular-2);
   border: 1px solid var(--color-semantic-border-regular);
   border-right: none;
-  color: var(--color-semantic-text-body-semi-weak);
+  color: var(--color-semantic-text-weak);
   font-size: 10px;
   line-height: 1.6;
   text-align: center;

diff --git a/src/components/tab/tab.css b/src/components/tab/tab.css
@@ -20,7 +20,7 @@
   padding: 2px 16px;
   justify-content: center;
   align-items: center;
-  color: var(--color-semantic-text-body-regular);
+  color: var(--color-semantic-text-regular);
   font-size:14px;
   border-radius: 14px;
   min-height: 28px;