@oracle/oraclejet-preact 20.0.4 → 20.1.0

package/cjs/Theme-stable/theme.css

@@ -4,6 +4,13 @@
   --axisTickLabelTextColor__1veqowy1: var(--oj-c-text-icon-secondary);
 }
 /* end:PRIVATE_Axis/themes/stable/AxisBaseTheme.styles.css */
+/* start:PRIVATE_List/themes/stable/ListBaseTheme.styles.css */
+:root, .oj-density-dependent {
+  --oj-c-list-item-height: calc(calc(10 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --oj-c-list-item-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+  --oj-c-list-item-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
+}
+/* end:PRIVATE_List/themes/stable/ListBaseTheme.styles.css */
 /* start:PRIVATE_CollapsibleNavigationList/themes/stable/CollapsibleNavigationListItemBaseTheme.styles.css */
 .CollapsibleNavigationListItemBaseTheme_baseTheme__v99af20 {
   --fontSize__ibpjpp0: var(--oj-c-body-md-font-size);
@@ -26,13 +33,30 @@
   --oj-c-navigation-list-child-item-padding: calc(5 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:PRIVATE_CollapsibleNavigationList/themes/stable/CollapsibleNavigationListItemBaseTheme.styles.css */
-/* start:PRIVATE_List/themes/stable/ListBaseTheme.styles.css */
+/* start:PRIVATE_Table/themes/stable/TableBaseTheme.styles.css */
+.TableBaseTheme_baseTheme__a7g1qk0 {
+  --gridlineWidth__efrfp90: 1px;
+}
 :root, .oj-density-dependent {
-  --oj-c-list-item-height: calc(calc(10 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-  --oj-c-list-item-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-  --oj-c-list-item-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
+  --oj-c-table-row-height: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --oj-c-table-cell-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+  --oj-c-table-cell-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
+  --oj-c-table-header-row-height: calc(calc(13 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --oj-c-table-header-cell-padding-vertical: calc(calc(1.5 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+  --oj-c-table-header-cell-padding-full-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
+  --oj-c-table-header-cell-padding-half-horizontal: calc(calc(2 * var(--oj-c-size-units, 0.25rem)));
 }
-/* end:PRIVATE_List/themes/stable/ListBaseTheme.styles.css */
+/* end:PRIVATE_Table/themes/stable/TableBaseTheme.styles.css */
+/* start:PRIVATE_TableList/themes/stable/ListBaseTheme.styles.css */
+.ListBaseTheme_baseTheme__1r9aabe0 {
+  --gridlineWidth__63ilwe0: 1px;
+}
+:root, .oj-density-dependent {
+  --oj-c-list-row-height: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --oj-c-list-cell-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+  --oj-c-list-cell-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
+}
+/* end:PRIVATE_TableList/themes/stable/ListBaseTheme.styles.css */
 /* start:PRIVATE_MonthView/themes/stable/MonthViewBaseTheme.styles.css */
 :root, .oj-scale-dependent, :root.oj-scale-sm, :root.oj-scale-md {
   --oj-c-month-view-row-gap: calc(3 * var(--oj-c-size-units, 0.25rem));
@@ -76,30 +100,14 @@
   --oj-c-month-view-day-of-the-week-font-weight: var(--oj-c-body-xs-font-weight-semibold);
 }
 /* end:PRIVATE_MonthView/themes/stable/MonthViewBaseTheme.styles.css */
-/* start:PRIVATE_Table/themes/stable/TableBaseTheme.styles.css */
-.TableBaseTheme_baseTheme__a7g1qk0 {
-  --gridlineWidth__efrfp90: 1px;
-}
-:root, .oj-density-dependent {
-  --oj-c-table-row-height: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-  --oj-c-table-cell-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-  --oj-c-table-cell-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
-  --oj-c-table-header-row-height: calc(calc(13 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-  --oj-c-table-header-cell-padding-vertical: calc(calc(1.5 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-  --oj-c-table-header-cell-padding-full-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
-  --oj-c-table-header-cell-padding-half-horizontal: calc(calc(2 * var(--oj-c-size-units, 0.25rem)));
-}
-/* end:PRIVATE_Table/themes/stable/TableBaseTheme.styles.css */
-/* start:PRIVATE_TableList/themes/stable/ListBaseTheme.styles.css */
-.ListBaseTheme_baseTheme__1r9aabe0 {
-  --gridlineWidth__63ilwe0: 1px;
-}
-:root, .oj-density-dependent {
-  --oj-c-list-row-height: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-  --oj-c-list-cell-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-  --oj-c-list-cell-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
+/* start:UNSAFE_Checkbox/themes/stable/CheckboxIconBaseTheme.styles.css */
+.CheckboxIconBaseTheme_baseTheme__e3mxfx0 {
+  --iconSize__1denrfz0: initial;
+  --iconColorChecked__1denrfz1: var(--oj-c-text-icon-primary);
+  --iconColorUnchecked__1denrfz2: var(--oj-c-text-icon-primary);
+  --iconTransformActive__1denrfz3: scale(0.75);
 }
-/* end:PRIVATE_TableList/themes/stable/ListBaseTheme.styles.css */
+/* end:UNSAFE_Checkbox/themes/stable/CheckboxIconBaseTheme.styles.css */
 /* start:UNSAFE_Avatar/themes/stable/AvatarBaseTheme.styles.css */
 .AvatarBaseTheme_baseTheme__1ocpbnd0 {
   --bgColor__n2nsgo0: ;
@@ -178,6 +186,63 @@
   --shapes-circle-borderRadius__n2nsgo21: 50%;
 }
 /* end:UNSAFE_Avatar/themes/stable/AvatarBaseTheme.styles.css */
+/* start:UNSAFE_Checkbox/themes/stable/CheckboxBaseTheme.styles.css */
+.CheckboxBaseTheme_baseTheme__zwg6t30 {
+  --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-size-units, 0.25rem));
+  --outlineWidth__1qyga5a0: 1px;
+}
+:root, .oj-density-dependent {
+  --rowHeight__1qyga5a2: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+}
+/* end:UNSAFE_Checkbox/themes/stable/CheckboxBaseTheme.styles.css */
+/* start:UNSAFE_Badge/themes/stable/BadgeThemeBaseTheme.styles.css */
+.BadgeThemeBaseTheme_baseTheme__19vosyq0 {
+  --backgroundColor__88ut8n0: ;
+  --color__88ut8n1: ;
+  --fontSize__88ut8n2: ;
+  --fontWeight__88ut8n3: ;
+  --fontStretch__88ut8n4: condensed;
+  --size__88ut8n5: ;
+  --height__88ut8n6: ;
+  --borderRadius__88ut8n7: ;
+  --padding__88ut8n8: ;
+  --variants-neutral-backgroundColor__88ut8n9: var(--oj-c-surface-neutral-strong);
+  --variants-neutral-color__88ut8na: var(--oj-c-text-icon-on-color);
+  --variants-danger-backgroundColor__88ut8nb: var(--oj-c-surface-danger-strong);
+  --variants-danger-color__88ut8nc: var(--oj-c-text-icon-on-color);
+  --variants-warning-backgroundColor__88ut8nd: var(--oj-c-surface-warning-strong);
+  --variants-warning-color__88ut8ne: var(--oj-c-text-icon-on-color);
+  --variants-success-backgroundColor__88ut8nf: var(--oj-c-surface-success-strong);
+  --variants-success-color__88ut8ng: var(--oj-c-text-icon-on-color);
+  --variants-info-backgroundColor__88ut8nh: var(--oj-c-surface-info-strong);
+  --variants-info-color__88ut8ni: var(--oj-c-text-icon-on-color);
+  --variants-neutralSubtle-backgroundColor__88ut8nj: var(--oj-c-surface-neutral-subtle);
+  --variants-neutralSubtle-color__88ut8nk: var(--oj-c-text-icon-primary);
+  --variants-dangerSubtle-backgroundColor__88ut8nl: var(--oj-c-surface-danger-subtle);
+  --variants-dangerSubtle-color__88ut8nm: var(--oj-c-text-icon-primary);
+  --variants-warningSubtle-backgroundColor__88ut8nn: var(--oj-c-surface-warning-subtle);
+  --variants-warningSubtle-color__88ut8no: var(--oj-c-text-icon-primary);
+  --variants-successSubtle-backgroundColor__88ut8np: var(--oj-c-surface-success-subtle);
+  --variants-successSubtle-color__88ut8nq: var(--oj-c-text-icon-primary);
+  --variants-infoSubtle-backgroundColor__88ut8nr: var(--oj-c-surface-info-subtle);
+  --variants-infoSubtle-color__88ut8ns: var(--oj-c-text-icon-primary);
+  --sizes-xs-height__88ut8nt: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --sizes-xs-fontSize__88ut8nu: calc(2 * var(--oj-c-size-units, 0.25rem));
+  --sizes-xs-fontWeight__88ut8nv: 700;
+  --sizes-xs-borderRadius__88ut8nw: var(--oj-c-border-radius-sm);
+  --sizes-xs-padding__88ut8nx: var(--oj-c-size-units, 0.25rem);
+  --sizes-sm-height__88ut8ny: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --sizes-sm-fontSize__88ut8nz: calc(2.25 * var(--oj-c-size-units, 0.25rem));
+  --sizes-sm-fontWeight__88ut8n10: 700;
+  --sizes-sm-borderRadius__88ut8n11: var(--oj-c-border-radius-md);
+  --sizes-sm-padding__88ut8n12: var(--oj-c-size-units, 0.25rem);
+  --sizes-md-height__88ut8n13: calc(6 * var(--oj-c-size-units, 0.25rem));
+  --sizes-md-fontSize__88ut8n14: calc(3 * var(--oj-c-size-units, 0.25rem));
+  --sizes-md-fontWeight__88ut8n15: 700;
+  --sizes-md-borderRadius__88ut8n16: var(--oj-c-border-radius-lg);
+  --sizes-md-padding__88ut8n17: calc(2 * var(--oj-c-size-units, 0.25rem));
+}
+/* end:UNSAFE_Badge/themes/stable/BadgeThemeBaseTheme.styles.css */
 /* start:UNSAFE_ButtonLayout/themes/stable/ButtonLayoutBaseTheme.styles.css */
 .ButtonLayoutBaseTheme_baseTheme__1pnfwlc0 {
   --spacing-lg-columnGap__rt5x5j0: calc(4 * var(--oj-c-size-units, 0.25rem));
@@ -259,19 +324,14 @@
   --sizes-embeddedlg-textToEdgePadding__1onk43qq: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ButtonLabelLayout/themes/stable/ButtonLabelLayoutBaseTheme.styles.css */
-/* start:UNSAFE_Checkbox/themes/stable/CheckboxIconBaseTheme.styles.css */
-.CheckboxIconBaseTheme_baseTheme__e3mxfx0 {
-  --iconSize__1denrfz0: initial;
-  --iconColorChecked__1denrfz1: var(--oj-c-text-icon-primary);
-  --iconColorUnchecked__1denrfz2: var(--oj-c-text-icon-primary);
-  --iconTransformActive__1denrfz3: scale(0.75);
-}
-/* end:UNSAFE_Checkbox/themes/stable/CheckboxIconBaseTheme.styles.css */
-/* start:UNSAFE_DrawerLayout/themes/stable/DrawerLayoutBaseTheme.styles.css */
-.DrawerLayoutBaseTheme_baseTheme__cqlzjc0 {
-  --overlayDrawerBackgroundColor__37aqbl0: var(--oj-c-surface-neutral10);
+/* start:UNSAFE_ColorPicker/themes/stable/ColorPickerBaseTheme.styles.css */
+.ColorPickerBaseTheme_baseTheme__1uhyoxo0 {
+  --width__1urfhqt0: 100%;
+  --minWidth__1urfhqt1: calc(55 * var(--oj-c-size-units, 0.25rem));
+  --maxWidth__1urfhqt2: calc(55 * var(--oj-c-size-units, 0.25rem));
+  --maxHeight__1urfhqt3: calc(85 * var(--oj-c-size-units, 0.25rem));
 }
-/* end:UNSAFE_DrawerLayout/themes/stable/DrawerLayoutBaseTheme.styles.css */
+/* end:UNSAFE_ColorPicker/themes/stable/ColorPickerBaseTheme.styles.css */
 /* start:UNSAFE_ColorSwatch/themes/stable/ColorSwatchBaseTheme.styles.css */
 .ColorSwatchBaseTheme_baseTheme__1d9whcm0 {
   --borderRadius__1bc16n60: var(--oj-c-border-radius-sm);
@@ -280,59 +340,6 @@
   --sizes-sm-height__1bc16n63: calc(calc(11 * var(--oj-c-size-units, 0.25rem)));
 }
 /* end:UNSAFE_ColorSwatch/themes/stable/ColorSwatchBaseTheme.styles.css */
-/* start:UNSAFE_Floating/themes/stable/FloatingBaseTheme.styles.css */
-.FloatingBaseTheme_baseTheme__17hfog20 {
-  --backgroundColor__ihlnqb0: transparent;
-}
-/* end:UNSAFE_Floating/themes/stable/FloatingBaseTheme.styles.css */
-/* start:UNSAFE_Badge/themes/stable/BadgeThemeBaseTheme.styles.css */
-.BadgeThemeBaseTheme_baseTheme__19vosyq0 {
-  --backgroundColor__88ut8n0: ;
-  --color__88ut8n1: ;
-  --fontSize__88ut8n2: ;
-  --fontWeight__88ut8n3: ;
-  --fontStretch__88ut8n4: condensed;
-  --size__88ut8n5: ;
-  --height__88ut8n6: ;
-  --borderRadius__88ut8n7: ;
-  --padding__88ut8n8: ;
-  --variants-neutral-backgroundColor__88ut8n9: var(--oj-c-surface-neutral-strong);
-  --variants-neutral-color__88ut8na: var(--oj-c-text-icon-on-color);
-  --variants-danger-backgroundColor__88ut8nb: var(--oj-c-surface-danger-strong);
-  --variants-danger-color__88ut8nc: var(--oj-c-text-icon-on-color);
-  --variants-warning-backgroundColor__88ut8nd: var(--oj-c-surface-warning-strong);
-  --variants-warning-color__88ut8ne: var(--oj-c-text-icon-on-color);
-  --variants-success-backgroundColor__88ut8nf: var(--oj-c-surface-success-strong);
-  --variants-success-color__88ut8ng: var(--oj-c-text-icon-on-color);
-  --variants-info-backgroundColor__88ut8nh: var(--oj-c-surface-info-strong);
-  --variants-info-color__88ut8ni: var(--oj-c-text-icon-on-color);
-  --variants-neutralSubtle-backgroundColor__88ut8nj: var(--oj-c-surface-neutral-subtle);
-  --variants-neutralSubtle-color__88ut8nk: var(--oj-c-text-icon-primary);
-  --variants-dangerSubtle-backgroundColor__88ut8nl: var(--oj-c-surface-danger-subtle);
-  --variants-dangerSubtle-color__88ut8nm: var(--oj-c-text-icon-primary);
-  --variants-warningSubtle-backgroundColor__88ut8nn: var(--oj-c-surface-warning-subtle);
-  --variants-warningSubtle-color__88ut8no: var(--oj-c-text-icon-primary);
-  --variants-successSubtle-backgroundColor__88ut8np: var(--oj-c-surface-success-subtle);
-  --variants-successSubtle-color__88ut8nq: var(--oj-c-text-icon-primary);
-  --variants-infoSubtle-backgroundColor__88ut8nr: var(--oj-c-surface-info-subtle);
-  --variants-infoSubtle-color__88ut8ns: var(--oj-c-text-icon-primary);
-  --sizes-xs-height__88ut8nt: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --sizes-xs-fontSize__88ut8nu: calc(2 * var(--oj-c-size-units, 0.25rem));
-  --sizes-xs-fontWeight__88ut8nv: 700;
-  --sizes-xs-borderRadius__88ut8nw: var(--oj-c-border-radius-sm);
-  --sizes-xs-padding__88ut8nx: var(--oj-c-size-units, 0.25rem);
-  --sizes-sm-height__88ut8ny: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --sizes-sm-fontSize__88ut8nz: calc(2.25 * var(--oj-c-size-units, 0.25rem));
-  --sizes-sm-fontWeight__88ut8n10: 700;
-  --sizes-sm-borderRadius__88ut8n11: var(--oj-c-border-radius-md);
-  --sizes-sm-padding__88ut8n12: var(--oj-c-size-units, 0.25rem);
-  --sizes-md-height__88ut8n13: calc(6 * var(--oj-c-size-units, 0.25rem));
-  --sizes-md-fontSize__88ut8n14: calc(3 * var(--oj-c-size-units, 0.25rem));
-  --sizes-md-fontWeight__88ut8n15: 700;
-  --sizes-md-borderRadius__88ut8n16: var(--oj-c-border-radius-lg);
-  --sizes-md-padding__88ut8n17: calc(2 * var(--oj-c-size-units, 0.25rem));
-}
-/* end:UNSAFE_Badge/themes/stable/BadgeThemeBaseTheme.styles.css */
 /* start:UNSAFE_ComponentMessage/themes/stable/ComponentMessageBaseTheme.styles.css */
 .ComponentMessageBaseTheme_baseTheme__1pl8d0c0 {
   --startIconColor__1aj7c360: var(--oj-c-text-icon-info);
@@ -343,27 +350,21 @@
   --summaryLineHeight__1aj7c365: 1.333rem;
 }
 /* end:UNSAFE_ComponentMessage/themes/stable/ComponentMessageBaseTheme.styles.css */
-/* start:UNSAFE_Checkbox/themes/stable/CheckboxBaseTheme.styles.css */
-.CheckboxBaseTheme_baseTheme__zwg6t30 {
-  --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-size-units, 0.25rem));
-  --outlineWidth__1qyga5a0: 1px;
-}
-:root, .oj-density-dependent {
-  --rowHeight__1qyga5a2: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-}
-/* end:UNSAFE_Checkbox/themes/stable/CheckboxBaseTheme.styles.css */
 /* start:UNSAFE_DrawerPopup/themes/stable/DrawerPopupBaseTheme.styles.css */
 .DrawerPopupBaseTheme_baseTheme__1bklrp70 {
   --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-surface-neutral0);
 }
 /* end:UNSAFE_DrawerPopup/themes/stable/DrawerPopupBaseTheme.styles.css */
-/* start:UNSAFE_FilePicker/themes/stable/FilePickerBaseTheme.styles.css */
-.FilePickerBaseTheme_baseTheme__ivis540 {
-  --borderColor__12s6ppx0: var(--oj-c-border-enabled);
-  --borderRadius__12s6ppx1: var(--oj-c-border-radius-xl);
-  --borderWidth__12s6ppx2: 1px;
+/* start:UNSAFE_ConveyorBelt/themes/stable/ConveyorBeltBaseTheme.styles.css */
+.ConveyorBeltBaseTheme_baseTheme__vs63kd0 {
+  --boxShadow-width__114pbvl0: var(--oj-c-size-units, 0.25rem);
 }
-/* end:UNSAFE_FilePicker/themes/stable/FilePickerBaseTheme.styles.css */
+/* end:UNSAFE_ConveyorBelt/themes/stable/ConveyorBeltBaseTheme.styles.css */
+/* start:UNSAFE_DrawerLayout/themes/stable/DrawerLayoutBaseTheme.styles.css */
+.DrawerLayoutBaseTheme_baseTheme__cqlzjc0 {
+  --overlayDrawerBackgroundColor__37aqbl0: var(--oj-c-surface-neutral10);
+}
+/* end:UNSAFE_DrawerLayout/themes/stable/DrawerLayoutBaseTheme.styles.css */
 /* start:UNSAFE_DatePicker/themes/stable/DatePickerBaseTheme.styles.css */
 .DatePickerBaseTheme_baseTheme__1fb6ry60 {
   --width__1wy4iwf0: 100%;
@@ -375,11 +376,18 @@
   --todayFooterButtonHeight__1wy4iwf6: calc(102 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_DatePicker/themes/stable/DatePickerBaseTheme.styles.css */
-/* start:UNSAFE_ConveyorBelt/themes/stable/ConveyorBeltBaseTheme.styles.css */
-.ConveyorBeltBaseTheme_baseTheme__vs63kd0 {
-  --boxShadow-width__114pbvl0: var(--oj-c-size-units, 0.25rem);
+/* start:UNSAFE_FilePicker/themes/stable/FilePickerBaseTheme.styles.css */
+.FilePickerBaseTheme_baseTheme__ivis540 {
+  --borderColor__12s6ppx0: var(--oj-c-border-enabled);
+  --borderRadius__12s6ppx1: var(--oj-c-border-radius-xl);
+  --borderWidth__12s6ppx2: 1px;
 }
-/* end:UNSAFE_ConveyorBelt/themes/stable/ConveyorBeltBaseTheme.styles.css */
+/* end:UNSAFE_FilePicker/themes/stable/FilePickerBaseTheme.styles.css */
+/* start:UNSAFE_Floating/themes/stable/FloatingBaseTheme.styles.css */
+.FloatingBaseTheme_baseTheme__17hfog20 {
+  --backgroundColor__ihlnqb0: transparent;
+}
+/* end:UNSAFE_Floating/themes/stable/FloatingBaseTheme.styles.css */
 /* start:UNSAFE_Dialog/themes/stable/DialogBaseTheme.styles.css */
 .DialogBaseTheme_baseTheme__1t7et6q0 {
   --boxShadow__9f8o6i0: var(--oj-c-box-shadow-lg);
@@ -415,27 +423,12 @@
   --fontSize__1gj3n971: var(--oj-c-body-sm-font-size);
 }
 /* end:UNSAFE_Indexer/themes/stable/IndexerBaseTheme.styles.css */
-/* start:UNSAFE_ColorPicker/themes/stable/ColorPickerBaseTheme.styles.css */
-.ColorPickerBaseTheme_baseTheme__1uhyoxo0 {
-  --width__1urfhqt0: 100%;
-  --minWidth__1urfhqt1: calc(55 * var(--oj-c-size-units, 0.25rem));
-  --maxWidth__1urfhqt2: calc(55 * var(--oj-c-size-units, 0.25rem));
-  --maxHeight__1urfhqt3: calc(85 * var(--oj-c-size-units, 0.25rem));
-}
-/* end:UNSAFE_ColorPicker/themes/stable/ColorPickerBaseTheme.styles.css */
-/* start:UNSAFE_Link/themes/stable/LinkBaseTheme.styles.css */
-.LinkBaseTheme_baseTheme__lt8o040 {
-  --standaloneTextDecoration__1w21kyl0: none;
-  --standaloneTextDecorationHover__1w21kyl1: underline;
-  --standaloneFontWeight__1w21kyl2: 600;
-  --embeddedTextDecoration__1w21kyl3: underline;
-  --embeddedTextDecorationHover__1w21kyl4: none;
-  --textUnderlineOffset__1w21kyl5: calc(0.6 * var(--oj-c-size-units, 0.25rem));
-  --textColor__1w21kyl6: var(--oj-c-text-icon-link);
-  --textColorActive__1w21kyl7: var(--textColor__1w21kyl6);
-  --textColorVisited__1w21kyl8: var(--textColor__1w21kyl6);
+/* start:UNSAFE_FlatTreeView/themes/stable/TreeViewBaseTheme.styles.css */
+.TreeViewBaseTheme_baseTheme__zkud4u0 {
+  --oj-c-tree-view-item-height: calc(10 * var(--oj-c-size-units, 0.25rem));
+  --oj-c-tree-view-indent-width: calc(6 * var(--oj-c-size-units, 0.25rem));
 }
-/* end:UNSAFE_Link/themes/stable/LinkBaseTheme.styles.css */
+/* end:UNSAFE_FlatTreeView/themes/stable/TreeViewBaseTheme.styles.css */
 /* start:UNSAFE_GroupedList/themes/stable/GroupedListBaseTheme.styles.css */
 .GroupedListBaseTheme_baseTheme__n7j7mq0 {
   --groupHeaderBgColorSticky__11yn0c70: rgb(var(--oj-c-palette-neutral-30));
@@ -473,6 +466,29 @@
   --formLayoutTopEdgeLabelToValuePadding__kn3t7fb: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
 }
 /* end:UNSAFE_Label/themes/stable/LabelBaseTheme.styles.css */
+/* start:UNSAFE_FormLayout/themes/stable/FormLayoutBaseTheme.styles.css */
+.FormLayoutBaseTheme_baseTheme__10ijf6z0 {
+  --columnGapWidthMd__pa4rfz2: calc(6 * var(--oj-c-size-units, 0.25rem));
+  --columnGapWidthSm__pa4rfz3: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --maxStartColumnWidth__pa4rfz0: calc(150 * var(--oj-c-size-units, 0.25rem));
+  --maxNonStartColumnWidth__pa4rfz1: calc(150 * var(--oj-c-size-units, 0.25rem));
+  --rowGapWidth__pa4rfz4: calc(3.5 * var(--oj-c-size-units, 0.25rem));
+  --columnGapWidth__pa4rfz5: inherit;
+}
+/* end:UNSAFE_FormLayout/themes/stable/FormLayoutBaseTheme.styles.css */
+/* start:UNSAFE_Link/themes/stable/LinkBaseTheme.styles.css */
+.LinkBaseTheme_baseTheme__lt8o040 {
+  --standaloneTextDecoration__1w21kyl0: none;
+  --standaloneTextDecorationHover__1w21kyl1: underline;
+  --standaloneFontWeight__1w21kyl2: 600;
+  --embeddedTextDecoration__1w21kyl3: underline;
+  --embeddedTextDecorationHover__1w21kyl4: none;
+  --textUnderlineOffset__1w21kyl5: calc(0.6 * var(--oj-c-size-units, 0.25rem));
+  --textColor__1w21kyl6: var(--oj-c-text-icon-link);
+  --textColorActive__1w21kyl7: var(--textColor__1w21kyl6);
+  --textColorVisited__1w21kyl8: var(--textColor__1w21kyl6);
+}
+/* end:UNSAFE_Link/themes/stable/LinkBaseTheme.styles.css */
 /* start:UNSAFE_Menu/themes/stable/MenuItemBaseTheme.styles.css */
 .MenuItemBaseTheme_baseTheme__1n321v10 {
   --iconSize__1qbg5hn0: calc(6 * var(--oj-c-size-units, 0.25rem));
@@ -484,27 +500,11 @@
   --iconColor__1qbg5hn6: var(--oj-c-text-icon-primary);
 }
 /* end:UNSAFE_Menu/themes/stable/MenuItemBaseTheme.styles.css */
-/* start:UNSAFE_FlatTreeView/themes/stable/TreeViewBaseTheme.styles.css */
-.TreeViewBaseTheme_baseTheme__zkud4u0 {
-  --oj-c-tree-view-item-height: calc(10 * var(--oj-c-size-units, 0.25rem));
-  --oj-c-tree-view-indent-width: calc(6 * var(--oj-c-size-units, 0.25rem));
-}
-/* end:UNSAFE_FlatTreeView/themes/stable/TreeViewBaseTheme.styles.css */
 /* start:UNSAFE_Menu/themes/stable/MenuSeparatorBaseTheme.styles.css */
 .MenuSeparatorBaseTheme_baseTheme__k8fmr30 {
   --verticalPadding__168r8wj0: calc(2 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_Menu/themes/stable/MenuSeparatorBaseTheme.styles.css */
-/* start:UNSAFE_FormLayout/themes/stable/FormLayoutBaseTheme.styles.css */
-.FormLayoutBaseTheme_baseTheme__10ijf6z0 {
-  --columnGapWidthMd__pa4rfz2: calc(6 * var(--oj-c-size-units, 0.25rem));
-  --columnGapWidthSm__pa4rfz3: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --maxStartColumnWidth__pa4rfz0: calc(150 * var(--oj-c-size-units, 0.25rem));
-  --maxNonStartColumnWidth__pa4rfz1: calc(150 * var(--oj-c-size-units, 0.25rem));
-  --rowGapWidth__pa4rfz4: calc(3.5 * var(--oj-c-size-units, 0.25rem));
-  --columnGapWidth__pa4rfz5: inherit;
-}
-/* end:UNSAFE_FormLayout/themes/stable/FormLayoutBaseTheme.styles.css */
 /* start:UNSAFE_MessageBanner/themes/stable/MessageBannerBaseTheme.styles.css */
 .MessageBannerBaseTheme_baseTheme__70l3ii0 {
   --backgroundColor__l2hi9d0: var(--oj-c-surface-info-low);
@@ -531,29 +531,12 @@
   --detailTextColor__zw7y74a: var(--oj-c-text-icon-secondary);
 }
 /* end:UNSAFE_MessageToast/themes/stable/MessageToastBaseTheme.styles.css */
-/* start:UNSAFE_Popup/themes/stable/PopupBaseTheme.styles.css */
-.PopupBaseTheme_baseTheme__13ticij0 {
-  --borderColor__2ugez71: var(--oj-c-border-divider);
-  --boxShadow__2ugez73: var(--oj-c-box-shadow-xs);
-  --borderRadius__2ugez72: var(--oj-c-border-radius-sm);
-  --backgroundColor__2ugez70: var(--oj-c-surface-popup);
-  --padding__2ugez74: calc(2 * var(--oj-c-size-units, 0.25rem));
-}
-/* end:UNSAFE_Popup/themes/stable/PopupBaseTheme.styles.css */
 /* start:UNSAFE_ProgressBar/themes/stable/ProgressBarBaseTheme.styles.css */
 .ProgressBarBaseTheme_baseTheme__8huxcv0 {
   --height__irxz4j0: 6px;
   --borderRadius__irxz4j1: 3px;
 }
 /* end:UNSAFE_ProgressBar/themes/stable/ProgressBarBaseTheme.styles.css */
-/* start:UNSAFE_RadioItem/themes/stable/RadioIconBaseTheme.styles.css */
-.RadioIconBaseTheme_baseTheme__1gka6pk0 {
-  --iconSize__bwcdcl0: var(--iconSize__bwcdcl0);
-  --iconColorSelected__bwcdcl1: var(--oj-c-text-icon-primary);
-  --iconColorUnselected__bwcdcl2: var(--oj-c-text-icon-primary);
-  --iconTransformActive__bwcdcl3: scale(0.75);
-}
-/* end:UNSAFE_RadioItem/themes/stable/RadioIconBaseTheme.styles.css */
 /* start:UNSAFE_MeterCircle/themes/stable/MeterCircleBaseTheme.styles.css */
 .MeterCircleBaseTheme_baseTheme__k5sgg60 {
   --size__1qest1m0: ;
@@ -568,6 +551,15 @@
   --trackSizes-fit__1qest1m9: calc(3 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_MeterCircle/themes/stable/MeterCircleBaseTheme.styles.css */
+/* start:UNSAFE_Popup/themes/stable/PopupBaseTheme.styles.css */
+.PopupBaseTheme_baseTheme__13ticij0 {
+  --borderColor__2ugez71: var(--oj-c-border-divider);
+  --boxShadow__2ugez73: var(--oj-c-box-shadow-xs);
+  --borderRadius__2ugez72: var(--oj-c-border-radius-sm);
+  --backgroundColor__2ugez70: var(--oj-c-surface-popup);
+  --padding__2ugez74: calc(2 * var(--oj-c-size-units, 0.25rem));
+}
+/* end:UNSAFE_Popup/themes/stable/PopupBaseTheme.styles.css */
 /* start:UNSAFE_MeterBar/themes/stable/MeterBarBaseTheme.styles.css */
 .MeterBarBaseTheme_baseTheme__18rlrbm0 {
   --size__saju1q0: ;
@@ -577,34 +569,14 @@
   --sizes-fit__saju1q4: 100%;
 }
 /* end:UNSAFE_MeterBar/themes/stable/MeterBarBaseTheme.styles.css */
-/* start:UNSAFE_ProgressCircle/themes/stable/ProgressCircleBaseTheme.styles.css */
-.ProgressCircleBaseTheme_baseTheme__28qd3w0 {
-  --size__lborgv0: ;
-  --trackWidth__lborgv1: ;
-  --sizes-sm-size__lborgv2: calc(6 * var(--oj-c-size-units, 0.25rem));
-  --sizes-sm-trackWidth__lborgv3: 2px;
-  --sizes-md-size__lborgv4: calc(12 * var(--oj-c-size-units, 0.25rem));
-  --sizes-md-trackWidth__lborgv5: var(--oj-c-size-units, 0.25rem);
-  --sizes-lg-size__lborgv6: calc(24 * var(--oj-c-size-units, 0.25rem));
-  --sizes-lg-trackWidth__lborgv7: calc(1.5 * var(--oj-c-size-units, 0.25rem));
-}
-/* end:UNSAFE_ProgressCircle/themes/stable/ProgressCircleBaseTheme.styles.css */
-/* start:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
-.FormLayoutBaseTheme_baseTheme__1vw20cf0 {
-  --startEdgeLabelToValuePadding__vm51h40: 1.5rem;
-  --startEdgeLabelTextAlign__vm51h41: end;
-}
-:root, .oj-density-dependent {
-  --topEdgeLabelToValuePadding__vm51h42: calc(0.5rem + var(--oj-c-density-units, 0px));
-}
-/* end:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
-/* start:UNSAFE_Skeleton/themes/stable/SkeletonBaseTheme.styles.css */
-.SkeletonBaseTheme_baseTheme__1ki8b5s0 {
-  --bgColor-base__1mh02730: rgb(var(--oj-c-palette-neutral-170));
-  --opacity-start__1mh02731: 0.05;
-  --opacity-end__1mh02732: 0.15;
+/* start:UNSAFE_RadioItem/themes/stable/RadioIconBaseTheme.styles.css */
+.RadioIconBaseTheme_baseTheme__1gka6pk0 {
+  --iconSize__bwcdcl0: var(--iconSize__bwcdcl0);
+  --iconColorSelected__bwcdcl1: var(--oj-c-text-icon-primary);
+  --iconColorUnselected__bwcdcl2: var(--oj-c-text-icon-primary);
+  --iconTransformActive__bwcdcl3: scale(0.75);
 }
-/* end:UNSAFE_Skeleton/themes/stable/SkeletonBaseTheme.styles.css */
+/* end:UNSAFE_RadioItem/themes/stable/RadioIconBaseTheme.styles.css */
 /* start:UNSAFE_NavigationList/themes/stable/NavigationListItemBaseTheme.styles.css */
 .NavigationListItemBaseTheme_baseTheme__1dmz5b50 {
   --fontSize__1497t560: var(--oj-c-body-md-font-size);
@@ -628,12 +600,18 @@
   --removeIconPadding__1497t56i: calc(2 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_NavigationList/themes/stable/NavigationListItemBaseTheme.styles.css */
-/* start:UNSAFE_WindowOverlay/themes/stable/WindowOverlayBaseTheme.styles.css */
-.WindowOverlayBaseTheme_baseTheme__y3rpgz0 {
-  --notificationMainAxisOffset__5h4cac0: 0px;
-  --notificationCrossAxisOffset__5h4cac1: 0px;
+/* start:UNSAFE_ProgressCircle/themes/stable/ProgressCircleBaseTheme.styles.css */
+.ProgressCircleBaseTheme_baseTheme__28qd3w0 {
+  --size__lborgv0: ;
+  --trackWidth__lborgv1: ;
+  --sizes-sm-size__lborgv2: calc(6 * var(--oj-c-size-units, 0.25rem));
+  --sizes-sm-trackWidth__lborgv3: 2px;
+  --sizes-md-size__lborgv4: calc(12 * var(--oj-c-size-units, 0.25rem));
+  --sizes-md-trackWidth__lborgv5: var(--oj-c-size-units, 0.25rem);
+  --sizes-lg-size__lborgv6: calc(24 * var(--oj-c-size-units, 0.25rem));
+  --sizes-lg-trackWidth__lborgv7: calc(1.5 * var(--oj-c-size-units, 0.25rem));
 }
-/* end:UNSAFE_WindowOverlay/themes/stable/WindowOverlayBaseTheme.styles.css */
+/* end:UNSAFE_ProgressCircle/themes/stable/ProgressCircleBaseTheme.styles.css */
 /* start:UNSAFE_RadioItem/themes/stable/RadioBaseTheme.styles.css */
 .RadioBaseTheme_baseTheme__1e4jjcp0 {
   --iconToTextGap__11tjnon1: calc(2 * var(--oj-c-size-units, 0.25rem));
@@ -643,6 +621,28 @@
   --rowHeight__11tjnon2: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
 }
 /* end:UNSAFE_RadioItem/themes/stable/RadioBaseTheme.styles.css */
+/* start:UNSAFE_Skeleton/themes/stable/SkeletonBaseTheme.styles.css */
+.SkeletonBaseTheme_baseTheme__1ki8b5s0 {
+  --bgColor-base__1mh02730: rgb(var(--oj-c-palette-neutral-170));
+  --opacity-start__1mh02731: 0.05;
+  --opacity-end__1mh02732: 0.15;
+}
+/* end:UNSAFE_Skeleton/themes/stable/SkeletonBaseTheme.styles.css */
+/* start:UNSAFE_TabBarCommon/themes/stable/TabBarItemBaseTheme.styles.css */
+.TabBarItemBaseTheme_baseTheme__13knard0 {
+  --labelColor__1vg465e0: var(--oj-c-text-icon-secondary);
+  --labelColorSelected__1vg465e1: var(--oj-c-text-icon-primary);
+  --labelColorHover__1vg465e2: var(--oj-c-text-icon-primary);
+  --iconSize__1vg465e3: calc(6 * var(--oj-c-size-units, 0.25rem));
+  --borderWidthBottom__1vg465e4: 3px;
+  --borderWidthLeftRight__1vg465e5: 0px;
+}
+:root, .oj-density-dependent {
+  --mdHeight__1vg465e6: calc(calc(10.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --lgHeight__1vg465e7: calc(calc(14.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --stackedHeight__1vg465e8: calc(calc(18.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+}
+/* end:UNSAFE_TabBarCommon/themes/stable/TabBarItemBaseTheme.styles.css */
 /* start:UNSAFE_RatingGauge/themes/stable/RatingGaugeBaseTheme.styles.css */
 .RatingGaugeBaseTheme_baseTheme__1l8o0jn0 {
   --colorSelected__1kgzocs0: var(--oj-c-text-icon-primary);
@@ -679,21 +679,21 @@
   --colors-danger-colorSelectedReadonly__1kgzocsv: var(--oj-c-dvt-threshold-danger);
 }
 /* end:UNSAFE_RatingGauge/themes/stable/RatingGaugeBaseTheme.styles.css */
-/* start:UNSAFE_TabBarCommon/themes/stable/TabBarItemBaseTheme.styles.css */
-.TabBarItemBaseTheme_baseTheme__13knard0 {
-  --labelColor__1vg465e0: var(--oj-c-text-icon-secondary);
-  --labelColorSelected__1vg465e1: var(--oj-c-text-icon-primary);
-  --labelColorHover__1vg465e2: var(--oj-c-text-icon-primary);
-  --iconSize__1vg465e3: calc(6 * var(--oj-c-size-units, 0.25rem));
-  --borderWidthBottom__1vg465e4: 3px;
-  --borderWidthLeftRight__1vg465e5: 0px;
+/* start:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
+.FormLayoutBaseTheme_baseTheme__1vw20cf0 {
+  --startEdgeLabelToValuePadding__vm51h40: 1.5rem;
+  --startEdgeLabelTextAlign__vm51h41: end;
 }
 :root, .oj-density-dependent {
-  --mdHeight__1vg465e6: calc(calc(10.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-  --lgHeight__1vg465e7: calc(calc(14.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-  --stackedHeight__1vg465e8: calc(calc(18.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --topEdgeLabelToValuePadding__vm51h42: calc(0.5rem + var(--oj-c-density-units, 0px));
 }
-/* end:UNSAFE_TabBarCommon/themes/stable/TabBarItemBaseTheme.styles.css */
+/* end:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
+/* start:UNSAFE_WindowOverlay/themes/stable/WindowOverlayBaseTheme.styles.css */
+.WindowOverlayBaseTheme_baseTheme__y3rpgz0 {
+  --notificationMainAxisOffset__5h4cac0: 0px;
+  --notificationCrossAxisOffset__5h4cac1: 0px;
+}
+/* end:UNSAFE_WindowOverlay/themes/stable/WindowOverlayBaseTheme.styles.css */
 /* start:UNSAFE_UserAssistance/themes/stable/UserAssistanceBaseTheme.styles.css */
 .UserAssistanceBaseTheme_baseTheme__1rv7xfv0 {
   --inlineTextColor__1n9ixz60: var(--oj-c-text-icon-secondary);

package/cjs/TimeComponentCanvas2D-baa58795.js

@@ -6,20 +6,20 @@ var PRIVATE_TimeComponent_themes_TimeComponentStyles_css = require('./PRIVATE_Ti
 var classNames = require('./classNames-c14c6ef3.js');
 var hooks = require('preact/hooks');
 var TrackResizeContainer = require('./TrackResizeContainer-a8631f0d.js');
-var Flex = require('./Flex-3a257bc3.js');
-var BaseButton = require('./BaseButton-d8f96bfa.js');
+var Flex = require('./Flex-ec48072d.js');
+var BaseButton = require('./BaseButton-15b86552.js');
 var ButtonLabelLayout = require('./ButtonLabelLayout-c876923f.js');
-var useTooltip = require('./useTooltip-34accecc.js');
+var useTooltip = require('./useTooltip-d1200aff.js');
 require('./logger-2b636482.js');
-require('./LayerHost-3cd73603.js');
+require('./LayerHost-21391a0d.js');
 require('preact/compat');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-2bc15136.js');
+require('./tooltipUtils-c554343d.js');
 var Plus = require('./Plus-87f2ea14.js');
 var getFormatParse = require('./getFormatParse-b70abd1a.js');
-var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
+var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
 var Minus = require('./Minus-a7def860.js');
 var usePointerGesture = require('./usePointerGesture-0b9cc1b7.js');
 var preact = require('preact');

package/cjs/ToggleButton-0ec0c75b.js

@@ -0,0 +1,30 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var compat = require('preact/compat');
+var BaseButton = require('./BaseButton-15b86552.js');
+var useToggleAction = require('./useToggleAction-e4f15550.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+var toggleButtonUtils = require('./toggleButtonUtils-245111a7.js');
+var buttonUtils = require('./buttonUtils-dff2ea3e.js');
+var ToggleButtonLabel = require('./ToggleButtonLabel-ce19879c.js');
+
+/**
+ * ToggleButtons direct users to toggle a state with a single tap, click, or keystroke.
+ */
+const ToggleButton = compat.forwardRef(({ startIcon, endIcon, variant = 'outlined', size = 'md', isDisabled = false, isSelected = false, onToggle, display = 'all', autofocus, testId, label, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, width, ...props }, ref) => {
+    const { globalEventProps } = buttonUtils.processGlobals(props);
+    const labelOnly = (!startIcon && !endIcon) || display === 'label';
+    const { triggerProps } = useToggleAction.useToggleAction({
+        isDisabled: isDisabled,
+        onToggle: onToggle
+    });
+    const styling = toggleButtonUtils.toggleStyling('auto', isSelected, false, false, variant === 'outlined', undefined, labelOnly, false, true);
+    const ariaProps = { 'aria-describedby': ariaDescribedBy };
+    return (jsxRuntime.jsx(BaseButton.BaseButton, { ...mergeProps.mergeProps(triggerProps, globalEventProps, ariaProps), ref: ref, variant: variant, isDisabled: isDisabled, size: size, width: width, "aria-pressed": isSelected, autofocus: autofocus, styling: styling, "aria-label": accessibleLabel ?? label, testId: testId, ...globalEventProps, children: jsxRuntime.jsx(ToggleButtonLabel.ToggleButtonLabel, { onAction: () => onToggle?.({ value: isSelected }), label: label, size: size, isDisabled: isDisabled, display: display, startIcon: startIcon, endIcon: endIcon }) }));
+});
+ToggleButton.displayName = 'ToggleButton';
+
+exports.ToggleButton = ToggleButton;
+//# sourceMappingURL=ToggleButton-0ec0c75b.js.map

package/cjs/ToggleButton-0ec0c75b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton-0ec0c75b.js","sources":["../../src/UNSAFE_ToggleButton/ToggleButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useToggleAction, ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { toggleStyling, processGlobals } from '#utils/UNSAFE_buttonUtils';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport type { ButtonIntrinsicProps } from '#utils/UNSAFE_buttonUtils';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\nexport type ToggleButtonProps = ButtonIntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon. This should not vary depending on state.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon. This should not vary depending on state.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the togglebutton element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * label - togglebutton label, used for accessibility if no override\n     */\n    label: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the togglebutton has chrome (background and border).\n     *     \"borderless\"': \"Borderless togglebuttons are a more prominent variation. Borderless\n     * togglebuttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined togglebuttons are salient, but lighter weight than\n     * solid togglebuttons. Outlined togglebuttons are useful for secondary actions.\",\n     */\n    variant?: 'outlined' | 'borderless';\n\n    /**\n     * The size indicates how large the togglebutton is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the togglebutton.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the togglebutton.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * ToggleButtons direct users to toggle a state with a single tap, click, or keystroke.\n */\nexport const ToggleButton = forwardRef(\n  (\n    {\n      startIcon,\n      endIcon,\n      variant = 'outlined',\n      size = 'md',\n      isDisabled = false,\n      isSelected = false,\n      onToggle,\n      display = 'all',\n      autofocus,\n      testId,\n      label,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: ToggleButtonProps,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const { triggerProps } = useToggleAction({\n      isDisabled: isDisabled,\n      onToggle: onToggle\n    });\n\n    const styling = toggleStyling(\n      'auto',\n      isSelected,\n      false,\n      false,\n      variant === 'outlined',\n      undefined,\n      labelOnly,\n      false,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <BaseButton\n        {...mergeProps(triggerProps, globalEventProps, ariaProps)}\n        ref={ref}\n        variant={variant}\n        isDisabled={isDisabled}\n        size={size}\n        width={width}\n        aria-pressed={isSelected}\n        autofocus={autofocus}\n        styling={styling}\n        aria-label={accessibleLabel ?? label}\n        testId={testId}\n        {...globalEventProps}>\n        <ToggleButtonLabel\n          onAction={() => onToggle?.({ value: isSelected })}\n          label={label}\n          size={size}\n          isDisabled={isDisabled}\n          display={display}\n          startIcon={startIcon}\n          endIcon={endIcon}></ToggleButtonLabel>\n      </BaseButton>\n    );\n  }\n);\n\nToggleButton.displayName = 'ToggleButton';\n"],"names":["forwardRef","processGlobals","useToggleAction","toggleStyling","_jsx","BaseButton","mergeProps","ToggleButtonLabel"],"mappings":";;;;;;;;;;;;AAuFA;;AAEG;AACU,MAAA,YAAY,GAAGA,iBAAU,CACpC,CACE,EACE,SAAS,EACT,OAAO,EACP,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,EACT,MAAM,EACN,KAAK,EACL,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,KAAK,EACL,GAAG,KAAK,EACU,EACpB,GAA+B,KAC7B;IACF,MAAM,EAAE,gBAAgB,EAAE,GAAGC,0BAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,IAAA,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,OAAO,KAAK,OAAO,KAAK,OAAO,CAAC;AAClE,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,+BAAe,CAAC;AACvC,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA,CAAC,CAAC;IAEH,MAAM,OAAO,GAAGC,+BAAa,CAC3B,MAAM,EACN,UAAU,EACV,KAAK,EACL,KAAK,EACL,OAAO,KAAK,UAAU,EACtB,SAAS,EACT,SAAS,EACT,KAAK,EACL,IAAI,CACL,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC;IAE1D,QACEC,eAACC,qBAAU,EAAA,EAAA,GACLC,qBAAU,CAAC,YAAY,EAAE,gBAAgB,EAAE,SAAS,CAAC,EACzD,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,kBACE,UAAU,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EACJ,YAAA,EAAA,eAAe,IAAI,KAAK,EACpC,MAAM,EAAE,MAAM,EAAA,GACV,gBAAgB,EACpB,QAAA,EAAAF,cAAA,CAACG,mCAAiB,EAChB,EAAA,QAAQ,EAAE,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EACjD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAAA,CAAsB,EAC7B,CAAA,EACb;AACJ,CAAC,EACD;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}