@photonix/basic 1.9.2 → 2.0.0

package/dist/index.css

@@ -8549,35 +8549,35 @@
   position: absolute;
   z-index: var(--z-local-content);
 }
-._chartContainer_b1ptg_6 {
+._chartContainer_z9qmq_6 {
   inline-size: 100%;
   isolation: isolate;
   outline: none;
   position: relative;
 }
-.phx-chart-container * {
+._chartContainer_z9qmq_6 * {
   box-shadow: none !important;
   outline: none !important;
   outline: 0 !important;
 }
-.phx-chart-container *:focus,
-.phx-chart-container *:focus-visible,
-.phx-chart-container *:active {
+._chartContainer_z9qmq_6 *:focus,
+._chartContainer_z9qmq_6 *:focus-visible,
+._chartContainer_z9qmq_6 *:active {
   box-shadow: none !important;
   outline: none !important;
   outline: 0 !important;
 }
-._chartContainer_b1ptg_6 .recharts-text {
+._chartContainer_z9qmq_6 .recharts-text {
   font-family: var(--body-sm-family);
 }
-._chartContainer_b1ptg_6 .recharts-legend-item-text {
+._chartContainer_z9qmq_6 .recharts-legend-item-text {
   font-family: var(--body-sm-family) !important;
 }
-._chartTooltip_b1ptg_44 {
+._chartTooltip_z9qmq_43 {
   background-color: var(--surface-neutral-elevator);
   border: var(--border-xs) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-sm);
-  box-shadow: var(--shadow-md);
+  box-shadow: var(--shadow-md) !important;
   display: flex;
   flex-direction: column;
   gap: var(--space-2xs);
@@ -8585,14 +8585,14 @@
   padding: var(--space-xs) var(--space-sm);
   z-index: var(--z-local-top);
 }
-._chartTooltipLabel_b1ptg_58 {
+._chartTooltipLabel_z9qmq_57 {
   color: var(--text-neutral-secondary);
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
   margin-block-end: var(--space-xs);
 }
-._chartTooltipItem_b1ptg_66 {
+._chartTooltipItem_z9qmq_65 {
   align-items: center;
   color: var(--text-neutral-primary);
   display: flex;
@@ -8600,29 +8600,29 @@
   font-size: var(--body-sm-size);
   gap: var(--space-xs);
 }
-._chartTooltipIndicator_b1ptg_75 {
+._chartTooltipIndicator_z9qmq_74 {
   block-size: var(--dimensions-8);
   border-radius: var(--radius-xs);
   inline-size: var(--dimensions-8);
 }
-._chartTooltipValue_b1ptg_81 {
+._chartTooltipValue_z9qmq_80 {
   font-feature-settings: "tnum";
   font-variant-numeric: tabular-nums;
   font-weight: var(--typeface-weight-bold);
   margin-inline-start: auto;
 }
-._chartTooltipDivider_b1ptg_88 {
+._chartTooltipDivider_z9qmq_87 {
   background-color: var(--border-neutral-tertiary);
   block-size: var(--border-xs);
   inline-size: 100%;
   margin-block: var(--space-2xs);
 }
-._chartTooltipBreakdown_b1ptg_95 {
+._chartTooltipBreakdown_z9qmq_94 {
   display: flex;
   flex-direction: column;
   gap: var(--space-3xs);
 }
-._chartTooltipSubItem_b1ptg_101 {
+._chartTooltipSubItem_z9qmq_100 {
   align-items: center;
   color: var(--text-neutral-secondary);
   display: flex;
@@ -8630,25 +8630,25 @@
   font-size: var(--body-sm-size);
   gap: var(--space-xs);
 }
-._chartTooltipSubIndicator_b1ptg_110 {
+._chartTooltipSubIndicator_z9qmq_109 {
   block-size: var(--dimensions-6);
   border-radius: var(--radius-full);
   inline-size: var(--dimensions-6);
 }
-._chartTooltipSubValue_b1ptg_116 {
+._chartTooltipSubValue_z9qmq_115 {
   font-feature-settings: "tnum";
   font-variant-numeric: tabular-nums;
   font-weight: var(--typeface-weight-bold);
   margin-inline-start: auto;
 }
-._chartLegend_b1ptg_124 {
+._chartLegend_z9qmq_123 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-md);
   justify-content: center;
   margin-block-start: var(--space-md);
 }
-._chartLegendItem_b1ptg_132 {
+._chartLegendItem_z9qmq_131 {
   align-items: center;
   color: var(--text-neutral-secondary);
   cursor: pointer;
@@ -8659,10 +8659,10 @@
   opacity: 1;
   transition: opacity var(--motion-duration-fast) var(--motion-ease-in-out);
 }
-._chartLegendItemInactive_b1ptg_144 {
+._chartLegendItemInactive_z9qmq_143 {
   opacity: var(--opacity-muted);
 }
-._chartLegendIndicator_b1ptg_148 {
+._chartLegendIndicator_z9qmq_147 {
   block-size: var(--dimensions-8);
   border-radius: var(--radius-full);
   inline-size: var(--dimensions-8);
@@ -15797,25 +15797,25 @@
   line-height: var(--body-sm-line-height);
   margin-inline-start: auto;
 }
-._textFieldRoot_ffw3r_1 {
+._textFieldRoot_vxmtg_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--body-lg-family);
   inline-size: 100%;
 }
-._widthAuto_ffw3r_8 {
+._widthAuto_vxmtg_8 {
   inline-size: auto;
 }
-._dropdownOpen_ffw3r_12 {
+._dropdownOpen_vxmtg_12 {
   position: relative;
   z-index: var(--z-index-dropdown);
 }
-._textFieldLabel_ffw3r_17 {
+._textFieldLabel_vxmtg_17 {
   color: var(--text-neutral-secondary);
   display: block;
   margin-block-end: var(--space-5xs);
 }
-._outsideLabel_ffw3r_23 {
+._outsideLabel_vxmtg_23 {
   color: var(--text-neutral-primary);
   font-family: var(--title-md-family);
   font-size: var(--title-md-size);
@@ -15823,7 +15823,7 @@
   letter-spacing: var(--title-md-letter-spacing);
   line-height: var(--title-md-line-height);
 }
-._textFieldContainer_ffw3r_32 {
+._textFieldContainer_vxmtg_32 {
   align-items: center;
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-2xs);
@@ -15835,65 +15835,65 @@
   position: relative;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._insideNoIcon_ffw3r_52 {
+._insideNoIcon_vxmtg_52 {
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._withLeadingText_ffw3r_57 {
+._withLeadingText_vxmtg_57 {
   padding: var(--space-2xs) var(--space-xs) var(--space-2xs) var(--space-2xs);
 }
-._outsideLabelVariant_ffw3r_62 {
+._outsideLabelVariant_vxmtg_62 {
   min-block-size: var(--dimensions-44);
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._outsideLabelMedium_ffw3r_67 {
+._outsideLabelMedium_vxmtg_67 {
   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_ffw3r_76 {
+._large_vxmtg_76 {
   min-block-size: var(--dimensions-56);
 }
-._large_ffw3r_76._outsideLabelVariant_ffw3r_62 {
+._large_vxmtg_76._outsideLabelVariant_vxmtg_62 {
   min-block-size: var(--dimensions-44);
 }
-._medium_ffw3r_86 {
+._medium_vxmtg_86 {
   font-size: var(--body-md-size);
   line-height: var(--body-md-line-height);
   min-block-size: var(--dimensions-44);
 }
-._medium_ffw3r_86._outsideLabelVariant_ffw3r_62 {
+._medium_vxmtg_86._outsideLabelVariant_vxmtg_62 {
   min-block-size: var(--dimensions-36);
 }
-._textFieldContainer_ffw3r_32:hover:not(._disabled_ffw3r_103, ._error_ffw3r_103) {
+._textFieldContainer_vxmtg_32:hover:not(._disabled_vxmtg_103, ._error_vxmtg_103) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._focused_ffw3r_109:not(._error_ffw3r_103) {
+._focused_vxmtg_109:not(._error_vxmtg_103) {
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._focused_ffw3r_109._error_ffw3r_103 {
+._focused_vxmtg_109._error_vxmtg_103 {
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
 }
-._error_ffw3r_103 {
+._error_vxmtg_103 {
   background-color: var(--surface-state-error);
   border-color: var(--border-state-error);
 }
-._disabled_ffw3r_103 {
+._disabled_vxmtg_103 {
   background-color: var(--surface-state-disabled);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._textFieldLeadingIcon_ffw3r_135 {
+._textFieldLeadingIcon_vxmtg_135 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   justify-content: center;
   margin-inline-end: var(--space-xs);
 }
-._textFieldLeadingText_ffw3r_143 {
+._textFieldLeadingText_vxmtg_143 {
   align-items: center;
   background-color: var(--surface-neutral-on-surface);
   border-radius: var(--radius-4xs);
@@ -15907,7 +15907,7 @@
   padding: var(--space-4xs) var(--space-2xs);
   white-space: nowrap;
 }
-._textFieldInputWrapper_ffw3r_158 {
+._textFieldInputWrapper_vxmtg_158 {
   block-size: 100%;
   display: flex;
   flex: 1;
@@ -15915,7 +15915,7 @@
   padding-inline-end: var(--space-xs);
   position: relative;
 }
-._textFieldInlineLabel_ffw3r_167 {
+._textFieldInlineLabel_vxmtg_167 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -15931,7 +15931,7 @@
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._shrunk_ffw3r_186 {
+._shrunk_vxmtg_186 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -15940,7 +15940,7 @@
   line-height: var(--label-sm-line-height);
   transform: translateY(0);
 }
-._textFieldInput_ffw3r_158 {
+._textFieldInput_vxmtg_158 {
   background: transparent;
   block-size: 100%;
   border: none;
@@ -15960,49 +15960,52 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._textFieldInput_ffw3r_158:focus {
+._textFieldInput_vxmtg_158:focus {
   text-overflow: clip;
 }
-._withInlineLabel_ffw3r_230 {
+._withInlineLabel_vxmtg_230 {
   padding-block: var(--space-md) var(--space-2xs);
 }
-._withInlineLabel_ffw3r_230:not(._active_ffw3r_236) {
+._withInlineLabel_vxmtg_230:not(._active_vxmtg_236) {
   opacity: var(--opacity-hidden);
 }
-._withInlineLabel_ffw3r_230._active_ffw3r_236 {
+._withInlineLabel_vxmtg_230._active_vxmtg_236 {
   opacity: var(--opacity-visible);
 }
-._textFieldInput_ffw3r_158::placeholder {
+._textFieldInput_vxmtg_158::placeholder {
   color: var(--text-neutral-secondary);
 }
-._textFieldTrailingGroup_ffw3r_250 {
+._textFieldTrailingGroup_vxmtg_250 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
 }
-._textFieldClearButton_ffw3r_256 {
+._textFieldClearButton_vxmtg_256 {
   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_ffw3r_256 svg {
+._textFieldClearButton_vxmtg_256 svg {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
 }
-._textFieldSuffixDivider_ffw3r_269 {
+._textFieldPasswordToggle_vxmtg_269 {
+  color: var(--fg-neutral-secondary);
+}
+._textFieldSuffixDivider_vxmtg_273 {
   align-self: center;
   block-size: var(--dimensions-24);
 }
-._textFieldTrailingDropdownWrapper_ffw3r_274 {
+._textFieldTrailingDropdownWrapper_vxmtg_278 {
   align-items: center;
   block-size: 100%;
   display: flex;
   position: relative;
   z-index: var(--z-local-below);
 }
-._textFieldTrailingDropdown_ffw3r_274 {
+._textFieldTrailingDropdown_vxmtg_278 {
   align-items: center;
   color: var(--text-neutral-primary);
   cursor: pointer;
@@ -16014,26 +16017,26 @@
   line-height: var(--body-lg-line-height);
   transition: color var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._textFieldTrailingDropdown_ffw3r_274:hover,
-._activeDropdown_ffw3r_297 {
+._textFieldTrailingDropdown_vxmtg_278:hover,
+._activeDropdown_vxmtg_301 {
   color: var(--text-neutral-primary);
 }
-._textFieldTrailingDropdown_ffw3r_274 span {
+._textFieldTrailingDropdown_vxmtg_278 span {
   margin-inline-end: calc(var(--dimensions-4) * -1);
 }
-._textFieldChevronIcon_ffw3r_305 {
+._textFieldChevronIcon_vxmtg_309 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   transition: transform var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._rotated_ffw3r_313 {
+._rotated_vxmtg_317 {
   transform: rotate(180deg);
 }
-._textFieldDropdownPopover_ffw3r_318 {
+._textFieldDropdownPopover_vxmtg_322 {
   z-index: var(--z-index-dropdown);
 }
-._textFieldTrailingIconWrapper_ffw3r_322 {
+._textFieldTrailingIconWrapper_vxmtg_326 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   cursor: pointer;
@@ -16041,7 +16044,7 @@
   gap: var(--space-xs);
   z-index: var(--z-local-below);
 }
-._textFieldHelperText_ffw3r_333 {
+._textFieldHelperText_vxmtg_337 {
   color: var(--text-neutral-primary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);
@@ -16049,10 +16052,10 @@
   line-height: var(--body-sm-line-height);
   margin-block-start: var(--space-4xs);
 }
-._errorText_ffw3r_342 {
+._errorText_vxmtg_346 {
   color: var(--text-state-error);
 }
-._textFieldChevronOnly_ffw3r_348 {
+._textFieldChevronOnly_vxmtg_352 {
   align-items: center;
   color: var(--text-neutral-primary);
   cursor: pointer;
@@ -16060,41 +16063,41 @@
   justify-content: center;
   padding: var(--space-2xs);
 }
-._textFieldChevronOnly_ffw3r_348:hover {
+._textFieldChevronOnly_vxmtg_352:hover {
   background-color: var(--surface-state-hover);
   border-radius: var(--radius-4xs);
 }
-._readOnly_ffw3r_363 {
+._readOnly_vxmtg_367 {
   background-color: var(--surface-neutral-secondary);
   cursor: default;
 }
-._readOnly_ffw3r_363 ._textFieldInput_ffw3r_158 {
+._readOnly_vxmtg_367 ._textFieldInput_vxmtg_158 {
   cursor: default;
 }
-._textFieldRequiredIndicator_ffw3r_373 {
+._textFieldRequiredIndicator_vxmtg_377 {
   color: var(--text-state-error);
 }
-._textFieldFooter_ffw3r_378 {
+._textFieldFooter_vxmtg_382 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
   justify-content: space-between;
   margin-block-start: var(--space-4xs);
 }
-._medium_ffw3r_86 ._textFieldInput_ffw3r_158,
-._medium_ffw3r_86 ._textFieldInlineLabel_ffw3r_167 {
+._medium_vxmtg_86 ._textFieldInput_vxmtg_158,
+._medium_vxmtg_86 ._textFieldInlineLabel_vxmtg_167 {
   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_ffw3r_86 ._textFieldLeadingIcon_ffw3r_135,
-._medium_ffw3r_86 ._textFieldTrailingGroup_ffw3r_250 svg {
+._medium_vxmtg_86 ._textFieldLeadingIcon_vxmtg_135,
+._medium_vxmtg_86 ._textFieldTrailingGroup_vxmtg_250 svg {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
 }
-._medium_ffw3r_86 ._shrunk_ffw3r_186 {
+._medium_vxmtg_86 ._shrunk_vxmtg_186 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -16102,13 +16105,13 @@
   letter-spacing: var(--label-sm-letter-spacing);
   line-height: var(--label-sm-line-height);
 }
-._medium_ffw3r_86 ._withInlineLabel_ffw3r_230 {
+._medium_vxmtg_86 ._withInlineLabel_vxmtg_230 {
   padding-block: var(--space-sm) var(--space-3xs);
 }
-._medium_ffw3r_86 ._textFieldInput_ffw3r_158 {
+._medium_vxmtg_86 ._textFieldInput_vxmtg_158 {
   font-size: var(--body-md-size);
 }
-._textFieldCharacterCount_ffw3r_419 {
+._textFieldCharacterCount_vxmtg_423 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);