@iress-oss/ids-components 6.0.0-alpha.16 → 6.0.0-alpha.18

package/dist/main.js

@@ -12,7 +12,7 @@ import { buttonGroup as L } from "./components/ButtonGroup/ButtonGroup.styles.js
 import { useButtonGroupItem as E } from "./components/ButtonGroup/hooks/useButtonGroupItem.js";
 import { IressButtonCard as A, IressCard as P, IressLinkCard as v } from "./components/Card/Card.js";
 import { card as M } from "./components/Card/Card.styles.js";
-import { IressCheckbox as _ } from "./components/Checkbox/Checkbox.js";
+import { IressCheckbox as y } from "./components/Checkbox/Checkbox.js";
 import { checkbox as N } from "./components/Checkbox/Checkbox.styles.js";
 import { CheckboxGroupContext as D, IressCheckboxGroup as H, getCheckboxGroupContext as V } from "./components/CheckboxGroup/CheckboxGroup.js";
 import { checkboxGroup as U } from "./components/CheckboxGroup/CheckboxGroup.styles.js";
@@ -38,7 +38,7 @@ import { inline as Er } from "./components/Inline/Inline.styles.js";
 import { IressInline as Ar } from "./components/Inline/Inline.js";
 import { IressInput as vr } from "./components/Input/Input.js";
 import { input as Mr } from "./components/Input/Input.styles.js";
-import { IressInputCurrency as _r } from "./components/InputCurrency/InputCurrency.js";
+import { IressInputCurrency as yr } from "./components/InputCurrency/InputCurrency.js";
 import { IressLabel as Nr } from "./components/Label/Label.js";
 import { label as Dr } from "./components/Label/Label.styles.js";
 import { IressLink as Vr } from "./components/Link/Link.js";
@@ -64,7 +64,7 @@ import { usePopoverItem as ho } from "./components/Popover/hooks/usePopoverItem.
 import { IressProgress as Po } from "./components/Progress/Progress.js";
 import { progress as Fo } from "./components/Progress/Progress.styles.js";
 import { I as Bo } from "./Provider-B87u_maF.js";
-import { IressRadio as yo } from "./components/Radio/Radio.js";
+import { IressRadio as _o } from "./components/Radio/Radio.js";
 import { radio as Oo } from "./components/Radio/Radio.styles.js";
 import { IressRadioGroup as Ho, RadioGroupContext as Vo, getRadioGroupContext as wo } from "./components/RadioGroup/RadioGroup.js";
 import { radioGroup as Zo } from "./components/RadioGroup/RadioGroup.styles.js";
@@ -90,65 +90,65 @@ import { IressSkipLink as he } from "./components/SkipLink/SkipLink.js";
 import { skipLink as Pe } from "./components/SkipLink/SkipLink.styles.js";
 import { IressSlideout as Fe } from "./components/Slideout/Slideout.js";
 import { slideout as Be } from "./components/Slideout/Slideout.styles.js";
-import { IressSlideoutProvider as ye } from "./components/Slideout/SlideoutProvider.js";
+import { IressSlideoutProvider as _e } from "./components/Slideout/SlideoutProvider.js";
 import { SlideoutContext as Oe, useSlideout as De } from "./components/Slideout/hooks/useSlideout.js";
 import { IressSlider as Ve } from "./components/Slider/Slider.js";
 import { slider as Ue } from "./components/Slider/Slider.styles.js";
 import { IressSpinner as Ke } from "./components/Spinner/Spinner.js";
