@seed-design/css 0.2.0 → 0.2.3

package/all.css

@@ -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_default {
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-checkbox__label--weight_stronger {
+  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,101 @@
   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]) {
+.seed-checkmark__root--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
   background: var(--seed-color-bg-brand-solid);
   border-width: 0;
 }
 
-.seed-checkbox__control--variant_square:is(:active, [data-active]) {
+.seed-checkmark__root--variant_square: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]) {
+.seed-checkmark__root--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]) {
+.seed-checkmark__root--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]) {
+.seed-checkmark__icon--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
   color: var(--seed-color-palette-static-white);
   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-checkbox__control--variant_ghost, .seed-checkbox__control--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+.seed-checkmark__root--variant_ghost, .seed-checkmark__root--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
   background: none;
 }
 
-.seed-checkbox__control--variant_ghost:is(:active, [data-active]) {
+.seed-checkmark__root--variant_ghost:is(:active, [data-active]) {
   background: var(--seed-color-bg-layer-default-pressed);
 }
 
-.seed-checkbox__control--variant_ghost:is(:active, [data-active]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+.seed-checkmark__root--variant_ghost:is(:active, [data-active]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
   background: var(--seed-color-palette-carrot-200);
 }
 
-.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]) {
+.seed-checkmark__root--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]), .seed-checkmark__root--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
   background: none;
 }
 
-.seed-checkbox__icon--variant_ghost {
+.seed-checkmark__icon--variant_ghost {
   color: var(--seed-color-fg-placeholder);
   display: block;
 }
 
-.seed-checkbox__icon--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+.seed-checkmark__icon--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
   color: var(--seed-color-fg-brand);
 }
 
-.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]) {
+.seed-checkmark__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]), .seed-checkmark__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]) {
   color: var(--seed-color-fg-disabled);
 }
 
-.seed-checkbox__root--size_large {
-  min-height: var(--seed-dimension-x9);
-}
-
-.seed-checkbox__control--size_large {
+.seed-checkmark__root--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-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);
 }
 
-.seed-checkbox__control--size_medium {
+.seed-checkmark__root--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-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-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;
 }
@@ -2831,14 +2832,9 @@
   cursor: not-allowed;
 }
 
-.seed-chip__root {
-  --seed-icon-color: inherit;
-}
-
 .seed-chip__label {
   font-weight: var(--seed-font-weight-medium);
   padding-inline: var(--seed-dimension-x1_5);
-  color: inherit;
   justify-content: center;
   align-items: center;
   display: inline-flex;
@@ -2846,7 +2842,6 @@
 
 .seed-chip__prefixIcon {
   padding-left: var(--seed-dimension-x1_5);
-  --seed-icon-color: inherit;
   flex-shrink: 0;
   align-items: center;
   display: inline-flex;
@@ -2860,7 +2855,6 @@
 
 .seed-chip__suffixIcon {
   padding-right: var(--seed-dimension-x1_5);
-  --seed-icon-color: inherit;
   flex-shrink: 0;
   align-items: center;
   display: inline-flex;
@@ -2868,101 +2862,99 @@
 
 .seed-chip__root--variant_solid {
   background: var(--seed-color-bg-neutral-weak);
-  color: var(--seed-color-fg-neutral);
+  --seed-icon-color: var(--seed-color-fg-neutral);
 }
 
 .seed-chip__root--variant_solid:is(:checked, [data-checked]) {
   box-shadow: none;
   background: var(--seed-color-bg-neutral-inverted);
-  color: var(--seed-color-fg-neutral-inverted);
   --seed-icon-color: var(--seed-color-fg-neutral-inverted);
 }
 
 .seed-chip__root--variant_solid:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
   background: var(--seed-color-bg-neutral-weak-pressed);
-  color: var(--seed-color-fg-neutral);
-  --seed-icon-color: var(--seed-color-fg-neutral);
 }
 
 .seed-chip__root--variant_solid:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
   background: var(--seed-color-bg-neutral-inverted-pressed);
-  color: var(--seed-color-fg-neutral-inverted);
-  --seed-icon-color: var(--seed-color-fg-neutral-inverted);
 }
 
 .seed-chip__root--variant_solid:is(:disabled, [disabled], [data-disabled]) {
   opacity: .5;
 }
 
-.seed-chip__root--variant_solid {
-  --seed-icon-color: var(--seed-color-fg-neutral);
+.seed-chip__label--variant_solid {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-chip__label--variant_solid:is(:checked, [data-checked]) {
+  color: var(--seed-color-fg-neutral-inverted);
+}
+
+.seed-chip__prefixIcon--variant_solid, .seed-chip__suffixIcon--variant_solid {
+  color: var(--seed-color-fg-neutral);
 }
 
 .seed-chip__root--variant_outlineStrong {
   background: var(--seed-color-bg-layer-default);
   box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
-  color: var(--seed-color-fg-neutral);
+  --seed-icon-color: var(--seed-color-fg-neutral);
 }
 
 .seed-chip__root--variant_outlineStrong:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
   background: var(--seed-color-bg-layer-default-pressed);
-  color: var(--seed-color-fg-neutral);
-  --seed-icon-color: var(--seed-color-fg-neutral);
 }
 
 .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]) {
   background: var(--seed-color-bg-neutral-inverted);
-  color: var(--seed-color-fg-neutral-inverted);
   --seed-icon-color: var(--seed-color-fg-neutral-inverted);
 }
 
 .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
   background: var(--seed-color-bg-neutral-inverted-pressed);
