@seed-design/css 1.0.5 → 1.0.6

package/all.css

@@ -1366,8 +1366,8 @@
 }
 
 .seed-app-bar__icon--theme_cupertino {
-  width: 24px;
-  height: 24px;
+  width: var(--seed-icon-size, 24px);
+  height: var(--seed-icon-size, 24px);
 }
 
 .seed-app-bar__root--theme_android {
@@ -1390,8 +1390,8 @@
 }
 
 .seed-app-bar__icon--theme_android {
-  width: 24px;
-  height: 24px;
+  width: var(--seed-icon-size, 24px);
+  height: var(--seed-icon-size, 24px);
 }
 
 .seed-app-bar__left--theme_android {
@@ -1557,7 +1557,7 @@
 }
 
 .seed-app-bar__icon--tone_layer {
-  color: var(--seed-color-fg-neutral);
+  color: var(--seed-icon-color, var(--seed-color-fg-neutral));
 }
 
 .seed-app-bar__root--tone_transparent:before {
@@ -1565,7 +1565,7 @@
 }
 
 .seed-app-bar__icon--tone_transparent {
-  color: var(--seed-color-palette-static-white);
+  color: var(--seed-icon-color, var(--seed-color-palette-static-white));
 }
 
 .seed-app-bar__root--divider_true:before {
@@ -1585,16 +1585,19 @@
 .seed-app-bar-main__title--layout_titleOnly {
   font-size: var(--seed-font-size-t6-static);
   font-weight: var(--seed-font-weight-bold);
+  line-height: var(--seed-line-height-t6-static);
 }
 
 .seed-app-bar-main__title--layout_withSubtitle {
   font-size: var(--seed-font-size-t5-static);
   font-weight: var(--seed-font-weight-bold);
+  line-height: var(--seed-line-height-t5-static);
 }
 
 .seed-app-bar-main__subtitle--layout_withSubtitle {
   font-size: var(--seed-font-size-t2-static);
   font-weight: var(--seed-font-weight-regular);
+  line-height: var(--seed-line-height-t2-static);
 }
 
 .seed-app-bar-main__root--theme_cupertino {
@@ -2007,6 +2010,21 @@
   padding-bottom: var(--seed-safe-area-bottom);
 }
 
+.seed-article {
+  user-select: text;
+  word-break: normal;
+  overflow-wrap: break-word;
+  line-break: strict;
+}
+
+.seed-article:lang(ko) {
+  word-break: keep-all;
+}
+
+.seed-article::selection {
+  background-color: var(--seed-color-palette-carrot-300);
+}
+
 .seed-avatar__root {
   box-sizing: border-box;
   vertical-align: top;
@@ -5717,6 +5735,7 @@
 .seed-switch__label {
   font-weight: var(--seed-font-weight-medium);
   color: var(--seed-color-fg-neutral);
+  transition: opacity var(--seed-duration-d1) var(--seed-timing-function-easing);
 }
 
 .seed-switch__label:is(:disabled, [disabled], [data-disabled]) {
@@ -5764,7 +5783,7 @@
   border-radius: var(--seed-radius-full);
   background: var(--seed-color-palette-gray-600);
   margin: var(--switch-mark-margin-top, 0) 0;
-  transition: background-color 50ms cubic-bezier(.35, 0, .35, 1) 20ms;
+  transition: background-color var(--seed-duration-d1) var(--seed-timing-function-easing) 20ms, opacity var(--seed-duration-d1) var(--seed-timing-function-easing);
   display: block;
   position: relative;
 }
@@ -5775,7 +5794,8 @@
 
 .seed-switch-mark__thumb {
   border-radius: var(--seed-radius-full);
-  transition: transform .15s cubic-bezier(.35, 0, .35, 1);
+  transition: transform var(--seed-duration-d3) var(--seed-timing-function-easing), background-color var(--seed-duration-d1) var(--seed-timing-function-easing) 20ms;
+  transform: scale(.8);
 }
 
 .seed-switch-mark__root--tone_neutral:is(:checked, [data-checked]) {
@@ -5814,7 +5834,7 @@
 }
 
 .seed-switch-mark__thumb--size_16:is(:checked, [data-checked]) {
-  transform: translateX(10px);
+  transform: scale(1)translateX(10px);
 }
 
 .seed-switch-mark__root--size_24 {
@@ -5826,11 +5846,10 @@
 .seed-switch-mark__thumb--size_24 {
   width: 20px;
   height: 20px;
-  box-shadow: 0 3px 8px #00000026, 0 1px 3px #0000000f;
 }
 
 .seed-switch-mark__thumb--size_24:is(:checked, [data-checked]) {
-  transform: translateX(14px);
+  transform: scale(1)translateX(14px);
 }
 
 .seed-switch-mark__root--size_32 {
@@ -5842,11 +5861,10 @@
 .seed-switch-mark__thumb--size_32 {
   width: 26px;
   height: 26px;
-  box-shadow: 0 3px 8px #00000026, 0 1px 3px #0000000f;
 }
 
 .seed-switch-mark__thumb--size_32:is(:checked, [data-checked]) {
-  transform: translateX(20px);
+  transform: scale(1)translateX(20px);
 }
 
 .seed-tabs__root {
@@ -6042,17 +6060,107 @@
   top: 0;
 }
 
+.seed-tag-group__root {
+  flex-wrap: wrap;
+  align-items: center;
+  display: inline-flex;
+}
+
+.seed-tag-group__separator {
+  color: var(--seed-color-palette-gray-600);
+  font-weight: var(--seed-font-weight-regular);
+  white-space: pre;
+  user-select: none;
+}
+
+.seed-tag-group__separator--size_t2 {
+  font-size: var(--seed-font-size-t2);
+  line-height: var(--seed-line-height-t2);
+}
+
+.seed-tag-group__separator--size_t3 {
+  font-size: var(--seed-font-size-t3);
+  line-height: var(--seed-line-height-t3);
+}
+
+.seed-tag-group__separator--size_t4 {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+}
+
+.seed-tag-group-item {
+  align-items: center;
+  gap: var(--seed-dimension-x0_5);
+  display: flex;
+}
+
+.seed-tag-group-item--size_t2 {
+  font-size: var(--seed-font-size-t2);
+  line-height: var(--seed-line-height-t2);
+  --seed-icon-size: var(--seed-dimension-x3);
+  --seed-prefix-icon-size: var(--seed-dimension-x3);
+  --seed-suffix-icon-size: var(--seed-dimension-x3);
+}
+
+.seed-tag-group-item--size_t3 {
+  font-size: var(--seed-font-size-t3);
+  line-height: var(--seed-line-height-t3);
+  --seed-icon-size: 13px;
+  --seed-prefix-icon-size: 13px;
+  --seed-suffix-icon-size: 13px;
+}
+
+.seed-tag-group-item--size_t4 {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  --seed-icon-size: var(--seed-dimension-x3_5);
+  --seed-prefix-icon-size: var(--seed-dimension-x3_5);
+  --seed-suffix-icon-size: var(--seed-dimension-x3_5);
+}
+
+.seed-tag-group-item--weight_regular {
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-tag-group-item--weight_bold {
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-tag-group-item--tone_neutralSubtle {
+  color: var(--seed-color-fg-neutral-subtle);
+  --seed-icon-color: var(--seed-color-fg-neutral-subtle);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral-subtle);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral-subtle);
+}
+
+.seed-tag-group-item--tone_neutral {
+  color: var(--seed-color-fg-neutral);
+  --seed-icon-color: var(--seed-color-fg-neutral);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral);
+}
+
+.seed-tag-group-item--tone_brand {
+  color: var(--seed-color-fg-brand);
+  --seed-icon-color: var(--seed-color-fg-brand);
+  --seed-prefix-icon-color: var(--seed-color-fg-brand);
+  --seed-suffix-icon-color: var(--seed-color-fg-brand);
+}
+
 .seed-text {
-  text-align: var(--seed-text-align);
   color: var(--seed-text-color);
   font-size: var(--seed-font-size);
-  line-height: var(--seed-line-height);
   font-weight: var(--seed-font-weight);
+  line-height: var(--seed-line-height);
+  text-align: var(--seed-text-align);
+  user-select: var(--seed-user-select);
   --seed-text-color: inherit;
   --seed-font-size: inherit;
-  --seed-line-height: inherit;
   --seed-font-weight: inherit;
+  --seed-line-height: inherit;
   --seed-text-align: inherit;
+  --seed-user-select: inherit;
+  --seed-white-space: inherit;
   --seed-max-lines: initial;
   margin: 0;
 }
@@ -6217,7 +6325,7 @@
   overflow: unset;
   min-width: unset;
   text-overflow: unset;
-  white-space: unset;
+  white-space: var(--seed-white-space);
   -webkit-line-clamp: unset;
 }
 
@@ -6248,6 +6356,10 @@
   text-decoration-line: line-through;
 }
 
+.seed-text--textDecorationLine_underline {
+  text-decoration-line: underline;
+}
+
 .seed-text-field__root {
   flex-direction: column;
   width: 100%;