@seed-design/css 0.2.1 → 0.2.4

package/all.css

@@ -639,8 +639,8 @@
   --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-600);
   --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
   --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
-  --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-600);
-  --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-700);
+  --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-800);
+  --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-900);
   --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
   --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
   --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
@@ -2305,7 +2305,7 @@
 
 .seed-badge__root--tone_warning-variant_solid {
   background-color: var(--seed-color-bg-warning-solid);
-  color: var(--seed-color-fg-neutral);
+  color: var(--seed-color-palette-static-black-alpha-900);
 }
 
 .seed-badge__root--tone_warning-variant_outline {
@@ -2648,13 +2648,52 @@
   cursor: not-allowed;
 }
 
-.seed-checkbox__control {
+.seed-checkbox__label {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-checkbox__label:is(:disabled, [disabled], [data-disabled]) {
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-checkbox__label--weight_regular {
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-checkbox__label--weight_bold {
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-checkbox__root--size_large {
+  min-height: var(--seed-dimension-x9);
+  --checkmark-margin-top: calc((var(--seed-dimension-x9)  - var(--seed-dimension-x6)) / 2);
+}
+
+.seed-checkbox__label--size_large {
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  margin-block-start: calc(18px - .65625rem);
+}
+
+.seed-checkbox__root--size_medium {
+  min-height: var(--seed-dimension-x8);
+  --checkmark-margin-top: calc((var(--seed-dimension-x8)  - var(--seed-dimension-x5)) / 2);
+}
+
+.seed-checkbox__label--size_medium {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  margin-block-start: calc(16px - .59375rem);
+}
+
+.seed-checkmark__root {
   box-sizing: border-box;
+  margin-top: var(--checkmark-margin-top, 0);
   flex-shrink: 0;
   position: relative;
 }
 
-.seed-checkbox__icon {
+.seed-checkmark__icon {
   content: "";
   text-align: center;
   overflow: initial;
@@ -2664,139 +2703,114 @@
   inset: 0;
 }
 
-.seed-checkbox__label {
-  color: var(--seed-color-fg-neutral);
-}
-
-.seed-checkbox__label--weight_default {
-  font-weight: var(--seed-font-weight-regular);
-}
-
-.seed-checkbox__label--weight_stronger {
-  font-weight: var(--seed-font-weight-bold);
-}
-
-.seed-checkbox__control--variant_square {
+.seed-checkmark__root--variant_square {
   border-style: solid;
   border-width: 1px;
   border-color: var(--seed-color-stroke-neutral-weak);
 }
 
-.seed-checkbox__control--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
-  background: var(--seed-color-bg-brand-solid);
+.seed-checkmark__root--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
   border-width: 0;
 }
 
-.seed-checkbox__control--variant_square:is(:active, [data-active]) {
+.seed-checkmark__root--variant_square:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
   background: var(--seed-color-bg-layer-default-pressed);
 }
 
-.seed-checkbox__control--variant_square:is(:active, [data-active]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
-  background: var(--seed-color-bg-brand-solid-pressed);
-}
-
-.seed-checkbox__control--variant_square:is(:disabled, [disabled], [data-disabled]) {
+.seed-checkmark__root--variant_square:is(:disabled, [disabled], [data-disabled]) {
   background: var(--seed-color-bg-disabled);
   border-color: var(--seed-color-stroke-neutral-muted);
 }
 
-.seed-checkbox__control--variant_square:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
-  background: var(--seed-color-bg-disabled);
-}
-
-.seed-checkbox__icon--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
-  color: var(--seed-color-palette-static-white);
+.seed-checkmark__icon--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
   display: block;
 }
 
-.seed-checkbox__icon--variant_square:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+.seed-checkmark__icon--variant_square:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
   color: var(--seed-color-fg-disabled);
-  display: block;
 }
 
-.seed-checkbox__label--variant_square:is(:disabled, [disabled], [data-disabled]) {
-  color: var(--seed-color-fg-disabled);
+.seed-checkmark__root--variant_ghost:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+  background: var(--seed-color-bg-layer-default-pressed);
 }
 
-.seed-checkbox__control--variant_ghost, .seed-checkbox__control--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
-  background: none;
+.seed-checkmark__icon--variant_ghost {
+  color: var(--seed-color-fg-placeholder);
+  display: block;
 }
 
-.seed-checkbox__control--variant_ghost:is(:active, [data-active]) {
-  background: var(--seed-color-bg-layer-default-pressed);
+.seed-checkmark__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]), .seed-checkmark__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  color: var(--seed-color-fg-disabled);
 }
 
-.seed-checkbox__control--variant_ghost:is(:active, [data-active]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
-  background: var(--seed-color-palette-carrot-200);
+.seed-checkmark__root--size_large {
+  border-radius: var(--seed-radius-r1);
+  width: var(--seed-dimension-x6);
+  height: var(--seed-dimension-x6);
 }
 
-.seed-checkbox__control--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]), .seed-checkbox__control--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
-  background: none;
+.seed-checkmark__root--size_medium {
+  border-radius: var(--seed-radius-r1);
+  width: var(--seed-dimension-x5);
+  height: var(--seed-dimension-x5);
 }
 
-.seed-checkbox__icon--variant_ghost {
-  color: var(--seed-color-fg-placeholder);
-  display: block;
+.seed-checkmark__root--variant_square-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  background: var(--seed-color-bg-neutral-inverted);
 }
 
-.seed-checkbox__icon--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
-  color: var(--seed-color-fg-brand);
+.seed-checkmark__root--variant_square-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
+  background: var(--seed-color-bg-neutral-inverted-pressed);
 }
 
