@incodetech/web 0.0.0-dev-20260525-ce9a6d54 → 0.0.0-dev-20260525-09ff3879

package/dist/flow/styles.css

@@ -5808,10 +5808,11 @@
 }
 
 .IncodeManualUploadPage .IncodeManualUploadHintCard li {
-  font-family: var(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));
-  font-size: var(--text-14, var(--primitive-typography-size-14));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-s-size);
+  font-weight: var(--typography-button-s-weight);
+  line-height: var(--typography-button-s-line-height);
+  letter-spacing: var(--typography-button-s-letter-spacing);
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
@@ -5834,12 +5835,11 @@
   padding-inline: var(--spacing-12, var(--spacing-12, 12px));
   padding-block: var(--spacing-16, var(--spacing-16, 16px));
   text-align: center;
-  font-family: var(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  --tw-leading: var(--spacing-16, var(--spacing-16, 16px));
-  line-height: var(--spacing-16, var(--spacing-16, 16px));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  font-family: var(--typography-checkbox-radio-family);
+  font-size: var(--typography-checkbox-radio-m-size);
+  font-weight: var(--typography-checkbox-radio-m-weight);
+  line-height: var(--typography-checkbox-radio-m-line-height);
+  letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);
   color: var(--color-text-body-secondary, var(--text-body-500-secondary));
   background-color: #0000;
   border-style: solid;
@@ -5857,8 +5857,6 @@
 
 .IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {
   border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
@@ -5890,6 +5888,7 @@
 }
 
 .IncodeManualUploadSlot {
+  cursor: pointer;
   align-items: center;
   gap: var(--spacing-12, var(--spacing-12, 12px));
   border-radius: var(--radius-medium, var(--border-radius-medium));
@@ -5903,6 +5902,7 @@
   padding-block: var(--spacing-24, var(--spacing-24, 24px));
   padding-right: var(--spacing-24, var(--spacing-24, 24px));
   padding-left: var(--spacing-20, var(--spacing-20, 20px));
+  text-align: left;
   display: flex;
 }
 
@@ -5933,11 +5933,7 @@
 }
 
 .IncodeManualUploadSlot .IncodeManualUploadSlotAction {
-  cursor: pointer;
   border-radius: var(--radius-full, var(--border-radius-full));
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
   background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
   padding: var(--spacing-8, var(--spacing-8, 8px));
   color: var(--color-button-primary-text-default, var(--button-primary-text-default));
@@ -5945,7 +5941,6 @@
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
   transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
   --tw-duration: .2s;
-  border-style: none;
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
@@ -5953,27 +5948,34 @@
   display: inline-flex;
 }
 
-.IncodeManualUploadSlot .IncodeManualUploadSlotAction:hover:not(:disabled) {
+.IncodeManualUploadSlot:focus-visible {
+  outline-style: var(--tw-outline-style);
+  outline-offset: 2px;
+  outline-width: 2px;
+  outline-color: var(--color-border-status-focus, var(--border-status-focus));
+}
+
+.IncodeManualUploadSlot:hover:not(:disabled) .IncodeManualUploadSlotAction {
   background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));
 }
 
-.IncodeManualUploadSlot .IncodeManualUploadSlotAction:disabled {
+.IncodeManualUploadSlot:disabled {
   cursor: not-allowed;
+  opacity: .5;
+}
+
+.IncodeManualUploadSlot:disabled .IncodeManualUploadSlotAction {
   background-color: var(--color-button-primary-surface-disabled, var(--button-primary-surface-disabled));
   color: var(--color-button-primary-text-disabled, var(--button-primary-text-disabled));
 }
 
-.IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction, .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction:hover:not(:disabled) {
+.IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction, .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded:hover:not(:disabled) .IncodeManualUploadSlotAction {
   padding: var(--spacing-0, var(--spacing-none, 0px));
   color: var(--color-surface-status-positive-500, var(--surface-status-positive-500));
   background-color: #0000;
 }
 
-.IncodeManualUploadSlot.IncodeManualUploadSlot--disabled {
-  opacity: .5;
-}
-
-.IncodeManualUploadSlot .IncodeManualUploadSlotInput {
+.IncodeManualUploadSlot + .IncodeManualUploadSlotInput {
   clip-path: inset(50%);
   white-space: nowrap;
   border-width: 0;