-import { spinner as Qe } from "./components/Spinner/Spinner.styles.js";
-import { stack as Ye } from "./components/Stack/Stack.styles.js";
-import { IressStack as qe } from "./components/Stack/Stack.js";
-import { IressStyled as Je } from "./components/Styled/Styled.js";
-import { IressTable as rt } from "./components/Table/Table.js";
-import { table as et, tableCell as tt } from "./components/Table/Table.styles.js";
-import { IressTableBody as pt } from "./components/Table/TableBody/TableBody.js";
-import { IressTableFormattedValue as xt } from "./components/Table/TableFormattedValue/TableFormattedValue.js";
-import { useTable as It } from "./components/Table/hooks/useTable.js";
-import { IressTabSet as lt } from "./components/TabSet/TabSet.js";
-import { tabSet as nt } from "./components/TabSet/TabSet.styles.js";
-import { IressTab as ut } from "./components/TabSet/Tab/Tab.js";
-import { tab as ct } from "./components/TabSet/Tab/Tab.styles.js";
-import { IressTag as Tt } from "./components/Tag/Tag.js";
-import { tag as gt } from "./components/Tag/Tag.styles.js";
-import { IressTagInput as Gt } from "./components/Tag/TagInput/TagInput.js";
-import { text as Rt } from "./components/Text/Text.styles.js";
-import { IressText as ht } from "./components/Text/Text.js";
-import { IressToasterProvider as Pt } from "./components/Toaster/ToasterProvider.js";
-import { ToasterContext as Ft, useToaster as Mt } from "./components/Toaster/hooks/useToaster.js";
+import { chatty as Qe, spinner as We } from "./components/Spinner/Spinner.styles.js";
+import { stack as je } from "./components/Stack/Stack.styles.js";
+import { IressStack as ze } from "./components/Stack/Stack.js";
+import { IressStyled as $e } from "./components/Styled/Styled.js";
+import { IressTable as ot } from "./components/Table/Table.js";
+import { table as tt, tableCell as st } from "./components/Table/Table.styles.js";
+import { IressTableBody as mt } from "./components/Table/TableBody/TableBody.js";
+import { IressTableFormattedValue as ft } from "./components/Table/TableFormattedValue/TableFormattedValue.js";
+import { useTable as at } from "./components/Table/hooks/useTable.js";
+import { IressTabSet as it } from "./components/TabSet/TabSet.js";
+import { tabSet as dt } from "./components/TabSet/TabSet.styles.js";
+import { IressTab as St } from "./components/TabSet/Tab/Tab.js";
+import { tab as Ct } from "./components/TabSet/Tab/Tab.styles.js";
+import { IressTag as bt } from "./components/Tag/Tag.js";
+import { tag as kt } from "./components/Tag/Tag.styles.js";
+import { IressTagInput as Lt } from "./components/Tag/TagInput/TagInput.js";
+import { text as Et } from "./components/Text/Text.styles.js";
+import { IressText as At } from "./components/Text/Text.js";
+import { IressToasterProvider as vt } from "./components/Toaster/ToasterProvider.js";
+import { ToasterContext as Mt, useToaster as Bt } from "./components/Toaster/hooks/useToaster.js";
 import { toaster as _t } from "./components/Toaster/Toaster.styles.js";