-.seed-checkbox__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]), .seed-checkbox__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]), .seed-checkbox__label--variant_ghost:is(:disabled, [disabled], [data-disabled]) {
-  color: var(--seed-color-fg-disabled);
+.seed-checkmark__icon--variant_square-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  color: var(--seed-color-fg-neutral-inverted);
 }
 
-.seed-checkbox__root--size_large {
-  min-height: var(--seed-dimension-x9);
+.seed-checkmark__root--variant_square-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  background: var(--seed-color-bg-brand-solid);
 }
 
-.seed-checkbox__control--size_large {
-  border-radius: var(--seed-radius-r1);
-  width: var(--seed-dimension-x6);
-  height: var(--seed-dimension-x6);
-  margin: calc((var(--seed-dimension-x9)  - var(--seed-dimension-x6)) / 2) 0;
+.seed-checkmark__root--variant_square-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
+  background: var(--seed-color-bg-brand-solid-pressed);
 }
 
-.seed-checkbox__label--size_large {
-  font-size: var(--seed-font-size-t5);
-  line-height: var(--seed-line-height-t5);
-  margin-block-start: calc(18px - .65625rem);
+.seed-checkmark__icon--variant_square-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  color: var(--seed-color-palette-static-white);
 }
 
-.seed-checkbox__root--size_medium {
-  min-height: var(--seed-dimension-x8);
+.seed-checkmark__root--variant_ghost-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
+  background: var(--seed-color-palette-gray-200);
 }
 
-.seed-checkbox__control--size_medium {
-  border-radius: var(--seed-radius-r1);
-  width: var(--seed-dimension-x5);
-  height: var(--seed-dimension-x5);
-  margin: calc((var(--seed-dimension-x8)  - var(--seed-dimension-x5)) / 2) 0;
+.seed-checkmark__icon--variant_ghost-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  color: var(--seed-color-fg-neutral-muted);
 }
 
