@photonix/basic 2.0.6 → 2.0.7

package/dist/index.css

@@ -10404,22 +10404,22 @@
 ._cleanCalendar_c7eyl_85 > div:last-child > div:nth-child(-n+7) {
   display: none;
 }
-._dropdownRoot_dwfgb_1 {
+._dropdownRoot_yyjxg_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--body-lg-family);
   inline-size: 100%;
   position: relative;
 }
-._widthAuto_dwfgb_9 {
+._widthAuto_yyjxg_9 {
   inline-size: auto;
 }
-._dropdownLabel_dwfgb_13 {
+._dropdownLabel_yyjxg_13 {
   color: var(--text-neutral-secondary);
   display: block;
   margin-block-end: var(--space-5xs);
 }
-._dropdownLabelOutside_dwfgb_19 {
+._dropdownLabelOutside_yyjxg_19 {
   color: var(--text-neutral-primary);
   font-family: var(--title-md-family);
   font-size: var(--title-md-size);
@@ -10427,17 +10427,17 @@
   letter-spacing: var(--title-md-letter-spacing);
   line-height: var(--title-md-line-height);
 }
-._dropdownLabelOutsideMedium_dwfgb_28 {
+._dropdownLabelOutsideMedium_yyjxg_28 {
   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);
 }
-._dropdownTriggerWrapper_dwfgb_37 {
+._dropdownTriggerWrapper_yyjxg_37 {
   position: relative;
 }
-._dropdownTrigger_dwfgb_37 {
+._dropdownTrigger_yyjxg_37 {
   align-items: center;
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-2xs);
@@ -10450,14 +10450,14 @@
   position: relative;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._dropdownLeadingIcon_dwfgb_57 {
+._dropdownLeadingIcon_yyjxg_57 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   justify-content: center;
   margin-inline-end: var(--space-xs);
 }
-._dropdownTriggerContent_dwfgb_65 {
+._dropdownTriggerContent_yyjxg_65 {
   block-size: 100%;
   display: flex;
   flex: 1;
@@ -10466,7 +10466,7 @@
   padding-inline-end: var(--space-xs);
   position: relative;
 }
-._dropdownInlineLabel_dwfgb_75 {
+._dropdownInlineLabel_yyjxg_75 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -10480,7 +10480,7 @@
   transform-origin: left top;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._dropdownInlineLabelShrunk_dwfgb_90 {
+._dropdownInlineLabelShrunk_yyjxg_90 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -10489,10 +10489,10 @@
   line-height: var(--label-sm-line-height);
   transform: translateY(0);
 }
-._medium_dwfgb_101 ._dropdownInlineLabelShrunk_dwfgb_90 {
+._medium_yyjxg_101 ._dropdownInlineLabelShrunk_yyjxg_90 {
   inset-block-start: var(--dimensions-6);
 }
-._dropdownValueText_dwfgb_105 {
+._dropdownValueText_yyjxg_105 {
   color: var(--text-neutral-primary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -10502,14 +10502,14 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._dropdownChevronIcon_dwfgb_116 {
+._dropdownChevronIcon_yyjxg_116 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   justify-content: center;
   transition: transform var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._dropdownTrailing_dwfgb_124 {
+._dropdownTrailing_yyjxg_124 {
   align-items: center;
   column-gap: var(--space-xs);
   display: flex;
@@ -10517,129 +10517,125 @@
   justify-content: flex-end;
   min-inline-size: var(--dimensions-48);
 }
-._dropdownTrailingCompact_dwfgb_133 {
+._dropdownTrailingCompact_yyjxg_133 {
   min-inline-size: auto;
 }
-._dropdownClearButton_dwfgb_137 {
+._dropdownClearButton_yyjxg_137 {
   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;
 }
-._dropdownClearButton_dwfgb_137 svg {
+._dropdownClearButton_yyjxg_137 svg {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
 }
-._dropdownTriggerInsideLabel_dwfgb_151 {
+._dropdownTriggerInsideLabel_yyjxg_151 {
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._dropdownTriggerOutsideLabel_dwfgb_156 {
+._dropdownTriggerOutsideLabel_yyjxg_156 {
   min-block-size: var(--dimensions-44);
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._large_dwfgb_162 {
+._large_yyjxg_162 {
   min-block-size: var(--dimensions-56);
 }
-._large_dwfgb_162._dropdownTriggerOutsideLabel_dwfgb_156 {
+._large_yyjxg_162._dropdownTriggerOutsideLabel_yyjxg_156 {
   min-block-size: var(--dimensions-44);
 }
-._medium_dwfgb_101 {
+._medium_yyjxg_101 {
   font-size: var(--body-md-size);
   min-block-size: var(--dimensions-44);
 }
-._medium_dwfgb_101._dropdownTriggerInsideLabel_dwfgb_151 {
+._medium_yyjxg_101._dropdownTriggerInsideLabel_yyjxg_151 {
   min-block-size: var(--dimensions-44);
   padding-inline: var(--space-xs);
 }
-._medium_dwfgb_101._dropdownTriggerOutsideLabel_dwfgb_156 {
+._medium_yyjxg_101._dropdownTriggerOutsideLabel_yyjxg_156 {
   min-block-size: var(--dimensions-36);
 }
-._medium_dwfgb_101 ._dropdownValueText_dwfgb_105,
-._medium_dwfgb_101 ._dropdownInlineLabel_dwfgb_75 {
+._medium_yyjxg_101 ._dropdownValueText_yyjxg_105,
+._medium_yyjxg_101 ._dropdownInlineLabel_yyjxg_75 {
   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_dwfgb_101 ._dropdownLeadingIcon_dwfgb_57,
-._medium_dwfgb_101 ._dropdownChevronIcon_dwfgb_116,
-._medium_dwfgb_101 ._dropdownClearButton_dwfgb_137 {
+._medium_yyjxg_101 ._dropdownLeadingIcon_yyjxg_57,
+._medium_yyjxg_101 ._dropdownChevronIcon_yyjxg_116,
+._medium_yyjxg_101 ._dropdownClearButton_yyjxg_137 {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
 }
-._medium_dwfgb_101 ._dropdownClearButton_dwfgb_137,
-._medium_dwfgb_101 ._dropdownClearButton_dwfgb_137 svg {
+._medium_yyjxg_101 ._dropdownClearButton_yyjxg_137,
+._medium_yyjxg_101 ._dropdownClearButton_yyjxg_137 svg {
   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;
 }
-._dropdownTrigger_dwfgb_37:hover:not(._dropdownTriggerDisabled_dwfgb_210, ._dropdownTriggerError_dwfgb_210) {
+._dropdownTrigger_yyjxg_37:hover:not(._dropdownTriggerDisabled_yyjxg_210, ._dropdownTriggerError_yyjxg_210) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._dropdownTrigger_dwfgb_37:focus-visible:not(._dropdownTriggerDisabled_dwfgb_210, ._dropdownTriggerError_dwfgb_210) {
+._dropdownTrigger_yyjxg_37:focus-visible:not(._dropdownTriggerDisabled_yyjxg_210, ._dropdownTriggerError_yyjxg_210) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._dropdownTriggerOpen_dwfgb_223:not(._dropdownTriggerError_dwfgb_210) {
+._dropdownTriggerOpen_yyjxg_223:not(._dropdownTriggerError_yyjxg_210) {
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._dropdownTriggerOpen_dwfgb_223._dropdownTriggerError_dwfgb_210 {
+._dropdownTriggerOpen_yyjxg_223._dropdownTriggerError_yyjxg_210 {
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
 }
-._dropdownTriggerError_dwfgb_210 {
+._dropdownTriggerError_yyjxg_210 {
   background-color: var(--surface-accent-red-subtle);
   border-color: var(--border-state-error);
 }
-._dropdownTriggerDisabled_dwfgb_210 {
+._dropdownTriggerDisabled_yyjxg_210 {
   background-color: var(--surface-state-disabled);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._dropdownValueTextPlaceholder_dwfgb_246 {
+._dropdownValueTextPlaceholder_yyjxg_246 {
   color: var(--text-neutral-secondary);
 }
-._dropdownValueTextWithInlineLabel_dwfgb_250 {
+._dropdownValueTextWithInlineLabel_yyjxg_250 {
   opacity: var(--opacity-hidden);
   padding-block: var(--space-md) var(--space-2xs);
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._medium_dwfgb_101 ._dropdownValueTextWithInlineLabel_dwfgb_250 {
+._medium_yyjxg_101 ._dropdownValueTextWithInlineLabel_yyjxg_250 {
   padding-block: var(--space-sm) var(--space-3xs);
 }
-._dropdownValueTextVisible_dwfgb_261 {
+._dropdownValueTextVisible_yyjxg_261 {
   opacity: var(--opacity-visible);
 }
-._dropdownChevronIconRotated_dwfgb_265 {
+._dropdownChevronIconRotated_yyjxg_265 {
   transform: rotate(180deg);
 }
-._dropdownPopover_dwfgb_270 {
-  inset-block-start: 100%;
-  inset-inline-start: 0;
-  margin-block-start: var(--space-4xs);
+._dropdownPopover_yyjxg_270 {
   min-inline-size: 100%;
-  position: absolute;
   z-index: var(--z-index-dropdown);
 }
-._dropdownSheetContent_dwfgb_279 {
+._dropdownSheetContent_yyjxg_275 {
   padding: 0;
 }
-._dropdownSheetList_dwfgb_283 {
+._dropdownSheetList_yyjxg_279 {
   background: transparent;
 }
-._dropdownSheetOptions_dwfgb_287 {
+._dropdownSheetOptions_yyjxg_283 {
   display: flex;
   flex-direction: column;
 }
-._dropdownSheetItem_dwfgb_292 {
+._dropdownSheetItem_yyjxg_288 {
   background: transparent;
 }
-._dropdownHelperText_dwfgb_296 {
+._dropdownHelperText_yyjxg_292 {
   color: var(--text-neutral-primary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);
@@ -10647,7 +10643,7 @@
   line-height: var(--body-sm-line-height);
   margin-block-start: var(--space-4xs);
 }
-._dropdownHelperText_dwfgb_296._dropdownHelperTextError_dwfgb_305 {
+._dropdownHelperText_yyjxg_292._dropdownHelperTextError_yyjxg_301 {
   color: var(--text-state-error);
 }
 ._datePickerRoot_75dpd_1 {