@photonix/basic 1.7.2 → 1.7.3

package/dist/index.css

@@ -15568,21 +15568,25 @@
   line-height: var(--body-sm-line-height);
   margin-inline-start: auto;
 }
-._textFieldRoot_62udz_1 {
+._textFieldRoot_1rb45_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--body-lg-family);
   inline-size: 100%;
 }
-._widthAuto_62udz_8 {
+._widthAuto_1rb45_8 {
   inline-size: auto;
 }
-._textFieldLabel_62udz_12 {
+._dropdownOpen_1rb45_12 {
+  position: relative;
+  z-index: var(--z-index-dropdown);
+}
+._textFieldLabel_1rb45_17 {
   color: var(--text-neutral-secondary);
   display: block;
   margin-block-end: var(--space-5xs);
 }
-._outsideLabel_62udz_18 {
+._outsideLabel_1rb45_23 {
   color: var(--text-neutral-primary);
   font-family: var(--title-md-family);
   font-size: var(--title-md-size);
@@ -15590,7 +15594,7 @@
   letter-spacing: var(--title-md-letter-spacing);
   line-height: var(--title-md-line-height);
 }
-._textFieldContainer_62udz_27 {
+._textFieldContainer_1rb45_32 {
   align-items: center;
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-2xs);
@@ -15601,65 +15605,65 @@
   position: relative;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._insideNoIcon_62udz_46 {
+._insideNoIcon_1rb45_51 {
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._withLeadingText_62udz_51 {
+._withLeadingText_1rb45_56 {
   padding: var(--space-2xs) var(--space-xs) var(--space-2xs) var(--space-2xs);
 }
-._outsideLabelVariant_62udz_56 {
+._outsideLabelVariant_1rb45_61 {
   min-block-size: var(--dimensions-44);
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._outsideLabelMedium_62udz_61 {
+._outsideLabelMedium_1rb45_66 {
   font-family: var(--title-sm-family);
   font-size: var(--title-sm-size);
   font-weight: var(--title-sm-weight-emphasize);
   letter-spacing: var(--title-sm-letter-spacing);
   line-height: var(--title-sm-line-height);
 }
-._large_62udz_70 {
+._large_1rb45_75 {
   min-block-size: var(--dimensions-56);
 }
-._large_62udz_70._outsideLabelVariant_62udz_56 {
+._large_1rb45_75._outsideLabelVariant_1rb45_61 {
   min-block-size: var(--dimensions-44);
 }
-._medium_62udz_80 {
+._medium_1rb45_85 {
   font-size: var(--body-md-size);
   line-height: var(--body-md-line-height);
   min-block-size: var(--dimensions-44);
 }
-._medium_62udz_80._outsideLabelVariant_62udz_56 {
+._medium_1rb45_85._outsideLabelVariant_1rb45_61 {
   min-block-size: var(--dimensions-36);
 }
-._textFieldContainer_62udz_27:hover:not(._disabled_62udz_97, ._error_62udz_97) {
+._textFieldContainer_1rb45_32:hover:not(._disabled_1rb45_102, ._error_1rb45_102) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._focused_62udz_103:not(._error_62udz_97) {
+._focused_1rb45_108:not(._error_1rb45_102) {
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._focused_62udz_103._error_62udz_97 {
+._focused_1rb45_108._error_1rb45_102 {
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
 }
-._error_62udz_97 {
+._error_1rb45_102 {
   background-color: var(--surface-state-error);
   border-color: var(--border-state-error);
 }
-._disabled_62udz_97 {
+._disabled_1rb45_102 {
   background-color: var(--surface-state-disabled);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._textFieldLeadingIcon_62udz_129 {
+._textFieldLeadingIcon_1rb45_134 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   justify-content: center;
   margin-inline-end: var(--space-xs);
 }
-._textFieldLeadingText_62udz_137 {
+._textFieldLeadingText_1rb45_142 {
   align-items: center;
   background-color: var(--surface-neutral-on-surface);
   border-radius: var(--radius-4xs);
@@ -15673,7 +15677,7 @@
   padding: var(--space-4xs) var(--space-2xs);
   white-space: nowrap;
 }
-._textFieldInputWrapper_62udz_152 {
+._textFieldInputWrapper_1rb45_157 {
   block-size: 100%;
   display: flex;
   flex: 1;
@@ -15681,7 +15685,7 @@
   padding-inline-end: var(--space-xs);
   position: relative;
 }
-._textFieldInlineLabel_62udz_161 {
+._textFieldInlineLabel_1rb45_166 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -15697,7 +15701,7 @@
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._shrunk_62udz_180 {
+._shrunk_1rb45_185 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -15706,7 +15710,7 @@
   line-height: var(--label-sm-line-height);
   transform: translateY(0);
 }
-._textFieldInput_62udz_152 {
+._textFieldInput_1rb45_157 {
   background: transparent;
   block-size: 100%;
   border: none;
@@ -15726,49 +15730,49 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._textFieldInput_62udz_152:focus {
+._textFieldInput_1rb45_157:focus {
   text-overflow: clip;
 }
-._withInlineLabel_62udz_224 {
+._withInlineLabel_1rb45_229 {
   padding-block: var(--space-md) var(--space-2xs);
 }
-._withInlineLabel_62udz_224:not(._active_62udz_230) {
+._withInlineLabel_1rb45_229:not(._active_1rb45_235) {
   opacity: var(--opacity-hidden);
 }
-._withInlineLabel_62udz_224._active_62udz_230 {
+._withInlineLabel_1rb45_229._active_1rb45_235 {
   opacity: var(--opacity-visible);
 }
-._textFieldInput_62udz_152::placeholder {
+._textFieldInput_1rb45_157::placeholder {
   color: var(--text-neutral-secondary);
 }
-._textFieldTrailingGroup_62udz_244 {
+._textFieldTrailingGroup_1rb45_249 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
 }
-._textFieldClearButton_62udz_250 {
+._textFieldClearButton_1rb45_255 {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
   min-block-size: var(--dimensions-20) !important;
   min-inline-size: var(--dimensions-20) !important;
   padding: 0 !important;
 }
-._textFieldClearButton_62udz_250 svg {
+._textFieldClearButton_1rb45_255 svg {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
 }
-._textFieldSuffixDivider_62udz_263 {
+._textFieldSuffixDivider_1rb45_268 {
   align-self: center;
   block-size: var(--dimensions-24);
 }
-._textFieldTrailingDropdownWrapper_62udz_268 {
+._textFieldTrailingDropdownWrapper_1rb45_273 {
   align-items: center;
   block-size: 100%;
   display: flex;
   position: relative;
   z-index: var(--z-index-base);
 }
-._textFieldTrailingDropdown_62udz_268 {
+._textFieldTrailingDropdown_1rb45_273 {
   align-items: center;
   color: var(--text-neutral-primary);
   cursor: pointer;
@@ -15780,29 +15784,26 @@
   line-height: var(--body-lg-line-height);
   transition: color var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._textFieldTrailingDropdown_62udz_268:hover,
-._activeDropdown_62udz_291 {
+._textFieldTrailingDropdown_1rb45_273:hover,
+._activeDropdown_1rb45_296 {
   color: var(--text-neutral-primary);
 }
-._textFieldTrailingDropdown_62udz_268 span {
+._textFieldTrailingDropdown_1rb45_273 span {
   margin-inline-end: calc(var(--dimensions-4) * -1);
 }
-._textFieldChevronIcon_62udz_299 {
+._textFieldChevronIcon_1rb45_304 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   transition: transform var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._rotated_62udz_307 {
+._rotated_1rb45_312 {
   transform: rotate(180deg);
 }
-._textFieldDropdownPopover_62udz_312 {
-  inset-inline-end: 0;
-  min-inline-size: calc(var(--dimensions-120) + var(--dimensions-60));
-  position: absolute;
-  z-index: var(--z-index-tooltip);
+._textFieldDropdownPopover_1rb45_317 {
+  z-index: var(--z-index-dropdown);
 }
-._textFieldTrailingIconWrapper_62udz_325 {
+._textFieldTrailingIconWrapper_1rb45_321 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   cursor: pointer;
@@ -15810,7 +15811,7 @@
   gap: var(--space-xs);
   z-index: var(--z-index-base);
 }
-._textFieldHelperText_62udz_336 {
+._textFieldHelperText_1rb45_332 {
   color: var(--text-neutral-primary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);
@@ -15818,10 +15819,10 @@
   line-height: var(--body-sm-line-height);
   margin-block-start: var(--space-4xs);
 }
-._errorText_62udz_345 {
+._errorText_1rb45_341 {
   color: var(--text-state-error);
 }
-._textFieldChevronOnly_62udz_351 {
+._textFieldChevronOnly_1rb45_347 {
   align-items: center;
   color: var(--text-neutral-primary);
   cursor: pointer;
@@ -15829,41 +15830,41 @@
   justify-content: center;
   padding: var(--space-2xs);
 }
-._textFieldChevronOnly_62udz_351:hover {
+._textFieldChevronOnly_1rb45_347:hover {
   background-color: var(--surface-state-hover);
   border-radius: var(--radius-4xs);
 }
-._readOnly_62udz_366 {
+._readOnly_1rb45_362 {
   background-color: var(--surface-neutral-secondary);
   cursor: default;
 }
-._readOnly_62udz_366 ._textFieldInput_62udz_152 {
+._readOnly_1rb45_362 ._textFieldInput_1rb45_157 {
   cursor: default;
 }
-._textFieldRequiredIndicator_62udz_376 {
+._textFieldRequiredIndicator_1rb45_372 {
   color: var(--text-state-error);
 }
-._textFieldFooter_62udz_381 {
+._textFieldFooter_1rb45_377 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
   justify-content: space-between;
   margin-block-start: var(--space-4xs);
 }
-._medium_62udz_80 ._textFieldInput_62udz_152,
-._medium_62udz_80 ._textFieldInlineLabel_62udz_161 {
+._medium_1rb45_85 ._textFieldInput_1rb45_157,
+._medium_1rb45_85 ._textFieldInlineLabel_1rb45_166 {
   font-family: var(--body-md-family);
   font-size: var(--body-md-size);
   font-weight: var(--body-md-weight);
   letter-spacing: var(--body-md-letter-spacing);
   line-height: var(--body-md-line-height);
 }
-._medium_62udz_80 ._textFieldLeadingIcon_62udz_129,
-._medium_62udz_80 ._textFieldTrailingGroup_62udz_244 svg {
+._medium_1rb45_85 ._textFieldLeadingIcon_1rb45_134,
+._medium_1rb45_85 ._textFieldTrailingGroup_1rb45_249 svg {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
 }
-._medium_62udz_80 ._shrunk_62udz_180 {
+._medium_1rb45_85 ._shrunk_1rb45_185 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -15871,13 +15872,13 @@
   letter-spacing: var(--label-sm-letter-spacing);
   line-height: var(--label-sm-line-height);
 }
-._medium_62udz_80 ._withInlineLabel_62udz_224 {
+._medium_1rb45_85 ._withInlineLabel_1rb45_229 {
   padding-block: var(--space-sm) var(--space-3xs);
 }
-._medium_62udz_80 ._textFieldInput_62udz_152 {
+._medium_1rb45_85 ._textFieldInput_1rb45_157 {
   font-size: var(--body-md-size);
 }
-._textFieldCharacterCount_62udz_422 {
+._textFieldCharacterCount_1rb45_418 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);