-.seed-checkbox__label--size_medium {
-  font-size: var(--seed-font-size-t4);
-  line-height: var(--seed-line-height-t4);
-  margin-block-start: calc(16px - .59375rem);
+.seed-checkmark__root--variant_ghost-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
+  background: var(--seed-color-palette-carrot-200);
+}
+
+.seed-checkmark__icon--variant_ghost-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  color: var(--seed-color-fg-brand);
 }
 
-.seed-checkbox__icon--size_medium-variant_ghost {
+.seed-checkmark__icon--size_medium-variant_ghost {
   width: 14px;
   height: 14px;
 }
 
-.seed-checkbox__icon--size_large-variant_ghost {
+.seed-checkmark__icon--size_large-variant_ghost {
   width: 18px;
   height: 18px;
 }
 
-.seed-checkbox__icon--size_medium-variant_square {
+.seed-checkmark__icon--size_medium-variant_square {
   width: 12px;
   height: 12px;
 }
 
-.seed-checkbox__icon--size_large-variant_square {
+.seed-checkmark__icon--size_large-variant_square {
   width: 14px;
   height: 14px;
 }
@@ -3067,25 +3081,41 @@
   box-sizing: border-box;
   white-space: nowrap;
   border-radius: var(--seed-radius-full);
-  padding: var(--seed-dimension-x2) var(--seed-dimension-x3_5);
-  min-height: 36px;
+  padding-top: var(--seed-dimension-x2);
+  padding-bottom: var(--seed-dimension-x2);
   font-family: inherit;
-  font-size: var(--seed-font-size-t4);
-  font-weight: var(--seed-font-weight-bold);
+  font-weight: var(--seed-font-weight-medium);
   border: none;
   justify-content: center;
   align-items: center;
   display: flex;
 }
 
-.seed-chip-tabs__list--variant_neutralSolid {
-  gap: 0;
+.seed-chip-tabs__list--size_medium {
+  gap: 8px;
+}
+
+.seed-chip-tabs__trigger--size_medium {
+  min-height: 36px;
+  font-size: var(--seed-font-size-t4);
+  padding-left: var(--seed-dimension-x3_5);
+  padding-right: var(--seed-dimension-x3_5);
+}
+
+.seed-chip-tabs__list--size_large {
+  gap: 8px;
+}
+
+.seed-chip-tabs__trigger--size_large {
+  min-height: 40px;
+  font-size: var(--seed-font-size-t4);
+  padding-left: var(--seed-dimension-x4);
+  padding-right: var(--seed-dimension-x4);
 }
 
 .seed-chip-tabs__trigger--variant_neutralSolid {
+  background-color: var(--seed-color-bg-neutral-weak);
   color: var(--seed-color-fg-neutral);
-  font-weight: var(--seed-font-weight-bold);
-  background-color: #0000;
 }
 
 .seed-chip-tabs__trigger--variant_neutralSolid:is(:selected, [data-selected]) {
@@ -3111,20 +3141,44 @@
   color: var(--seed-color-fg-disabled);
 }
 
-.seed-chip-tabs__list--variant_brandSolid {
-  gap: 8px;
+.seed-chip-tabs__trigger--variant_neutralOutline {
+  border: 1px solid var(--seed-color-stroke-neutral-muted);
+  color: var(--seed-color-fg-neutral);
+  background-color: #0000;
+}
+
+.seed-chip-tabs__trigger--variant_neutralOutline:is(:selected, [data-selected]) {
+  background-color: var(--seed-color-bg-neutral-inverted);
+  color: var(--seed-color-fg-neutral-inverted);
+  border-color: #0000;
+}
+
+.seed-chip-tabs__trigger--variant_neutralOutline:is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-chip-tabs__trigger--variant_neutralOutline:is(:selected, [data-selected]):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-neutral-inverted-pressed);
+}
+
+.seed-chip-tabs__trigger--variant_neutralOutline:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-chip-tabs__trigger--variant_neutralOutline:is(:disabled, [disabled], [data-disabled]):is(:selected, [data-selected]) {
+  background-color: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
 }
 
 .seed-chip-tabs__trigger--variant_brandSolid {
   background-color: var(--seed-color-bg-neutral-weak);
   color: var(--seed-color-fg-neutral-muted);
-  font-weight: var(--seed-font-weight-medium);
 }
 
 .seed-chip-tabs__trigger--variant_brandSolid:is(:selected, [data-selected]) {
   background-color: var(--seed-color-bg-brand-solid);
   color: var(--seed-color-palette-static-white);
-  font-weight: var(--seed-font-weight-bold);
 }
 
 .seed-chip-tabs__trigger--variant_brandSolid:is(:active, [data-active]) {
@@ -4164,6 +4218,119 @@
   --seed-suffix-icon-size: var(--seed-dimension-x3);
 }
 
+.seed-list-item__root {
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  z-index: 0;
+  width: 100%;
+  padding-inline: var(--seed-dimension-spacing-x-global-gutter);
+  padding-block: var(--seed-dimension-x2_5);
+  --seed-box-align-items: center;
+  align-items: var(--seed-box-align-items);
+  transition-property: background-color;
+  transition-duration: var(--seed-duration-d3);
+  transition-timing-function: var(--seed-timing-function-easing);
+  border: none;
+  font-family: inherit;
+  display: flex;
+  position: relative;
+}
+
+.seed-list-item__prefix {
+  --seed-box-padding-right: var(--seed-dimension-x3);
+  padding-right: var(--seed-box-padding-right);
+  --seed-icon-size: 22px;
+  --seed-icon-color: var(--seed-color-fg-neutral);
+  flex-shrink: 0;
+  align-items: center;
+  display: inline-flex;
+}
+
+.seed-list-item__prefix:is(:disabled, [disabled], [data-disabled]) {
+  --seed-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-list-item__suffix {
+  --seed-box-position: initial;
+  position: var(--seed-box-position);
+  --seed-box-gap: var(--seed-dimension-x1);
+  align-items: center;
+  gap: var(--seed-box-gap);
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  font-weight: var(--seed-font-weight-regular);
+  color: var(--seed-color-fg-neutral-subtle);
+  --seed-icon-size: 18px;
+  --seed-icon-color: var(--seed-color-fg-neutral-subtle);
+  flex-shrink: 0;
+  display: inline-flex;
+}
+
+.seed-list-item__suffix:is(:disabled, [disabled], [data-disabled]) {
+  --seed-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-list-item__content {
+  box-sizing: border-box;
+  text-align: start;
+  --seed-box-gap: var(--seed-dimension-x0_5);
+  align-items: flex-start;
+  gap: var(--seed-box-gap);
+  --seed-box-padding-right: var(--seed-dimension-x2_5);
+  padding-right: var(--seed-box-padding-right);
+  flex-direction: column;
+  flex-grow: 1;
+  display: inline-flex;
+}
+
+.seed-list-item__content:after {
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+
+.seed-list-item__content:before {
+  content: "";
+  z-index: -1;
+  transition-property: background-color;
+  transition-duration: var(--seed-duration-d3);
+  transition-timing-function: var(--seed-timing-function-easing);
+  position: absolute;
+  inset: 0;
+}
+
+.seed-list-item__content:is(button, a):not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]):before, .seed-list-item__content:not(:is(:disabled, [disabled], [data-disabled]))[data-active]:before {
+  background-color: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-list-item__title {
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  font-weight: var(--seed-font-weight-medium);
+  color: var(--seed-color-fg-neutral);
+  flex-shrink: 0;
+}
+
+.seed-list-item__title:is(:disabled, [disabled], [data-disabled]) {
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-list-item__detail {
+  font-size: var(--seed-font-size-t3);
+  line-height: var(--seed-line-height-t3);
+  font-weight: var(--seed-font-weight-regular);
+  color: var(--seed-color-fg-neutral-subtle);
+}
+
+.seed-list-item__detail:is(:disabled, [disabled], [data-disabled]) {
+  color: var(--seed-color-fg-neutral-subtle);
+}
+
+.seed-list-item__root--highlighted_true {
+  background-color: var(--seed-color-palette-carrot-100);
+}
+
 .seed-manner-temp {
   box-sizing: border-box;
   justify-content: flex-start;
@@ -4672,8 +4839,8 @@
 
 .seed-page-banner__root--tone_warning-variant_solid {
   background-color: var(--seed-color-bg-warning-solid);
-  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
-  --seed-suffix-icon-color: var(--seed-color-fg-neutral);
+  --seed-prefix-icon-color: var(--seed-color-palette-static-black-alpha-900);
+  --seed-suffix-icon-color: var(--seed-color-palette-static-black-alpha-900);
 }
 
 .seed-page-banner__root--tone_warning-variant_solid:is(button):is(:active, [data-active]) {
@@ -4681,7 +4848,7 @@
 }
 
 .seed-page-banner__title--tone_warning-variant_solid, .seed-page-banner__description--tone_warning-variant_solid, .seed-page-banner__button--tone_warning-variant_solid {
-  color: var(--seed-color-fg-neutral);
+  color: var(--seed-color-palette-static-black-alpha-900);
 }
 
 .seed-page-banner__root--tone_critical-variant_weak {
@@ -4782,80 +4949,153 @@
 }
 
 .seed-radio__root {
+  vertical-align: top;
+  isolation: isolate;
+  cursor: pointer;
+  align-items: flex-start;
+  gap: var(--seed-dimension-x2);
+  max-inline-size: 100%;
+  display: inline-flex;
+  position: relative;
+}
+
+.seed-radio__root:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+}
+
+.seed-radio__label {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-radio__label:is(:disabled, [disabled], [data-disabled]) {
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-radio__label--weight_regular {
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-radio__label--weight_bold {
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-radio__root--size_large {
+  min-height: var(--seed-dimension-x9);
+  --radiomark-margin-top: calc((var(--seed-dimension-x9)  - var(--seed-dimension-x6)) / 2);
+}
+
+.seed-radio__label--size_large {
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  margin-block-start: calc(18px - .65625rem);
+}
+
+.seed-radio__root--size_medium {
+  min-height: var(--seed-dimension-x8);
+  --radiomark-margin-top: calc((var(--seed-dimension-x8)  - var(--seed-dimension-x5)) / 2);
+}
+
+.seed-radio__label--size_medium {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  margin-block-start: calc(16px - .59375rem);
+}
+
+.seed-radiomark__root {
   box-sizing: border-box;
-  background-color: var(--seed-color-bg-layer-default);
   border-style: solid;
   border-width: 1px;
   border-color: var(--seed-color-stroke-neutral-weak);
   border-radius: var(--seed-radius-full);
+  margin-top: var(--radiomark-margin-top, 0);
   flex: none;
   justify-content: center;
   align-items: center;
   display: flex;
+  position: relative;
 }
 
-.seed-radio__root:is(:active, [data-active]) {
+.seed-radiomark__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
   background-color: var(--seed-color-bg-layer-default-pressed);
 }
 
-.seed-radio__root:is(:checked, [data-checked]) {
-  background-color: var(--seed-color-bg-brand-solid);
+.seed-radiomark__root:is(:checked, [data-checked]) {
   border-width: 0;
 }
 
-.seed-radio__root:is(:active, [data-active]):is(:checked, [data-checked]) {
-  background-color: var(--seed-color-bg-brand-solid-pressed);
-}
-
-.seed-radio__root:is(:disabled, [disabled], [data-disabled]) {
+.seed-radiomark__root:is(:disabled, [disabled], [data-disabled]) {
   background-color: var(--seed-color-palette-gray-300);
 }
 
-.seed-radio__root:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) {
-  background-color: none;
+.seed-radiomark__root:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) {
+  border-width: 1px;
   border-color: var(--seed-color-palette-gray-300);
+  background: none;
 }
 
-.seed-radio__icon {
+.seed-radiomark__icon {
   border-radius: var(--seed-radius-full);
   display: none;
 }
 
-.seed-radio__icon:is(:checked, [data-checked]) {
-  background-color: var(--seed-color-palette-static-white);
+.seed-radiomark__icon:is(:checked, [data-checked]) {
   display: block;
 }
 
-.seed-radio__icon:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) {
-  background-color: var(--seed-color-palette-gray-300);
+.seed-radiomark__icon:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) {
+  color: var(--seed-color-palette-gray-300);
 }
 
-.seed-radio__root--size_large {
+.seed-radiomark__root--tone_neutral:is(:checked, [data-checked]) {
+  background-color: var(--seed-color-bg-neutral-inverted);
+}
+
+.seed-radiomark__root--tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-neutral-inverted-pressed);
+}
+
+.seed-radiomark__icon--tone_neutral:is(:checked, [data-checked]) {
+  color: var(--seed-color-fg-neutral-inverted);
+}
+
+.seed-radiomark__root--tone_brand:is(:checked, [data-checked]) {
+  background-color: var(--seed-color-bg-brand-solid);
+}
+
+.seed-radiomark__root--tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-brand-solid-pressed);
+}
+
+.seed-radiomark__icon--tone_brand:is(:checked, [data-checked]) {
+  color: var(--seed-color-palette-static-white);
+}
+
+.seed-radiomark__root--size_large {
   width: var(--seed-dimension-x6);
   height: var(--seed-dimension-x6);
 }
 
-.seed-radio__icon--size_large {
+.seed-radiomark__icon--size_large {
   width: var(--seed-dimension-x2_5);
   height: var(--seed-dimension-x2_5);
 }
 
-.seed-radio__icon--size_large:is(:disabled, [disabled], [data-disabled]) {
+.seed-radiomark__icon--size_large:is(:disabled, [disabled], [data-disabled]) {
   width: var(--seed-dimension-x3);
   height: var(--seed-dimension-x3);
 }
 
-.seed-radio__root--size_medium {
+.seed-radiomark__root--size_medium {
   width: var(--seed-dimension-x5);
   height: var(--seed-dimension-x5);
 }
 
-.seed-radio__icon--size_medium {
+.seed-radiomark__icon--size_medium {
   width: var(--seed-dimension-x2);
   height: var(--seed-dimension-x2);
 }
 
-.seed-radio__icon--size_medium:is(:disabled, [disabled], [data-disabled]) {
+.seed-radiomark__icon--size_medium:is(:disabled, [disabled], [data-disabled]) {
   width: var(--seed-dimension-x2_5);
   height: var(--seed-dimension-x2_5);
 }
@@ -5053,86 +5293,6 @@
   display: flex;
 }
 
-.seed-select-box__checkboxControl {
-  box-sizing: border-box;
-  width: var(--seed-dimension-x6);
-  height: var(--seed-dimension-x6);
-  background-color: var(--seed-color-bg-layer-default);
-  border-style: solid;
-  border-width: 1px;
-  border-color: var(--seed-color-stroke-neutral-weak);
-  border-radius: var(--seed-radius-r1);
-  flex: none;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.seed-select-box__checkboxControl:is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-layer-default-pressed);
-}
-
-.seed-select-box__checkboxControl:is(:checked, [data-checked]) {
-  background-color: var(--seed-color-bg-brand-solid);
-  border-width: 0;
-}
-
-.seed-select-box__checkboxControl:is(:checked, [data-checked]):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-brand-solid-pressed);
-}
-
-.seed-select-box__checkboxIcon {
-  width: var(--seed-dimension-x3_5);
-  height: var(--seed-dimension-x3_5);
-  display: none;
-}
-
-.seed-select-box__checkboxIcon:is(:checked, [data-checked]) {
-  color: var(--seed-color-palette-static-white);
-  display: block;
-}
-
-.seed-select-box__radioControl {
-  box-sizing: border-box;
-  width: var(--seed-dimension-x6);
-  height: var(--seed-dimension-x6);
-  background-color: var(--seed-color-bg-layer-default);
-  border-style: solid;
-  border-width: 1px;
-  border-color: var(--seed-color-stroke-neutral-weak);
-  border-radius: var(--seed-radius-full);
-  flex: none;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.seed-select-box__radioControl:is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-layer-default-pressed);
-}
-
-.seed-select-box__radioControl:is(:checked, [data-checked]) {
-  background-color: var(--seed-color-bg-brand-solid);
-  border-width: 0;
-}
-
-.seed-select-box__radioControl:is(:checked, [data-checked]):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-brand-solid-pressed);
-}
-
-.seed-select-box__radioIcon {
-  width: var(--seed-dimension-x2_5);
-  height: var(--seed-dimension-x2_5);
-  border-radius: var(--seed-radius-full);
-  display: none;
-}
-
-.seed-select-box__radioIcon:is(:checked, [data-checked]) {
-  background-color: var(--seed-color-palette-static-white);
-  color: var(--seed-color-palette-static-white);
-  display: block;
-}
-
 .seed-select-box__label {
   color: var(--seed-color-fg-neutral);
   font-weight: var(--seed-font-weight-bold);
@@ -5343,13 +5503,8 @@
   opacity: .38;
 }
 
-.seed-switch__control:is(:checked, [data-checked]) {
-  background: var(--seed-color-bg-brand-solid);
-}
-
 .seed-switch__thumb {
   border-radius: var(--seed-radius-full);
-  background: var(--seed-color-palette-static-white);
   transition: transform .15s cubic-bezier(.35, 0, .35, 1);
 }
 
@@ -5362,6 +5517,22 @@
   color: var(--seed-color-fg-disabled);
 }
 
+.seed-switch__control--tone_neutral:is(:checked, [data-checked]) {
+  background: var(--seed-color-bg-neutral-inverted);
+}
+
+.seed-switch__thumb--tone_neutral {
+  background: var(--seed-color-fg-neutral-inverted);
+}
+
+.seed-switch__control--tone_brand:is(:checked, [data-checked]) {
+  background: var(--seed-color-bg-brand-solid);
+}
+
+.seed-switch__thumb--tone_brand {
+  background: var(--seed-color-palette-static-white);
+}
+
 .seed-switch__root--size_16 {
   gap: var(--seed-dimension-x1_5);
   min-height: 24px;
@@ -5426,12 +5597,12 @@
   min-block-size: 32px;
   min-inline-size: 52px;
   margin: 0;
-  padding: 2px;
+  padding: 3px;
 }
 
 .seed-switch__thumb--size_32 {
-  width: 28px;
-  height: 28px;
+  width: 26px;
+  height: 26px;
   box-shadow: 0 3px 8px #00000026, 0 1px 3px #0000000f;
 }
 
@@ -5924,9 +6095,17 @@
 .seed-text-field__value {
   box-sizing: border-box;
   font: inherit;
+  resize: none;
+  height: 100%;
+  color: var(--seed-color-fg-neutral);
+  background: none;
+  border: none;
+  outline: none;
+  flex-grow: 1;
 }
 
 .seed-text-field__value:is(input) {
+  width: 0;
   padding-inline: 0;
 }
 
@@ -5936,16 +6115,6 @@
   padding-inline: 0;
 }
 
-.seed-text-field__value {
-  resize: none;
-  height: 100%;
-  color: var(--seed-color-fg-neutral);
-  background: none;
-  border: none;
-  outline: none;
-  flex-grow: 1;
-}
-
 .seed-text-field__value::placeholder {
   color: var(--seed-color-fg-placeholder);
 }