@oracle/oraclejet-preact 17.1.3 → 17.1.4

package/es/AvatarVariants.styles2.css

@@ -1,116 +1,116 @@
-.AvatarVariants_multiVariantStyles_size_2xs__4ilptg0 {
+.AvatarVariants_multiVariantStyles_size_2xs__1h7waq80 {
   --size__n2nsgo2: var(--sizes-2xs-size__n2nsgo12);
   --initialsFontSize__n2nsgo4: var(--sizes-2xs-initialsFontSize__n2nsgo14);
   --initialsFontWeight__n2nsgo5: var(--sizes-2xs-initialsFontWeight__n2nsgo15);
   --iconFontSize__n2nsgo6: var(--sizes-2xs-iconFontSize__n2nsgo16);
 }
-.AvatarVariants_multiVariantStyles_size_xs__4ilptg1 {
+.AvatarVariants_multiVariantStyles_size_xs__1h7waq81 {
   --size__n2nsgo2: var(--sizes-xs-size__n2nsgo17);
   --initialsFontSize__n2nsgo4: var(--sizes-xs-initialsFontSize__n2nsgo19);
   --initialsFontWeight__n2nsgo5: var(--sizes-xs-initialsFontWeight__n2nsgo1a);
   --iconFontSize__n2nsgo6: var(--sizes-xs-iconFontSize__n2nsgo1b);
 }
-.AvatarVariants_multiVariantStyles_size_sm__4ilptg2 {
+.AvatarVariants_multiVariantStyles_size_sm__1h7waq82 {
   --size__n2nsgo2: var(--sizes-sm-size__n2nsgo1c);
   --initialsFontSize__n2nsgo4: var(--sizes-sm-initialsFontSize__n2nsgo1e);
   --initialsFontWeight__n2nsgo5: var(--sizes-sm-initialsFontWeight__n2nsgo1f);
   --iconFontSize__n2nsgo6: var(--sizes-sm-iconFontSize__n2nsgo1g);
 }
-.AvatarVariants_multiVariantStyles_size_md__4ilptg3 {
+.AvatarVariants_multiVariantStyles_size_md__1h7waq83 {
   --size__n2nsgo2: var(--sizes-md-size__n2nsgo1h);
   --initialsFontSize__n2nsgo4: var(--sizes-md-initialsFontSize__n2nsgo1j);
   --initialsFontWeight__n2nsgo5: var(--sizes-md-initialsFontWeight__n2nsgo1k);
   --iconFontSize__n2nsgo6: var(--sizes-md-iconFontSize__n2nsgo1l);
 }
-.AvatarVariants_multiVariantStyles_size_lg__4ilptg4 {
+.AvatarVariants_multiVariantStyles_size_lg__1h7waq84 {
   --size__n2nsgo2: var(--sizes-lg-size__n2nsgo1m);
   --initialsFontSize__n2nsgo4: var(--sizes-lg-initialsFontSize__n2nsgo1o);
   --initialsFontWeight__n2nsgo5: var(--sizes-lg-initialsFontWeight__n2nsgo1p);
   --iconFontSize__n2nsgo6: var(--sizes-lg-iconFontSize__n2nsgo1q);
 }
-.AvatarVariants_multiVariantStyles_size_xl__4ilptg5 {
+.AvatarVariants_multiVariantStyles_size_xl__1h7waq85 {
   --size__n2nsgo2: var(--sizes-xl-size__n2nsgo1r);
   --initialsFontSize__n2nsgo4: var(--sizes-xl-initialsFontSize__n2nsgo1t);
   --initialsFontWeight__n2nsgo5: var(--sizes-xl-initialsFontWeight__n2nsgo1u);
   --iconFontSize__n2nsgo6: var(--sizes-xl-iconFontSize__n2nsgo1v);
 }
-.AvatarVariants_multiVariantStyles_size_2xl__4ilptg6 {
+.AvatarVariants_multiVariantStyles_size_2xl__1h7waq86 {
   --size__n2nsgo2: var(--sizes-2xl-size__n2nsgo1w);
   --initialsFontSize__n2nsgo4: var(--sizes-2xl-initialsFontSize__n2nsgo1y);
   --initialsFontWeight__n2nsgo5: var(--sizes-2xl-initialsFontWeight__n2nsgo1z);
   --iconFontSize__n2nsgo6: var(--sizes-2xl-iconFontSize__n2nsgo20);
 }
-.AvatarVariants_multiVariantStyles_background_neutral__4ilptg7 {
+.AvatarVariants_multiVariantStyles_background_neutral__1h7waq87 {
   --bgColor__n2nsgo0: var(--colors-neutral-bgColor__n2nsgo8);
   --pattern__n2nsgo7: var(--colors-neutral-pattern__n2nsgo9);
   --textColor__n2nsgo1: var(--colors-neutral-textColor__n2nsgoa);
 }
-.AvatarVariants_multiVariantStyles_background_orange__4ilptg8 {
+.AvatarVariants_multiVariantStyles_background_orange__1h7waq88 {
   --bgColor__n2nsgo0: var(--colors-orange-bgColor__n2nsgob);
   --pattern__n2nsgo7: var(--colors-orange-pattern__n2nsgoc);
   --textColor__n2nsgo1: var(--colors-orange-textColor__n2nsgod);
 }
-.AvatarVariants_multiVariantStyles_background_green__4ilptg9 {
+.AvatarVariants_multiVariantStyles_background_green__1h7waq89 {
   --bgColor__n2nsgo0: var(--colors-green-bgColor__n2nsgoe);
   --pattern__n2nsgo7: var(--colors-green-pattern__n2nsgof);
   --textColor__n2nsgo1: var(--colors-green-textColor__n2nsgog);
 }
-.AvatarVariants_multiVariantStyles_background_teal__4ilptga {
+.AvatarVariants_multiVariantStyles_background_teal__1h7waq8a {
   --bgColor__n2nsgo0: var(--colors-teal-bgColor__n2nsgoh);
   --pattern__n2nsgo7: var(--colors-teal-pattern__n2nsgoi);
   --textColor__n2nsgo1: var(--colors-teal-textColor__n2nsgoj);
 }
-.AvatarVariants_multiVariantStyles_background_blue__4ilptgb {
+.AvatarVariants_multiVariantStyles_background_blue__1h7waq8b {
   --bgColor__n2nsgo0: var(--colors-blue-bgColor__n2nsgok);
   --pattern__n2nsgo7: var(--colors-blue-pattern__n2nsgol);
   --textColor__n2nsgo1: var(--colors-blue-textColor__n2nsgom);
 }
-.AvatarVariants_multiVariantStyles_background_slate__4ilptgc {
+.AvatarVariants_multiVariantStyles_background_slate__1h7waq8c {
   --bgColor__n2nsgo0: var(--colors-slate-bgColor__n2nsgon);
   --pattern__n2nsgo7: var(--colors-slate-pattern__n2nsgoo);
   --textColor__n2nsgo1: var(--colors-slate-textColor__n2nsgop);
 }
-.AvatarVariants_multiVariantStyles_background_pink__4ilptgd {
+.AvatarVariants_multiVariantStyles_background_pink__1h7waq8d {
   --bgColor__n2nsgo0: var(--colors-pink-bgColor__n2nsgoq);
   --pattern__n2nsgo7: var(--colors-pink-pattern__n2nsgor);
   --textColor__n2nsgo1: var(--colors-pink-textColor__n2nsgos);
 }
-.AvatarVariants_multiVariantStyles_background_purple__4ilptge {
+.AvatarVariants_multiVariantStyles_background_purple__1h7waq8e {
   --bgColor__n2nsgo0: var(--colors-purple-bgColor__n2nsgot);
   --pattern__n2nsgo7: var(--colors-purple-pattern__n2nsgou);
   --textColor__n2nsgo1: var(--colors-purple-textColor__n2nsgov);
 }
-.AvatarVariants_multiVariantStyles_background_lilac__4ilptgf {
+.AvatarVariants_multiVariantStyles_background_lilac__1h7waq8f {
   --bgColor__n2nsgo0: var(--colors-lilac-bgColor__n2nsgow);
   --pattern__n2nsgo7: var(--colors-lilac-pattern__n2nsgox);
   --textColor__n2nsgo1: var(--colors-lilac-textColor__n2nsgoy);
 }
-.AvatarVariants_multiVariantStyles_background_gray__4ilptgg {
+.AvatarVariants_multiVariantStyles_background_gray__1h7waq8g {
   --bgColor__n2nsgo0: var(--colors-gray-bgColor__n2nsgoz);
   --pattern__n2nsgo7: var(--colors-gray-pattern__n2nsgo10);
   --textColor__n2nsgo1: var(--colors-gray-textColor__n2nsgo11);
 }
-.AvatarVariants_multiVariantStyles_shape_circle__4ilptgh {
+.AvatarVariants_multiVariantStyles_shape_circle__1h7waq8h {
   --borderRadius__n2nsgo3: var(--shapes-circle-borderRadius__n2nsgo21);
 }
-.AvatarVariants_multiVariantStyles_compound_0__4ilptgj {
+.AvatarVariants_multiVariantStyles_compound_0__1h7waq8j {
   --borderRadius__n2nsgo3: var(--sizes-2xs-borderRadius__n2nsgo13);
 }
-.AvatarVariants_multiVariantStyles_compound_1__4ilptgk {
+.AvatarVariants_multiVariantStyles_compound_1__1h7waq8k {
   --borderRadius__n2nsgo3: var(--sizes-xs-borderRadius__n2nsgo18);
 }
-.AvatarVariants_multiVariantStyles_compound_2__4ilptgl {
+.AvatarVariants_multiVariantStyles_compound_2__1h7waq8l {
   --borderRadius__n2nsgo3: var(--sizes-sm-borderRadius__n2nsgo1d);
 }
-.AvatarVariants_multiVariantStyles_compound_3__4ilptgm {
+.AvatarVariants_multiVariantStyles_compound_3__1h7waq8m {
   --borderRadius__n2nsgo3: var(--sizes-md-borderRadius__n2nsgo1i);
 }
-.AvatarVariants_multiVariantStyles_compound_4__4ilptgn {
+.AvatarVariants_multiVariantStyles_compound_4__1h7waq8n {
   --borderRadius__n2nsgo3: var(--sizes-lg-borderRadius__n2nsgo1n);
 }
-.AvatarVariants_multiVariantStyles_compound_5__4ilptgo {
+.AvatarVariants_multiVariantStyles_compound_5__1h7waq8o {
   --borderRadius__n2nsgo3: var(--sizes-xl-borderRadius__n2nsgo1s);
 }
-.AvatarVariants_multiVariantStyles_compound_6__4ilptgp {
+.AvatarVariants_multiVariantStyles_compound_6__1h7waq8p {
   --borderRadius__n2nsgo3: var(--sizes-2xl-borderRadius__n2nsgo1x);
 }

package/es/BadgeVariants.styles.css

@@ -1,65 +1,65 @@
-.BadgeVariants_multiVariantStyles_edge_end__24kjgj1 {
+.BadgeVariants_multiVariantStyles_edge_end__1h6m6d71 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.BadgeVariants_multiVariantStyles_size_xs__24kjgj2 {
+.BadgeVariants_multiVariantStyles_size_xs__1h6m6d72 {
   --height__88ut8n6: var(--sizes-xs-height__88ut8nt);
   --fontSize__88ut8n2: var(--sizes-xs-fontSize__88ut8nu);
   --fontWeight__88ut8n3: var(--sizes-xs-fontWeight__88ut8nv);
   --borderRadius__88ut8n7: var(--sizes-xs-borderRadius__88ut8nw);
   --padding__88ut8n8: var(--sizes-xs-padding__88ut8nx);
 }
-.BadgeVariants_multiVariantStyles_size_sm__24kjgj3 {
+.BadgeVariants_multiVariantStyles_size_sm__1h6m6d73 {
   --height__88ut8n6: var(--sizes-sm-height__88ut8ny);
   --fontSize__88ut8n2: var(--sizes-sm-fontSize__88ut8nz);
   --fontWeight__88ut8n3: var(--sizes-sm-fontWeight__88ut8n10);
   --borderRadius__88ut8n7: var(--sizes-sm-borderRadius__88ut8n11);
   --padding__88ut8n8: var(--sizes-sm-padding__88ut8n12);
 }
-.BadgeVariants_multiVariantStyles_size_md__24kjgj4 {
+.BadgeVariants_multiVariantStyles_size_md__1h6m6d74 {
   --height__88ut8n6: var(--sizes-md-height__88ut8n13);
   --fontSize__88ut8n2: var(--sizes-md-fontSize__88ut8n14);
   --fontWeight__88ut8n3: var(--sizes-md-fontWeight__88ut8n15);
   --borderRadius__88ut8n7: var(--sizes-md-borderRadius__88ut8n16);
   --padding__88ut8n8: var(--sizes-md-padding__88ut8n17);
 }
-.BadgeVariants_multiVariantStyles_variant_neutral__24kjgj5 {
+.BadgeVariants_multiVariantStyles_variant_neutral__1h6m6d75 {
   --backgroundColor__88ut8n0: var(--variants-neutral-backgroundColor__88ut8n9);
   --color__88ut8n1: var(--variants-neutral-color__88ut8na);
 }
-.BadgeVariants_multiVariantStyles_variant_danger__24kjgj6 {
+.BadgeVariants_multiVariantStyles_variant_danger__1h6m6d76 {
   --backgroundColor__88ut8n0: var(--variants-danger-backgroundColor__88ut8nb);
   --color__88ut8n1: var(--variants-danger-color__88ut8nc);
 }
-.BadgeVariants_multiVariantStyles_variant_warning__24kjgj7 {
+.BadgeVariants_multiVariantStyles_variant_warning__1h6m6d77 {
   --backgroundColor__88ut8n0: var(--variants-warning-backgroundColor__88ut8nd);
   --color__88ut8n1: var(--variants-warning-color__88ut8ne);
 }
-.BadgeVariants_multiVariantStyles_variant_success__24kjgj8 {
+.BadgeVariants_multiVariantStyles_variant_success__1h6m6d78 {
   --backgroundColor__88ut8n0: var(--variants-success-backgroundColor__88ut8nf);
   --color__88ut8n1: var(--variants-success-color__88ut8ng);
 }
-.BadgeVariants_multiVariantStyles_variant_info__24kjgj9 {
+.BadgeVariants_multiVariantStyles_variant_info__1h6m6d79 {
   --backgroundColor__88ut8n0: var(--variants-info-backgroundColor__88ut8nh);
   --color__88ut8n1: var(--variants-info-color__88ut8ni);
 }
-.BadgeVariants_multiVariantStyles_variant_neutralSubtle__24kjgja {
+.BadgeVariants_multiVariantStyles_variant_neutralSubtle__1h6m6d7a {
   --backgroundColor__88ut8n0: var(--variants-neutralSubtle-backgroundColor__88ut8nj);
   --color__88ut8n1: var(--variants-neutralSubtle-color__88ut8nk);
 }
-.BadgeVariants_multiVariantStyles_variant_dangerSubtle__24kjgjb {
+.BadgeVariants_multiVariantStyles_variant_dangerSubtle__1h6m6d7b {
   --backgroundColor__88ut8n0: var(--variants-dangerSubtle-backgroundColor__88ut8nl);
   --color__88ut8n1: var(--variants-dangerSubtle-color__88ut8nm);
 }
-.BadgeVariants_multiVariantStyles_variant_warningSubtle__24kjgjc {
+.BadgeVariants_multiVariantStyles_variant_warningSubtle__1h6m6d7c {
   --backgroundColor__88ut8n0: var(--variants-warningSubtle-backgroundColor__88ut8nn);
   --color__88ut8n1: var(--variants-warningSubtle-color__88ut8no);
 }
-.BadgeVariants_multiVariantStyles_variant_successSubtle__24kjgjd {
+.BadgeVariants_multiVariantStyles_variant_successSubtle__1h6m6d7d {
   --backgroundColor__88ut8n0: var(--variants-successSubtle-backgroundColor__88ut8np);
   --color__88ut8n1: var(--variants-successSubtle-color__88ut8nq);
 }
-.BadgeVariants_multiVariantStyles_variant_infoSubtle__24kjgje {
+.BadgeVariants_multiVariantStyles_variant_infoSubtle__1h6m6d7e {
   --backgroundColor__88ut8n0: var(--variants-infoSubtle-backgroundColor__88ut8nr);
   --color__88ut8n1: var(--variants-infoSubtle-color__88ut8ns);
 }

package/es/BadgeVariants.styles2.css

@@ -1,65 +1,65 @@
-.BadgeVariants_multiVariantStyles_edge_end__1h6m6d71 {
+.BadgeVariants_multiVariantStyles_edge_end__24kjgj1 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.BadgeVariants_multiVariantStyles_size_xs__1h6m6d72 {
+.BadgeVariants_multiVariantStyles_size_xs__24kjgj2 {
   --height__88ut8n6: var(--sizes-xs-height__88ut8nt);
   --fontSize__88ut8n2: var(--sizes-xs-fontSize__88ut8nu);
   --fontWeight__88ut8n3: var(--sizes-xs-fontWeight__88ut8nv);
   --borderRadius__88ut8n7: var(--sizes-xs-borderRadius__88ut8nw);
   --padding__88ut8n8: var(--sizes-xs-padding__88ut8nx);
 }
-.BadgeVariants_multiVariantStyles_size_sm__1h6m6d73 {
+.BadgeVariants_multiVariantStyles_size_sm__24kjgj3 {
   --height__88ut8n6: var(--sizes-sm-height__88ut8ny);
   --fontSize__88ut8n2: var(--sizes-sm-fontSize__88ut8nz);
   --fontWeight__88ut8n3: var(--sizes-sm-fontWeight__88ut8n10);
   --borderRadius__88ut8n7: var(--sizes-sm-borderRadius__88ut8n11);
   --padding__88ut8n8: var(--sizes-sm-padding__88ut8n12);
 }
-.BadgeVariants_multiVariantStyles_size_md__1h6m6d74 {
+.BadgeVariants_multiVariantStyles_size_md__24kjgj4 {
   --height__88ut8n6: var(--sizes-md-height__88ut8n13);
   --fontSize__88ut8n2: var(--sizes-md-fontSize__88ut8n14);
   --fontWeight__88ut8n3: var(--sizes-md-fontWeight__88ut8n15);
   --borderRadius__88ut8n7: var(--sizes-md-borderRadius__88ut8n16);
   --padding__88ut8n8: var(--sizes-md-padding__88ut8n17);
 }
-.BadgeVariants_multiVariantStyles_variant_neutral__1h6m6d75 {
+.BadgeVariants_multiVariantStyles_variant_neutral__24kjgj5 {
   --backgroundColor__88ut8n0: var(--variants-neutral-backgroundColor__88ut8n9);
   --color__88ut8n1: var(--variants-neutral-color__88ut8na);
 }
-.BadgeVariants_multiVariantStyles_variant_danger__1h6m6d76 {
+.BadgeVariants_multiVariantStyles_variant_danger__24kjgj6 {
   --backgroundColor__88ut8n0: var(--variants-danger-backgroundColor__88ut8nb);
   --color__88ut8n1: var(--variants-danger-color__88ut8nc);
 }
-.BadgeVariants_multiVariantStyles_variant_warning__1h6m6d77 {
+.BadgeVariants_multiVariantStyles_variant_warning__24kjgj7 {
   --backgroundColor__88ut8n0: var(--variants-warning-backgroundColor__88ut8nd);
   --color__88ut8n1: var(--variants-warning-color__88ut8ne);
 }
-.BadgeVariants_multiVariantStyles_variant_success__1h6m6d78 {
+.BadgeVariants_multiVariantStyles_variant_success__24kjgj8 {
   --backgroundColor__88ut8n0: var(--variants-success-backgroundColor__88ut8nf);
   --color__88ut8n1: var(--variants-success-color__88ut8ng);
 }
-.BadgeVariants_multiVariantStyles_variant_info__1h6m6d79 {
+.BadgeVariants_multiVariantStyles_variant_info__24kjgj9 {
   --backgroundColor__88ut8n0: var(--variants-info-backgroundColor__88ut8nh);
   --color__88ut8n1: var(--variants-info-color__88ut8ni);
 }
-.BadgeVariants_multiVariantStyles_variant_neutralSubtle__1h6m6d7a {
+.BadgeVariants_multiVariantStyles_variant_neutralSubtle__24kjgja {
   --backgroundColor__88ut8n0: var(--variants-neutralSubtle-backgroundColor__88ut8nj);
   --color__88ut8n1: var(--variants-neutralSubtle-color__88ut8nk);
 }
-.BadgeVariants_multiVariantStyles_variant_dangerSubtle__1h6m6d7b {
+.BadgeVariants_multiVariantStyles_variant_dangerSubtle__24kjgjb {
   --backgroundColor__88ut8n0: var(--variants-dangerSubtle-backgroundColor__88ut8nl);
   --color__88ut8n1: var(--variants-dangerSubtle-color__88ut8nm);
 }
-.BadgeVariants_multiVariantStyles_variant_warningSubtle__1h6m6d7c {
+.BadgeVariants_multiVariantStyles_variant_warningSubtle__24kjgjc {
   --backgroundColor__88ut8n0: var(--variants-warningSubtle-backgroundColor__88ut8nn);
   --color__88ut8n1: var(--variants-warningSubtle-color__88ut8no);
 }
-.BadgeVariants_multiVariantStyles_variant_successSubtle__1h6m6d7d {
+.BadgeVariants_multiVariantStyles_variant_successSubtle__24kjgjd {
   --backgroundColor__88ut8n0: var(--variants-successSubtle-backgroundColor__88ut8np);
   --color__88ut8n1: var(--variants-successSubtle-color__88ut8nq);
 }
-.BadgeVariants_multiVariantStyles_variant_infoSubtle__1h6m6d7e {
+.BadgeVariants_multiVariantStyles_variant_infoSubtle__24kjgje {
   --backgroundColor__88ut8n0: var(--variants-infoSubtle-backgroundColor__88ut8nr);
   --color__88ut8n1: var(--variants-infoSubtle-color__88ut8ns);
 }

package/es/ButtonLayoutVariants.styles.css

@@ -1,8 +1,8 @@
-.ButtonLayoutVariants_multiVariantStyles_spacing_lg__zfjv120 {
+.ButtonLayoutVariants_multiVariantStyles_spacing_lg__67010v0 {
   -moz-column-gap: var(--spacing-lg-columnGap__rt5x5j0);
        column-gap: var(--spacing-lg-columnGap__rt5x5j0);
 }
-.ButtonLayoutVariants_multiVariantStyles_spacing_sm__zfjv121 {
+.ButtonLayoutVariants_multiVariantStyles_spacing_sm__67010v1 {
   -moz-column-gap: var(--spacing-sm-columnGap__rt5x5j1);
        column-gap: var(--spacing-sm-columnGap__rt5x5j1);
 }

package/es/ButtonLayoutVariants.styles2.css

@@ -1,8 +1,8 @@
-.ButtonLayoutVariants_multiVariantStyles_spacing_lg__67010v0 {
+.ButtonLayoutVariants_multiVariantStyles_spacing_lg__zfjv120 {
   -moz-column-gap: var(--spacing-lg-columnGap__rt5x5j0);
        column-gap: var(--spacing-lg-columnGap__rt5x5j0);
 }
-.ButtonLayoutVariants_multiVariantStyles_spacing_sm__67010v1 {
+.ButtonLayoutVariants_multiVariantStyles_spacing_sm__zfjv121 {
   -moz-column-gap: var(--spacing-sm-columnGap__rt5x5j1);
        column-gap: var(--spacing-sm-columnGap__rt5x5j1);
 }

package/es/CheckboxSet-569683fe.js

@@ -0,0 +1,49 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { createContext, toChildArray } from 'preact';
+import { useContext, useMemo } from 'preact/hooks';
+import { forwardRef } from 'preact/compat';
+import './FormContext-4d71f9c7.js';
+import { u as useFormContext } from './useFormContext-875cacd7.js';
+import { F as FormFieldContext } from './FormFieldContext-68eb5946.js';
+import { u as useFormFieldContextProps } from './useFormFieldContextProps-d07cd618.js';
+import './CheckboxSetStyles.styles.css';
+import { u as useId } from './useId-03dbfdf0.js';
+import { C as CheckboxRadioField } from './CheckboxRadioField-bdda2573.js';
+
+const CheckboxSetContext = createContext({});
+const useCheckboxSetContext = () => useContext(CheckboxSetContext);
+
+var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
+
+/**
+ * A CheckboxSet set allows the user to select one or more options from a set.
+ */
+const CheckboxSet = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, columnSpan, direction = 'column', helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, userAssistanceDensity: propUserAssistanceDensity, value, children, testId }, ref) => {
+    const hasValue = value !== undefined ? value.size > 0 : false;
+    const baseId = useId();
+    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext();
+    // default to FormContext values if component properties are not specified
+    const isDisabled = propIsDisabled ?? isFormDisabled;
+    const isReadonly = propIsReadonly ?? isFormReadonly;
+    const labelEdge = propLabelEdge ?? formLabelEdge;
+    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
+    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
+    const formFieldContext = useFormFieldContextProps({
+        hasValue,
+        isDisabled,
+        isReadonly
+    });
+    const checkboxSetContext = useMemo(() => ({
+        name: baseId,
+        value,
+        onCommit
+    }), [baseId, onCommit, value]);
+    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>
+    const childrenArray = toChildArray(children).filter(Boolean);
+    const wrappedChildren = childrenArray.map((item) => jsx("li", { children: item }));
+    return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(CheckboxRadioField, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, baseId: baseId, columnSpan: columnSpan, direction: direction, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, parentComponentVariant: "checkboxSet", messages: messages, userAssistanceDensity: userAssistanceDensity, hasValue: hasValue, role: "group", testId: testId, ref: ref, children: jsx(CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsx("ul", { className: styles.ul, children: wrappedChildren }) }) }) }));
+});
+
+export { CheckboxSet as C, CheckboxSetContext as a, useCheckboxSetContext as u };
+//# sourceMappingURL=CheckboxSet-569683fe.js.map

package/es/CheckboxSet-569683fe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSet-569683fe.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts","../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n  name: string;\n  value?: Set<string | number>;\n  onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n","import { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: AriaAttributesSignalExcluded['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet set allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":"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"}

package/es/ConveyorBeltVariants.styles.css

@@ -1,21 +1,21 @@
-.ConveyorBeltVariants_multiVariantStyles_orientation_horizontal__1j16ept0 {
+.ConveyorBeltVariants_multiVariantStyles_orientation_horizontal__1mqb5jc0 {
   --displayVar__1u3kg3i1: flex;
 }
-.ConveyorBeltVariants_multiVariantStyles_orientation_vertical__1j16ept1 {
+.ConveyorBeltVariants_multiVariantStyles_orientation_vertical__1mqb5jc1 {
   --displayVar__1u3kg3i1: inline-flex;
   flex-direction: column;
 }
-.ConveyorBeltVariants_multiVariantStyles_content_horizontal__1j16ept2 {
+.ConveyorBeltVariants_multiVariantStyles_content_horizontal__1mqb5jc2 {
   height: 100%;
 }
-.ConveyorBeltVariants_multiVariantStyles_content_vertical__1j16ept3 {
+.ConveyorBeltVariants_multiVariantStyles_content_vertical__1mqb5jc3 {
   height: auto;
 }
-.ConveyorBeltVariants_multiVariantStyles_overflow_horizontal__1j16ept4 {
+.ConveyorBeltVariants_multiVariantStyles_overflow_horizontal__1mqb5jc4 {
   overflow-x: scroll;
   overflow-y: hidden;
 }
-.ConveyorBeltVariants_multiVariantStyles_overflow_vertical__1j16ept5 {
+.ConveyorBeltVariants_multiVariantStyles_overflow_vertical__1mqb5jc5 {
   overflow-x: hidden;
   overflow-y: scroll;
 }

package/es/ConveyorBeltVariants.styles2.css

@@ -1,21 +1,21 @@
-.ConveyorBeltVariants_multiVariantStyles_orientation_horizontal__1mqb5jc0 {
+.ConveyorBeltVariants_multiVariantStyles_orientation_horizontal__1j16ept0 {
   --displayVar__1u3kg3i1: flex;
 }
-.ConveyorBeltVariants_multiVariantStyles_orientation_vertical__1mqb5jc1 {
+.ConveyorBeltVariants_multiVariantStyles_orientation_vertical__1j16ept1 {
   --displayVar__1u3kg3i1: inline-flex;
   flex-direction: column;
 }
-.ConveyorBeltVariants_multiVariantStyles_content_horizontal__1mqb5jc2 {
+.ConveyorBeltVariants_multiVariantStyles_content_horizontal__1j16ept2 {
   height: 100%;
 }
-.ConveyorBeltVariants_multiVariantStyles_content_vertical__1mqb5jc3 {
+.ConveyorBeltVariants_multiVariantStyles_content_vertical__1j16ept3 {
   height: auto;
 }
-.ConveyorBeltVariants_multiVariantStyles_overflow_horizontal__1mqb5jc4 {
+.ConveyorBeltVariants_multiVariantStyles_overflow_horizontal__1j16ept4 {
   overflow-x: scroll;
   overflow-y: hidden;
 }
-.ConveyorBeltVariants_multiVariantStyles_overflow_vertical__1mqb5jc5 {
+.ConveyorBeltVariants_multiVariantStyles_overflow_vertical__1j16ept5 {
   overflow-x: hidden;
   overflow-y: scroll;
 }

package/es/DrawerPopupVariants.styles.css

@@ -1,26 +1,26 @@
-.DrawerPopupVariants_multiVariantStyles_placement_left__idav9r0 {
+.DrawerPopupVariants_multiVariantStyles_placement_left__ajbar40 {
   box-shadow: 0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   left: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_right__idav9r1 {
+.DrawerPopupVariants_multiVariantStyles_placement_right__ajbar41 {
   box-shadow: -0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_bottom__idav9r2 {
+.DrawerPopupVariants_multiVariantStyles_placement_bottom__ajbar42 {
   box-shadow: 0 -0.3rem 0.3rem 0 rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   bottom: 0;
   left: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__idav9r5 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__ajbar45 {
   max-width: 90vw;
   min-width: 320px;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__idav9r6 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__ajbar46 {
   width: 100%;
   max-width: 100%;
 }

package/es/DrawerPopupVariants.styles2.css

@@ -1,26 +1,26 @@
-.DrawerPopupVariants_multiVariantStyles_placement_left__ajbar40 {
+.DrawerPopupVariants_multiVariantStyles_placement_left__idav9r0 {
   box-shadow: 0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   left: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_right__ajbar41 {
+.DrawerPopupVariants_multiVariantStyles_placement_right__idav9r1 {
   box-shadow: -0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_bottom__ajbar42 {
+.DrawerPopupVariants_multiVariantStyles_placement_bottom__idav9r2 {
   box-shadow: 0 -0.3rem 0.3rem 0 rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   bottom: 0;
   left: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__ajbar45 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__idav9r5 {
   max-width: 90vw;
   min-width: 320px;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__ajbar46 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__idav9r6 {
   width: 100%;
   max-width: 100%;
 }

package/es/LabelledLinkVariants.styles.css

@@ -1,16 +1,16 @@
-.LabelledLinkVariants_multiVariantStyles_compound_0__l9dkig6 {
+.LabelledLinkVariants_multiVariantStyles_compound_0__19wz0pf6 {
   white-space: nowrap;
   overflow-x: scroll;
   overflow-y: hidden;
   scrollbar-width: none;
   padding-inline: var(--textToEdgePadding__w6gg1y9);
 }
-.LabelledLinkVariants_multiVariantStyles_compound_1__l9dkig7 {
+.LabelledLinkVariants_multiVariantStyles_compound_1__19wz0pf7 {
   height: 100%;
   padding-top: calc(var(--insideEdgePaddingTop__w6gg1yi) + 0.1875rem);
   display: flex;
   align-items: center;
 }
-.LabelledLinkVariants_multiVariantStyles_compound_2__l9dkig8 {
+.LabelledLinkVariants_multiVariantStyles_compound_2__19wz0pf8 {
   padding-block: 3px;
 }

package/es/LabelledLinkVariants.styles2.css

@@ -1,16 +1,16 @@
-.LabelledLinkVariants_multiVariantStyles_compound_0__19wz0pf6 {
+.LabelledLinkVariants_multiVariantStyles_compound_0__l9dkig6 {
   white-space: nowrap;
   overflow-x: scroll;
   overflow-y: hidden;
   scrollbar-width: none;
   padding-inline: var(--textToEdgePadding__w6gg1y9);
 }
-.LabelledLinkVariants_multiVariantStyles_compound_1__19wz0pf7 {
+.LabelledLinkVariants_multiVariantStyles_compound_1__l9dkig7 {
   height: 100%;
   padding-top: calc(var(--insideEdgePaddingTop__w6gg1yi) + 0.1875rem);
   display: flex;
   align-items: center;
 }
-.LabelledLinkVariants_multiVariantStyles_compound_2__19wz0pf8 {
+.LabelledLinkVariants_multiVariantStyles_compound_2__l9dkig8 {
   padding-block: 3px;
 }