-  color: var(--seed-color-fg-neutral-inverted);
-  --seed-icon-color: var(--seed-color-fg-neutral-inverted);
 }
 
 .seed-chip__root--variant_outlineStrong:is(:disabled, [disabled], [data-disabled]) {
   opacity: .5;
 }
 
-.seed-chip__root--variant_outlineStrong {
-  --seed-icon-color: var(--seed-color-fg-neutral);
+.seed-chip__label--variant_outlineStrong {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-chip__label--variant_outlineStrong:is(:checked, [data-checked]) {
+  color: var(--seed-color-fg-neutral-inverted);
+}
+
+.seed-chip__prefixIcon--variant_outlineStrong, .seed-chip__suffixIcon--variant_outlineStrong {
+  color: var(--seed-color-fg-neutral);
 }
 
 .seed-chip__root--variant_outlineWeak {
   background: var(--seed-color-bg-layer-default);
   box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
-  color: var(--seed-color-fg-neutral);
+  --seed-icon-color: var(--seed-color-fg-neutral);
 }
 
 .seed-chip__root--variant_outlineWeak:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
   background: var(--seed-color-bg-layer-default-pressed);
-  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
-  color: var(--seed-color-fg-neutral);
-  --seed-icon-color: var(--seed-color-fg-neutral);
 }
 
 .seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]) {
   background: var(--seed-color-bg-neutral-weak);
   box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-contrast);
-  color: var(--seed-color-fg-neutral);
-  --seed-icon-color: var(--seed-color-fg-neutral);
 }
 
 .seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
   background: var(--seed-color-bg-neutral-weak-pressed);
-  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-contrast);
-  color: var(--seed-color-fg-neutral);
-  --seed-icon-color: var(--seed-color-fg-neutral);
 }
 
 .seed-chip__root--variant_outlineWeak:is(:disabled, [disabled], [data-disabled]) {
   opacity: .5;
 }
 
-.seed-chip__root--variant_outlineWeak {
-  --seed-icon-color: var(--seed-color-fg-neutral);
+.seed-chip__label--variant_outlineWeak, .seed-chip__prefixIcon--variant_outlineWeak, .seed-chip__suffixIcon--variant_outlineWeak {
+  color: var(--seed-color-fg-neutral);
 }
 
 .seed-chip__root--size_large {
@@ -3076,25 +3068,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]) {
@@ -3120,20 +3128,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]) {
@@ -4173,6 +4205,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;
@@ -4791,80 +4936,136 @@
 }
 
 .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_default {
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-radio__label--weight_stronger {
+  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:is(:active, [data-active]) {
   background-color: var(--seed-color-bg-layer-default-pressed);
 }
 
-.seed-radio__root:is(:checked, [data-checked]) {
+.seed-radiomark__root:is(:checked, [data-checked]) {
   background-color: var(--seed-color-bg-brand-solid);
   border-width: 0;
 }
 
-.seed-radio__root:is(:active, [data-active]):is(:checked, [data-checked]) {
+.seed-radiomark__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]) {
+  color: var(--seed-color-palette-static-white);
   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--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);
 }
@@ -5062,86 +5263,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);
@@ -5933,9 +6054,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;
 }
 
@@ -5945,16 +6074,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);
 }