-import { toast as Nt } from "./components/Toaster/components/Toast/Toast.styles.js";
-import { IressToggle as Dt } from "./components/Toggle/Toggle.js";
-import { toggle as Vt } from "./components/Toggle/Toggle.styles.js";
-import { IressTooltip as Ut } from "./components/Tooltip/Tooltip.js";
-import { tooltip as Kt } from "./components/Tooltip/Tooltip.styles.js";
-import { IressValidationMessage as Qt } from "./components/ValidationMessage/ValidationMessage.js";
-import { IressValidationLink as Yt } from "./components/ValidationMessage/ValidationLink/ValidationLink.js";
-import { IressValidationSummary as qt } from "./components/ValidationMessage/ValidationSummary/ValidationSummary.js";
-import { IressForm as Jt } from "./patterns/Form/Form.js";
-import { IressFormField as rs } from "./patterns/Form/FormField/FormField.js";
-import { IressFormFieldset as es } from "./patterns/Form/FormField/FormFieldset.js";
-import { IressFormValidationSummary as ss } from "./patterns/Form/FormValidationSummary/FormValidationSummary.js";
-import { IressHookForm as ms } from "./patterns/Form/HookForm/HookForm.js";
-import { IressLoading as fs } from "./patterns/Loading/Loading.js";
-import { IressLoadingSuspense as as } from "./patterns/Loading/LoadingSuspense.js";
-import { IressShadow as is } from "./patterns/Shadow/Shadow.js";
-import { BREAKPOINTS as ds, BREAKPOINT_DETAILS as us, FOCUSABLE_QUERY_SELECTOR as Ss, FORM_ELEMENT_WIDTHS as cs, GRID_SIZE as Cs, HORIZONTAL_ALIGNS as Ts, STATUSES as bs, TEXT_ALIGNS as gs, VERTICAL_ALIGNS as ks, Z_INDEX as Gs } from "./constants.js";
-import { GlobalCSSClass as Rs } from "./enums.js";
-import { toArray as hs } from "./helpers/formatting/toArray.js";
-import { iressCss as Ps } from "./helpers/styling/iressCss.js";
-import { useBreakpoint as Fs } from "./hooks/useBreakpoint.js";
-import { useControlledState as Bs } from "./hooks/useControlledState.js";
-import { useIdIfNeeded as ys } from "./hooks/useIdIfNeeded.js";
-import { useResponsiveProps as Os } from "./hooks/useResponsiveProps.js";
+import { toast as Ot } from "./components/Toaster/components/Toast/Toast.styles.js";
+import { IressToggle as Ht } from "./components/Toggle/Toggle.js";
+import { toggle as wt } from "./components/Toggle/Toggle.styles.js";
+import { IressTooltip as Zt } from "./components/Tooltip/Tooltip.js";
+import { tooltip as Xt } from "./components/Tooltip/Tooltip.styles.js";
+import { IressValidationMessage as Wt } from "./components/ValidationMessage/ValidationMessage.js";
+import { IressValidationLink as jt } from "./components/ValidationMessage/ValidationLink/ValidationLink.js";
+import { IressValidationSummary as zt } from "./components/ValidationMessage/ValidationSummary/ValidationSummary.js";
+import { IressForm as $t } from "./patterns/Form/Form.js";
+import { IressFormField as os } from "./patterns/Form/FormField/FormField.js";
+import { IressFormFieldset as ts } from "./patterns/Form/FormField/FormFieldset.js";
+import { IressFormValidationSummary as ps } from "./patterns/Form/FormValidationSummary/FormValidationSummary.js";
+import { IressHookForm as xs } from "./patterns/Form/HookForm/HookForm.js";
+import { IressLoading as Is } from "./patterns/Loading/Loading.js";
+import { IressLoadingSuspense as ls } from "./patterns/Loading/LoadingSuspense.js";
+import { IressShadow as ns } from "./patterns/Shadow/Shadow.js";
+import { BREAKPOINTS as us, BREAKPOINT_DETAILS as Ss, FOCUSABLE_QUERY_SELECTOR as cs, FORM_ELEMENT_WIDTHS as Cs, GRID_SIZE as Ts, HORIZONTAL_ALIGNS as bs, STATUSES as gs, TEXT_ALIGNS as ks, VERTICAL_ALIGNS as Gs, Z_INDEX as Ls } from "./constants.js";
+import { GlobalCSSClass as Es } from "./enums.js";
+import { toArray as As } from "./helpers/formatting/toArray.js";
+import { iressCss as vs } from "./helpers/styling/iressCss.js";
+import { useBreakpoint as Ms } from "./hooks/useBreakpoint.js";
+import { useControlledState as ys } from "./hooks/useControlledState.js";
+import { useIdIfNeeded as Ns } from "./hooks/useIdIfNeeded.js";
+import { useResponsiveProps as Ds } from "./hooks/useResponsiveProps.js";
 export {
-  ds as BREAKPOINTS,
-  us as BREAKPOINT_DETAILS,
+  us as BREAKPOINTS,
+  Ss as BREAKPOINT_DETAILS,
   D as CheckboxGroupContext,
-  Ss as FOCUSABLE_QUERY_SELECTOR,
-  cs as FORM_ELEMENT_WIDTHS,
-  Cs as GRID_SIZE,
-  Rs as GlobalCSSClass,
-  Ts as HORIZONTAL_ALIGNS,
+  cs as FOCUSABLE_QUERY_SELECTOR,
+  Cs as FORM_ELEMENT_WIDTHS,
+  Ts as GRID_SIZE,
+  Es as GlobalCSSClass,
+  bs as HORIZONTAL_ALIGNS,
   e as IressAlert,
   m as IressAutocomplete,
   n as IressBadge,
@@ -156,7 +156,7 @@ export {
   A as IressButtonCard,
   k as IressButtonGroup,
   P as IressCard,
-  _ as IressCheckbox,
+  y as IressCheckbox,
   H as IressCheckboxGroup,
   b as IressCloseButton,
   Q as IressCol,
@@ -166,23 +166,23 @@ export {
   mr as IressField,
   ar as IressFieldGroup,
   dr as IressFilter,
-  Jt as IressForm,
-  rs as IressFormField,
-  es as IressFormFieldset,
-  ss as IressFormValidationSummary,
+  $t as IressForm,
+  os as IressFormField,
+  ts as IressFormFieldset,
+  ps as IressFormValidationSummary,
   Sr as IressHide,
-  ms as IressHookForm,
+  xs as IressHookForm,
   Cr as IressIcon,
   kr as IressImage,
   Ar as IressInline,
   vr as IressInput,
-  _r as IressInputCurrency,
+  yr as IressInputCurrency,
   Go as IressInputPopover,
   Nr as IressLabel,
   Vr as IressLink,
   v as IressLinkCard,
-  fs as IressLoading,
-  as as IressLoadingSuspense,
+  Is as IressLoading,
+  ls as IressLoadingSuspense,
   Kr as IressMenu,
   Yr as IressMenuDivider,
   Jr as IressMenuHeading,
@@ -195,7 +195,7 @@ export {
   To as IressPopover,
   Po as IressProgress,
   Bo as IressProvider,
-  yo as IressRadio,
+  _o as IressRadio,
   Ho as IressRadioGroup,
   Xo as IressReadonly,
   x as IressRichSelect,
@@ -210,43 +210,44 @@ export {
   xe as IressSelectSearch,
   Ie as IressSelectSearchInput,
   le as IressSelectTags,
-  is as IressShadow,
+  ns as IressShadow,
   Ge as IressSkeleton,
   he as IressSkipLink,
   Fe as IressSlideout,
-  ye as IressSlideoutProvider,
+  _e as IressSlideoutProvider,
   Ve as IressSlider,
   Ke as IressSpinner,
-  qe as IressStack,
-  Je as IressStyled,
-  ut as IressTab,
-  lt as IressTabSet,
-  rt as IressTable,
-  pt as IressTableBody,
-  xt as IressTableFormattedValue,
-  Tt as IressTag,
-  Gt as IressTagInput,
-  ht as IressText,
-  Pt as IressToasterProvider,
-  Dt as IressToggle,
-  Ut as IressTooltip,
-  Yt as IressValidationLink,
-  Qt as IressValidationMessage,
-  qt as IressValidationSummary,
+  ze as IressStack,
+  $e as IressStyled,
+  St as IressTab,
+  it as IressTabSet,
+  ot as IressTable,
+  mt as IressTableBody,
+  ft as IressTableFormattedValue,
+  bt as IressTag,
+  Lt as IressTagInput,
+  At as IressText,
+  vt as IressToasterProvider,
+  Ht as IressToggle,
+  Zt as IressTooltip,
+  jt as IressValidationLink,
+  Wt as IressValidationMessage,
+  zt as IressValidationSummary,
   xo as ModalContext,
   Vo as RadioGroupContext,
-  bs as STATUSES,
+  gs as STATUSES,
   Oe as SlideoutContext,
-  gs as TEXT_ALIGNS,
-  Ft as ToasterContext,
-  ks as VERTICAL_ALIGNS,
-  Gs as Z_INDEX,
+  ks as TEXT_ALIGNS,
+  Mt as ToasterContext,
+  Gs as VERTICAL_ALIGNS,
+  Ls as Z_INDEX,
   s as alert,
   I as autoComplete,
   u as badge,
   C as button,
   L as buttonGroup,
   M as card,
+  Qe as chatty,
   N as checkbox,
   U as checkboxGroup,
   K as col,
@@ -261,7 +262,7 @@ export {
   Lr as image,
   Er as inline,
   Mr as input,
-  Ps as iressCss,
+  vs as iressCss,
   Dr as label,
   Ur as link,
   Qr as menu,
@@ -279,30 +280,30 @@ export {
   Pe as skipLink,
   Be as slideout,
   Ue as slider,
-  Qe as spinner,
-  Ye as stack,
-  ct as tab,
-  nt as tabSet,
-  et as table,
-  tt as tableCell,
-  gt as tag,
-  Rt as text,
-  hs as toArray,
-  Nt as toast,
+  We as spinner,
+  je as stack,
+  Ct as tab,
+  dt as tabSet,
+  tt as table,
+  st as tableCell,
+  kt as tag,
+  Et as text,
+  As as toArray,
+  Ot as toast,
   _t as toaster,
-  Vt as toggle,
-  Kt as tooltip,
+  wt as toggle,
+  Xt as tooltip,
   l as useAutocompleteSearch,
-  Fs as useBreakpoint,
+  Ms as useBreakpoint,
   E as useButtonGroupItem,
-  Bs as useControlledState,
-  ys as useIdIfNeeded,
+  ys as useControlledState,
+  Ns as useIdIfNeeded,
   fo as useModal,
   Ro as usePopover,
   ho as usePopoverItem,
-  Os as useResponsiveProps,
+  Ds as useResponsiveProps,
   jo as useRichSelectState,
   De as useSlideout,
-  It as useTable,
-  Mt as useToaster
+  at as useTable,
+  Bt as useToaster
 };

package/dist/patterns/Loading/Loading.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const loading: import('../../styled-system/types').SlotRecipeRuntimeFn<"overlay" | "message" | "root" | "critical", {
+export declare const loading: import('../../styled-system/types').SlotRecipeRuntimeFn<"overlay" | "root" | "message" | "critical", {
     error: {
         true: {
             root: {

package/dist/patterns/Shadow/Shadow.js

@@ -391,6 +391,18 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     --breakpoints-xxl: 1500px;
 }
 
+  @keyframes chatty {
+    0%,60%,100% {
+      transform: translateY(0);
+      opacity: 0.7;
+}
+
+    30% {
+      transform: translateY(50%);
+      opacity: 1;
+}
+}
+
   @keyframes fieldFooter {
     0% {
       display: none;
@@ -2464,6 +2476,14 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background: var(--colors-transparent);
 }
 
+  .bg_colour\\.neutral\\.50 {
+    background: var(--colors-colour\\.neutral\\.50);
+}
+
+  .anim_chatty_1\\.4s_infinite_ease-in-out {
+    animation: chatty 1.4s infinite ease-in-out;
+}
+
   .p_spacing\\.6 {
     padding: var(--spacing-spacing\\.6);
 }
@@ -2668,10 +2688,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background: var(--colors-colour\\.primary\\.on-fill);
 }
 
-  .bg_colour\\.neutral\\.50 {
-    background: var(--colors-colour\\.neutral\\.50);
-}
-
   .bg_colour\\.neutral\\.60 {
     background: var(--colors-colour\\.neutral\\.60);
 }
@@ -3759,6 +3775,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     display: none;
 }
 
+  .contain_layout_style_paint {
+    contain: layout style paint;
+}
+
   .lh_1 {
     line-height: 1;
 }
@@ -3894,6 +3914,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     vertical-align: stretch;
 }
 
+  .contain_layout_style {
+    contain: layout style;
+}
+
   .ta_start {
     text-align: start;
 }
@@ -4311,6 +4335,42 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     text-align: right;
 }
 
+  .resize_none {
+    resize: none;
+}
+
+  .scrollable_y {
+    overflow-y: auto;
+}
+
+  .scrollable_y::-webkit-scrollbar {
+    width: var(--iress-typography-base-size, .875rem);
+    height: var(--iress-typography-base-size, .875rem);
+}
+
+  .scrollable_y::-webkit-scrollbar-track {
+    background: var(--iress-colour-neutral-20, #F5F6F8);
+    border-radius: var(--iress-radius-100, 1rem);
+}
+
+  .scrollable_y::-webkit-scrollbar-thumb {
+    background-color: var(--iress-colour-neutral-60, #828F9D);
+    border-radius: var(--iress-radius-025, calc(0.25 * var(--iress-radius-100, 1rem)));
+}
+
+  .scrollable_y::-webkit-scrollbar-thumb:hover {
+    background-color: var(--iress-colour-primary-fill, #1D1F4B);
+}
+
+  .scrollable_y::-webkit-scrollbar-corner {
+    background: rgba(0, 0, 0, 0);
+}
+
+  .scrollable_y {
+    scrollbar-width: thin;
+    scrollbar-color: var(--iress-colour-neutral-60, #828F9D) var(--iress-colour-neutral-20, #F5F6F8);
+}
+
   .ai_baseline {
     align-items: baseline;
 }
@@ -4375,38 +4435,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     position: static !important;
 }
 
-  .scrollable_y {
-    overflow-y: auto;
-}
-
-  .scrollable_y::-webkit-scrollbar {
-    width: var(--iress-typography-base-size, .875rem);
-    height: var(--iress-typography-base-size, .875rem);
-}
-
-  .scrollable_y::-webkit-scrollbar-track {
-    background: var(--iress-colour-neutral-20, #F5F6F8);
-    border-radius: var(--iress-radius-100, 1rem);
-}
-
-  .scrollable_y::-webkit-scrollbar-thumb {
-    background-color: var(--iress-colour-neutral-60, #828F9D);
-    border-radius: var(--iress-radius-025, calc(0.25 * var(--iress-radius-100, 1rem)));
-}
-
-  .scrollable_y::-webkit-scrollbar-thumb:hover {
-    background-color: var(--iress-colour-primary-fill, #1D1F4B);
-}
-
-  .scrollable_y::-webkit-scrollbar-corner {
-    background: rgba(0, 0, 0, 0);
-}
-
-  .scrollable_y {
-    scrollbar-width: thin;
-    scrollbar-color: var(--iress-colour-neutral-60, #828F9D) var(--iress-colour-neutral-20, #F5F6F8);
-}
-
   .gutter_spacing\\.4 {
     --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
     margin-inline: calc(-1 * var(--col-gap) / 2);
@@ -5759,6 +5787,14 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     width: 0;
 }
 
+  .w_\\[0\\.5em\\] {
+    width: 0.5em;
+}
+
+  .h_\\[0\\.5em\\] {
+    height: 0.5em;
+}
+
   .h_50 {
     height: 50px;
 }
@@ -7171,8 +7207,8 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-width: 2px;
 }
 
-  .after\\:bdr_radius\\.system\\.form::after {
-    border-radius: var(--radii-radius\\.system\\.form);
+  .after\\:bdr_radius\\.system\\.layout::after {
+    border-radius: var(--radii-radius\\.system\\.layout);
 }
 
   .\\[\\&_a\\]\\:td_underline a {
@@ -7211,6 +7247,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     flex: 1 1 0%;
 }
 
+  .progressValue\\:bg-p_center::-webkit-progress-value,.progressValue\\:bg-p_center::-webkit-meter-optimum-value,.progressValue\\:bg-p_center::-webkit-meter-suboptimum-value {
+    background-position: center;
+}
+
   .progressValue\\:bdr_var\\(--iress-border-radius\\)::-webkit-progress-value,.progressValue\\:bdr_var\\(--iress-border-radius\\)::-webkit-meter-optimum-value,.progressValue\\:bdr_var\\(--iress-border-radius\\)::-webkit-meter-suboptimum-value {
     border-radius: var(--iress-border-radius);
 }
@@ -7221,6 +7261,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     transition-duration: var(--transition-duration, 150ms);
 }
 
+  .mozProgressValue\\:bg-p_center::-moz-progress-bar,.mozProgressValue\\:bg-p_center::-moz-meter-bar {
+    background-position: center;
+}
+
   .mozProgressValue\\:bdr_var\\(--iress-border-radius\\)::-moz-progress-bar,.mozProgressValue\\:bdr_var\\(--iress-border-radius\\)::-moz-meter-bar {
     border-radius: var(--iress-border-radius);
 }
@@ -7435,11 +7479,27 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     -webkit-appearance: none;
 }
 
+  .progressValue\\:bg-i_var\\(--iress-background-image\\)::-webkit-progress-value,.progressValue\\:bg-i_var\\(--iress-background-image\\)::-webkit-meter-optimum-value,.progressValue\\:bg-i_var\\(--iress-background-image\\)::-webkit-meter-suboptimum-value {
+    background-image: var(--iress-background-image);
+}
+
+  .progressValue\\:bg-s_cover::-webkit-progress-value,.progressValue\\:bg-s_cover::-webkit-meter-optimum-value,.progressValue\\:bg-s_cover::-webkit-meter-suboptimum-value {
+    background-size: cover;
+}
+
   .mozProgressValue\\:ap_none::-moz-progress-bar,.mozProgressValue\\:ap_none::-moz-meter-bar {
     appearance: none;
     -webkit-appearance: none;
 }
 
+  .mozProgressValue\\:bg-i_var\\(--iress-background-image\\)::-moz-progress-bar,.mozProgressValue\\:bg-i_var\\(--iress-background-image\\)::-moz-meter-bar {
+    background-image: var(--iress-background-image);
+}
+
+  .mozProgressValue\\:bg-s_cover::-moz-progress-bar,.mozProgressValue\\:bg-s_cover::-moz-meter-bar {
+    background-size: cover;
+}
+
   .\\[\\&_circle\\]\\:fill_\\[currentColor\\] circle {
     fill: currentColor;
 }
@@ -7526,6 +7586,18 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     transform: translate(-50%, 0);
 }
 
+  .\\[\\&\\:nth-child\\(1\\)\\]\\:anim-dly_0s:nth-child(1) {
+    animation-delay: 0s;
+}
+
+  .\\[\\&\\:nth-child\\(2\\)\\]\\:anim-dly_0\\.2s:nth-child(2) {
+    animation-delay: 0.2s;
+}
+
+  .\\[\\&\\:nth-child\\(3\\)\\]\\:anim-dly_0\\.4s:nth-child(3) {
+    animation-delay: 0.4s;
+}
+
   .\\[\\&\\&\\]\\:ta_end.\\[\\&\\&\\]\\:ta_end {
     text-align: end;
 }