@oracle/oraclejet-preact 19.0.5 → 19.0.6

package/amd/TextAreaAutosize-cbdc9644.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'preact/hooks', './useFocusableTextField-8b755b15', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './MaxLengthLiveRegion-1f30f975', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './useTextField-3ab0a23b', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-27bf6340', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './mergeProps-bcfa6a92', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'preact', 'css!./IconStyle.styles.css', './Popup-062b66ff', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useLengthFilter-c05fd679', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75', './MaxLengthCounter-cadff1c7'], (function(e,s,t,n,a,o,l,i,r,d,c,u,m,x,p,b,h,F,f,g,y,T,A,L,v,R,S,C,U,E,w,I,j,_,P,B,H,V,k,D,N,M,q,W,$,z,G,O,X,J,K,Q,Y){"use strict";const Z=({isReadonly:e,enabledElementRef:s,readonlyElementRef:t,minRows:n=2,maxRows:a,value:o})=>{l.useLayoutEffect((()=>{const o=e?t:s;if(null===o.current)return;if(o.current instanceof HTMLDivElement)return;const l=o.current,i=(e=>{const s=window.getComputedStyle(e),t=s.lineHeight;if("normal"===t)return 1.2*parseFloat(s.fontSize);return parseFloat(t)})(l);l.style.height="0";const{paddingHeight:r,borderHeight:d}=(e=>{const s=window.getComputedStyle(e);return{paddingHeight:parseFloat(s.paddingTop)+parseFloat(s.paddingBottom),borderHeight:parseFloat(s.borderTop)+parseFloat(s.borderBottom)}})(l),c=i*n+r+d,u=l.scrollHeight+d;let m=0;if(void 0===a)m=u<c?c:u;else if(a>n){const e=i*a+r+d;m=u>e?e:u<c?c:u}else m=c;l.style.height=m+.5+"px"}),[o,n,a,e,s,t])},ee=t.forwardRef((({"aria-describedby":e,assistiveText:n,autoComplete:l="off",autoFocus:d=!1,columnSpan:u,helpSourceLink:h,helpSourceText:F,isDisabled:f,isReadonly:g,isRequired:y=!1,isRequiredShown:T,label:L,labelEdge:v,labelStartWidth:C,maxLength:U,maxLengthCounter:E="remaining",maxLengthUnit:_,maxRows:P,messages:B,minRows:H=2,placeholder:V,role:k,textAlign:D,userAssistanceDensity:N,value:M,variant:q="default",onInput:W,onCommit:$,testId:G},O)=>{const ee=S.useTranslationBundle("@oracle/oraclejet-preact"),se=U?ee.formControl_limitReached({CHARACTER_LIMIT:U}):"",{currentCommitValue:te,dispatch:ne}=J.useCurrentValueReducer({value:M}),ae=t.useCallback((e=>{ne({type:"input",payload:e.value}),W?.(e)}),[W,ne]),oe=t.useCallback((e=>{ne({type:"commit",payload:e.value}),$?.(e)}),[$,ne]),{isDisabled:le,isReadonly:ie,labelEdge:re,labelStartWidth:de,textAlign:ce,userAssistanceDensity:ue}=a.useFormContext(),me=f??le,xe=g??ie,pe=v??re,be=C??de,he=D??ce??Q.defaultTextAlignForVariant(q),Fe=N??ue,fe=t.useRef(R.useId()),ge=e?`${e} ${fe.current}`:fe.current,ye=t.useRef(null),Te=t.useRef(null),{focusProps:Ae,isFocused:Le,methods:ve}=i.useFocusableTextField({isDisabled:me,isReadonly:xe,enabledElementRef:ye,readonlyElementRef:Te}),{methods:Re}=K.useSelectableTextField(ye);t.useImperativeHandle(O,(()=>j.mergeProps(ve,Re)),[ve,Re]);const{isMaxLengthExceeded:Se,isMaxLengthReached:Ce,valueLength:Ue,onFilteredInput:Ee}=X.useLengthFilter({maxLength:U,maxLengthUnit:_,value:M,onInput:ae,onCommit:oe}),we=[...B??[],...Ce?[{detail:se,severity:"info"}]:[]],{formFieldContext:Ie,inputProps:je,labelProps:_e,textFieldProps:Pe,userAssistanceProps:Be}=A.useTextField({ariaDescribedBy:xe||me?e:ge,contentVariant:"textarea",helpSourceLink:h,helpSourceText:F,isDisabled:me,isFocused:Le,isReadonly:xe,isRequiredShown:T,labelEdge:pe,messages:we,styleVariant:q,userAssistanceDensity:Fe,value:M}),He=t.useCallback((()=>{const e=ye.current,s=e?e.value.length:null;ye.current?.setSelectionRange(s,s),ye.current?.focus()}),[ye]),Ve="none"!==pe?s.jsx(r.Label,{..._e,children:L}):void 0,ke={label:"none"!==pe?Ve:void 0,labelEdge:"none"!==pe?pe:void 0,labelStartWidth:"none"!==pe?be:void 0,labelText:"inside"!==pe||me?void 0:L},De="none"===pe?L:void 0,Ne="efficient"===Fe||"reflow"===Fe?me?"efficient"!==Fe?void 0:s.jsx(w.InlineUserAssistance,{userAssistanceDensity:Fe,...Be}):xe?s.jsx(w.InlineUserAssistance,{fieldLabel:L,messages:B,userAssistanceDensity:Fe,...Be}):s.jsx(w.InlineUserAssistance,{assistiveText:n,fieldLabel:L,helpSourceLink:h,helpSourceText:F,messages:we,isRequiredShown:T,userAssistanceDensity:Fe,...Be}):void 0,Me=t.useRef(null),qe="compact"===Fe?s.jsx(I.CompactUserAssistance,{anchorRef:Me,messages:we,assistiveText:n,...Be}):void 0;if(Z({isReadonly:xe,enabledElementRef:ye,readonlyElementRef:Te,minRows:H,maxRows:P,value:M}),xe){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":je["aria-describedby"],"aria-label":De,"aria-labelledby":_e.id,autoFocus:d,elementRef:Te,formVariant:q,...P?{as:"textarea",rows:H}:{as:"div"},onBlur:je.onBlur,onFocus:je.onFocus,textAlign:he,value:M,variant:"textarea",hasEmptyLabel:""===L&&"none"===pe,hasInsideLabel:void 0!==L&&"inside"===pe});return s.jsx(o.FormFieldContext.Provider,{value:Ie,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:u,compactUserAssistance:qe,inlineUserAssistance:Ne,variant:"textarea",mainContent:e,ref:Me,testId:G,...ke})})}const We=void 0!==U,$e=s.jsxs(s.Fragment,{children:[s.jsx(c.TextFieldInput,{as:"textarea","aria-label":De,autoComplete:l,autoFocus:d,currentCommitValue:te,hasEmptyLabel:""===L&&"none"===pe,hasInsideLabel:void 0!==Ve&&"inside"===pe,isRequired:y,inputRef:ye,onCommit:oe,onInput:Ee,placeholder:V,role:k,rows:H,textAlign:he,value:M,...je}),"remaining"===E&&We&&s.jsx(Y.MaxLengthCounter,{maxLength:U,valueLength:Ue,onClick:He}),We&&s.jsx(z.HiddenAccessible,{id:fe.current,children:ee.formControl_maxLength({MAX_LENGTH:`${U}`})}),We&&Le&&s.jsx(b.MaxLengthLiveRegion,{isMaxLengthExceeded:Se,maxLength:U,valueLength:Ue,testId:G?G+"_maxLength":void 0})]});return s.jsx(o.FormFieldContext.Provider,{value:Ie,children:s.jsx(p.TextField,{mainContent:$e,columnSpan:u,compactUserAssistance:qe,inlineUserAssistance:Ne,onBlur:Ae?.onFocusOut,onFocus:Ae?.onFocusIn,mainFieldRef:Me,testId:G,...Pe,...ke})})}));e.TextAreaAutosize=ee}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'preact/hooks', './useFocusableTextField-8b755b15', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './MaxLengthLiveRegion-04832e9d', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './useTextField-3ab0a23b', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './mergeProps-bcfa6a92', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useLengthFilter-c05fd679', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75', './MaxLengthCounter-cadff1c7'], (function(e,s,t,n,a,o,l,i,r,d,c,u,m,x,p,h,b,F,f,g,y,T,A,L,v,R,S,C,U,E,w,I,j,_,P,B,H,V,k,D,N,M,q,W,$,z,G,O,X,J,K,Q,Y){"use strict";const Z=({isReadonly:e,enabledElementRef:s,readonlyElementRef:t,minRows:n=2,maxRows:a,value:o})=>{l.useLayoutEffect((()=>{const o=e?t:s;if(null===o.current)return;if(o.current instanceof HTMLDivElement)return;const l=o.current,i=(e=>{const s=window.getComputedStyle(e),t=s.lineHeight;if("normal"===t)return 1.2*parseFloat(s.fontSize);return parseFloat(t)})(l);l.style.height="0";const{paddingHeight:r,borderHeight:d}=(e=>{const s=window.getComputedStyle(e);return{paddingHeight:parseFloat(s.paddingTop)+parseFloat(s.paddingBottom),borderHeight:parseFloat(s.borderTop)+parseFloat(s.borderBottom)}})(l),c=i*n+r+d,u=l.scrollHeight+d;let m=0;if(void 0===a)m=u<c?c:u;else if(a>n){const e=i*a+r+d;m=u>e?e:u<c?c:u}else m=c;l.style.height=m+.5+"px"}),[o,n,a,e,s,t])},ee=t.forwardRef((({"aria-describedby":e,assistiveText:n,autoComplete:l="off",autoFocus:d=!1,columnSpan:u,helpSourceLink:b,helpSourceText:F,isDisabled:f,isReadonly:g,isRequired:y=!1,isRequiredShown:T,label:L,labelEdge:v,labelStartWidth:C,maxLength:U,maxLengthCounter:E="remaining",maxLengthUnit:_,maxRows:P,messages:B,minRows:H=2,placeholder:V,role:k,textAlign:D,userAssistanceDensity:N,value:M,variant:q="default",onInput:W,onCommit:$,testId:G},O)=>{const ee=S.useTranslationBundle("@oracle/oraclejet-preact"),se=U?ee.formControl_limitReached({CHARACTER_LIMIT:U}):"",{currentCommitValue:te,dispatch:ne}=J.useCurrentValueReducer({value:M}),ae=t.useCallback((e=>{ne({type:"input",payload:e.value}),W?.(e)}),[W,ne]),oe=t.useCallback((e=>{ne({type:"commit",payload:e.value}),$?.(e)}),[$,ne]),{isDisabled:le,isReadonly:ie,labelEdge:re,labelStartWidth:de,textAlign:ce,userAssistanceDensity:ue}=a.useFormContext(),me=f??le,xe=g??ie,pe=v??re,he=C??de,be=D??ce??Q.defaultTextAlignForVariant(q),Fe=N??ue,fe=t.useRef(R.useId()),ge=e?`${e} ${fe.current}`:fe.current,ye=t.useRef(null),Te=t.useRef(null),{focusProps:Ae,isFocused:Le,methods:ve}=i.useFocusableTextField({isDisabled:me,isReadonly:xe,enabledElementRef:ye,readonlyElementRef:Te}),{methods:Re}=K.useSelectableTextField(ye);t.useImperativeHandle(O,(()=>j.mergeProps(ve,Re)),[ve,Re]);const{isMaxLengthExceeded:Se,isMaxLengthReached:Ce,valueLength:Ue,onFilteredInput:Ee}=X.useLengthFilter({maxLength:U,maxLengthUnit:_,value:M,onInput:ae,onCommit:oe}),we=[...B??[],...Ce?[{detail:se,severity:"info"}]:[]],{formFieldContext:Ie,inputProps:je,labelProps:_e,textFieldProps:Pe,userAssistanceProps:Be}=A.useTextField({ariaDescribedBy:xe||me?e:ge,contentVariant:"textarea",helpSourceLink:b,helpSourceText:F,isDisabled:me,isFocused:Le,isReadonly:xe,isRequiredShown:T,labelEdge:pe,messages:we,styleVariant:q,userAssistanceDensity:Fe,value:M}),He=t.useCallback((()=>{const e=ye.current,s=e?e.value.length:null;ye.current?.setSelectionRange(s,s),ye.current?.focus()}),[ye]),Ve="none"!==pe?s.jsx(r.Label,{..._e,children:L}):void 0,ke={label:"none"!==pe?Ve:void 0,labelEdge:"none"!==pe?pe:void 0,labelStartWidth:"none"!==pe?he:void 0,labelText:"inside"!==pe||me?void 0:L},De="none"===pe?L:void 0,Ne="efficient"===Fe||"reflow"===Fe?me?"efficient"!==Fe?void 0:s.jsx(w.InlineUserAssistance,{userAssistanceDensity:Fe,...Be}):xe?s.jsx(w.InlineUserAssistance,{fieldLabel:L,messages:B,userAssistanceDensity:Fe,...Be}):s.jsx(w.InlineUserAssistance,{assistiveText:n,fieldLabel:L,helpSourceLink:b,helpSourceText:F,messages:we,isRequiredShown:T,userAssistanceDensity:Fe,...Be}):void 0,Me=t.useRef(null),qe="compact"===Fe?s.jsx(I.CompactUserAssistance,{anchorRef:Me,messages:we,assistiveText:n,...Be}):void 0;if(Z({isReadonly:xe,enabledElementRef:ye,readonlyElementRef:Te,minRows:H,maxRows:P,value:M}),xe){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":je["aria-describedby"],"aria-label":De,"aria-labelledby":_e.id,autoFocus:d,elementRef:Te,formVariant:q,...P?{as:"textarea",rows:H}:{as:"div"},onBlur:je.onBlur,onFocus:je.onFocus,textAlign:be,value:M,variant:"textarea",hasEmptyLabel:""===L&&"none"===pe,hasInsideLabel:void 0!==L&&"inside"===pe});return s.jsx(o.FormFieldContext.Provider,{value:Ie,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:u,compactUserAssistance:qe,inlineUserAssistance:Ne,variant:"textarea",mainContent:e,ref:Me,testId:G,...ke})})}const We=void 0!==U,$e=s.jsxs(s.Fragment,{children:[s.jsx(c.TextFieldInput,{as:"textarea","aria-label":De,autoComplete:l,autoFocus:d,currentCommitValue:te,hasEmptyLabel:""===L&&"none"===pe,hasInsideLabel:void 0!==Ve&&"inside"===pe,isRequired:y,inputRef:ye,onCommit:oe,onInput:Ee,placeholder:V,role:k,rows:H,textAlign:be,value:M,...je}),"remaining"===E&&We&&s.jsx(Y.MaxLengthCounter,{maxLength:U,valueLength:Ue,onClick:He}),We&&s.jsx(z.HiddenAccessible,{id:fe.current,children:ee.formControl_maxLength({MAX_LENGTH:`${U}`})}),We&&Le&&s.jsx(h.MaxLengthLiveRegion,{isMaxLengthExceeded:Se,maxLength:U,valueLength:Ue,testId:G?G+"_maxLength":void 0})]});return s.jsx(o.FormFieldContext.Provider,{value:Ie,children:s.jsx(p.TextField,{mainContent:$e,columnSpan:u,compactUserAssistance:qe,inlineUserAssistance:Ne,onBlur:Ae?.onFocusOut,onFocus:Ae?.onFocusIn,mainFieldRef:Me,testId:G,...Pe,...ke})})}));e.TextAreaAutosize=ee}));
 //# sourceMappingURL=TextAreaAutosize-cbdc9644.js.map

package/amd/TextField-51b63f5f.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useTestId-a2e433c2', './LabelValueLayout-39dc1be3', './StyledTextField-5e554e5b', 'preact/hooks', './useComponentTheme-5aa41a8f', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useUser-988f7da2', './Flex-4bc3a394', './formControlUtils-de035f75', './classNames-08d99695', './UNSAFE_TextField/themes/redwood/TextFieldTheme'], (function(e,t,n,a,s,o,i,r,l,d,u,c,x,b,p,h){"use strict";const C=({contentVariant:e="input",insideLabel:n,labelText:a,mainContent:r,startContent:d,statusVariant:C="none",styleVariant:m="default",endContent:F,resize:T,rootRef:g,hasZeroStartMargin:f})=>{const{hasTruncatedLabel:L,isDisabled:y,isFocused:M,isLoading:V}=l.useFormFieldContext(),{direction:v}=c.useUser(),S="ltr"===v,j=void 0!==n,D=u.useInputGroupContext(),R=null!==D,I=D?D.last?S?"groupRight":"groupLeft":0===D.index?S?"groupLeft":"groupRight":"groupMiddle":void 0,{variantClasses:w,styles:{textFieldContainerBase:E}}=i.useComponentTheme(h.TextFieldRedwoodTheme,{statusVariant:C,styleVariant:b.isEmbeddedVariant(m)?"embedded":"default",contentVariant:e,insideLabel:j?"hasInsideLabel":"noInsideLabel",focused:M?"isFocused":"notFocused",disabled:y?"isDisabled":"notDisabled",loading:V?"isLoading":"notLoading",resize:T??"none",withinGroup:R?"isWithinGroup":void 0,inputGroupPosition:I}),{variantClasses:G}=i.useComponentTheme(h.TextFieldRedwoodTheme,{startContent:j?"hasInsideLabel":"noInsideLabel",startContentMargin:f?"noStartMargin":"hasStartMargin",startContentDisabled:y?"isDisabled":"notDisabled"}),{variantClasses:U,styles:{textFieldEndContent:z}}=i.useComponentTheme(h.TextFieldRedwoodTheme,{middleContent:e,textAreaResizeDirection:T&&"textarea"===e?v:void 0}),[Z,A]=o.useState(!1),k=o.useCallback((()=>{!Z&&L&&A(!0)}),[L,Z]),B=o.useCallback((e=>{!Z||null!=e.relatedTarget&&e.currentTarget.contains(e.relatedTarget)||A(!1)}),[Z]),K=o.useRef(null),N=g??K,{tooltipContent:W,tooltipEventHandlerProps:P}=s.useTextFieldTooltip({hasTruncatedLabel:L&&!Z,fieldRef:N,isDisabled:!j||!!y,label:a}),H=j&&!y?{onBlur:B,onKeyDownCapture:k}:{};return t.jsxs("div",{role:"presentation",class:p.classNames([w,E]),ref:N,...P,children:[d&&t.jsx("span",{class:G,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:d})}),t.jsxs("div",{class:U,...H,children:[n,r]}),F&&t.jsx("span",{class:z,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:F})}),W]})};e.TextField=({contentVariant:e,id:o,endContent:i,mainContent:r,startContent:l,columnSpan:d,compactUserAssistance:u,inlineUserAssistance:c,label:x,labelEdge:b,labelStartWidth:p,labelText:h,mainFieldRef:m,resize:F,statusVariant:T,styleVariant:g,hasZeroStartMargin:f,rootRef:L,onFocus:y,onBlur:M,onKeyDown:V,onMouseDown:v,onMouseEnter:S,onMouseLeave:j,testId:D})=>{const R=n.useTestId(D),I=void 0!==x&&("start"===b||"top"===b),w=t.jsx(C,{contentVariant:e,endContent:i,labelText:h,mainContent:r,resize:F,rootRef:m,startContent:l,statusVariant:T,styleVariant:g,hasZeroStartMargin:f,...I?{}:{insideLabel:x}}),E=t.jsxs(t.Fragment,{children:[u,w,c]}),G=I?t.jsx(a.LabelValueLayout,{columnSpan:d,label:x,labelEdge:b,labelStartWidth:p,children:E}):E;return t.jsx(s.StyledTextField,{id:o,columnSpan:d,onFocusIn:y,onFocusOut:M,onKeyDown:V,onMouseDown:v,onMouseEnter:S,onMouseLeave:j,ref:L,variant:g,...R,children:G})}}));
+define(['exports', 'preact/jsx-runtime', './useTestId-9afc201a', './LabelValueLayout-39dc1be3', './StyledTextField-5e554e5b', 'preact/hooks', './useComponentTheme-5aa41a8f', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useUser-12ec03f1', './Flex-07d2aa5b', './formControlUtils-de035f75', './classNames-08d99695', './UNSAFE_TextField/themes/redwood/TextFieldTheme'], (function(e,t,n,a,s,o,i,r,l,d,u,c,x,b,p,h){"use strict";const C=({contentVariant:e="input",insideLabel:n,labelText:a,mainContent:r,startContent:d,statusVariant:C="none",styleVariant:m="default",endContent:F,resize:T,rootRef:f,hasZeroStartMargin:g})=>{const{hasTruncatedLabel:L,isDisabled:y,isFocused:M,isLoading:V}=l.useFormFieldContext(),{direction:v}=c.useUser(),S="ltr"===v,j=void 0!==n,D=u.useInputGroupContext(),R=null!==D,I=D?D.last?S?"groupRight":"groupLeft":0===D.index?S?"groupLeft":"groupRight":"groupMiddle":void 0,{variantClasses:w,styles:{textFieldContainerBase:E}}=i.useComponentTheme(h.TextFieldRedwoodTheme,{statusVariant:C,styleVariant:b.isEmbeddedVariant(m)?"embedded":"default",contentVariant:e,insideLabel:j?"hasInsideLabel":"noInsideLabel",focused:M?"isFocused":"notFocused",disabled:y?"isDisabled":"notDisabled",loading:V?"isLoading":"notLoading",resize:T??"none",withinGroup:R?"isWithinGroup":void 0,inputGroupPosition:I}),{variantClasses:G}=i.useComponentTheme(h.TextFieldRedwoodTheme,{startContent:j?"hasInsideLabel":"noInsideLabel",startContentMargin:g?"noStartMargin":"hasStartMargin",startContentDisabled:y?"isDisabled":"notDisabled"}),{variantClasses:U,styles:{textFieldEndContent:z}}=i.useComponentTheme(h.TextFieldRedwoodTheme,{middleContent:e,textAreaResizeDirection:T&&"textarea"===e?v:void 0}),[Z,A]=o.useState(!1),k=o.useCallback((()=>{!Z&&L&&A(!0)}),[L,Z]),B=o.useCallback((e=>{!Z||null!=e.relatedTarget&&e.currentTarget.contains(e.relatedTarget)||A(!1)}),[Z]),K=o.useRef(null),N=f??K,{tooltipContent:W,tooltipEventHandlerProps:P}=s.useTextFieldTooltip({hasTruncatedLabel:L&&!Z,fieldRef:N,isDisabled:!j||!!y,label:a}),H=j&&!y?{onBlur:B,onKeyDownCapture:k}:{};return t.jsxs("div",{role:"presentation",class:p.classNames([w,E]),ref:N,...P,children:[d&&t.jsx("span",{class:G,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:d})}),t.jsxs("div",{class:U,...H,children:[n,r]}),F&&t.jsx("span",{class:z,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:F})}),W]})};e.TextField=({contentVariant:e,id:o,endContent:i,mainContent:r,startContent:l,columnSpan:d,compactUserAssistance:u,inlineUserAssistance:c,label:x,labelEdge:b,labelStartWidth:p,labelText:h,mainFieldRef:m,resize:F,statusVariant:T,styleVariant:f,hasZeroStartMargin:g,rootRef:L,onFocus:y,onBlur:M,onKeyDown:V,onMouseDown:v,onMouseEnter:S,onMouseLeave:j,testId:D})=>{const R=n.useTestId(D),I=void 0!==x&&("start"===b||"top"===b),w=t.jsx(C,{contentVariant:e,endContent:i,labelText:h,mainContent:r,resize:F,rootRef:m,startContent:l,statusVariant:T,styleVariant:f,hasZeroStartMargin:g,...I?{}:{insideLabel:x}}),E=t.jsxs(t.Fragment,{children:[u,w,c]}),G=I?t.jsx(a.LabelValueLayout,{columnSpan:d,label:x,labelEdge:b,labelStartWidth:p,children:E}):E;return t.jsx(s.StyledTextField,{id:o,columnSpan:d,onFocusIn:y,onFocusOut:M,onKeyDown:V,onMouseDown:v,onMouseEnter:S,onMouseLeave:j,ref:L,variant:f,...R,children:G})}}));
 //# sourceMappingURL=TextField-51b63f5f.js.map

package/amd/TextFieldInput-eb40adaa.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useAccessibleContext-23e8a333', './useComponentTheme-5aa41a8f', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTextFieldInputHandlers-d401bba6', './useTranslationBundle-27bf6340', './formControlUtils-de035f75', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './mergeProps-bcfa6a92', './TextFieldUtils-f3868e96', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme'], (function(e,a,t,o,n,i,s,l,r,d,u,c,p,b,m,f,x,h,C){"use strict";const v=[...Object.values(b.textInterpolations)],F=m.mergeInterpolations(v),y=["text","search","url","tel","password","textarea"];e.TextFieldInput=({as:e="input","aria-autocomplete":i,"aria-controls":l,"aria-describedby":b,"aria-expanded":m,"aria-invalid":v,"aria-label":T,"aria-labelledby":I,"aria-valuemax":w,"aria-valuemin":E,"aria-valuenow":S,"aria-valuetext":g,autoComplete:A,autoFocus:P,currentCommitValue:L,hasEmptyLabel:U,hasEndContent:R=!1,hasInsideLabel:B=!1,hasPrefix:D=!1,hasStartContent:V=!1,hasSuffix:j=!1,id:N,inputRef:K,placeholder:M,isRequired:_,role:k,rows:q,spellcheck:H,type:O,value:z="",variant:G="default",onInput:J,onCommit:Q,onKeyDown:W,onKeyUp:X,onBlur:Y,onFocus:Z,...$})=>{const{isDisabled:ee,isFocused:ae,isLoading:te,isReadonly:oe}=s.useFormFieldContext(),{class:ne}=F($),ie=""!==z,se="textarea"===e,le="input"===e,re="password"===O,de=!ee&&D,ue=!ee&&j,ce=x.isInputPlaceholderShown(B,ie,ae)?M:void 0,{classes:pe}=n.useComponentTheme(C.TextFieldInputRedwoodTheme,{type:re?"isPassword":"notPassword",styleVariant:c.isEmbeddedVariant(G)?"embedded":"default",textarea:se?"isTextArea":"notTextArea",input:le?"isInput":"notInput",div:"notDiv",prefix:de?"hasPrefix":"noPrefix",suffix:ue?"hasSuffix":"noSuffix",startContent:V?"hasStartContent":"noStartContent",endContent:R?"hasEndContent":"noEndContent",insideLabel:B?"hasInsideLabel":"noInsideLabel",value:ie?"hasValue":"noValue",focused:ae?"isFocused":"notFocused",disabled:ee?"isDisabled":"notDisabled"}),be=p.classNames([pe,ne,"legacyEmbedded"===G&&void 0===$.textAlign&&h.formControlInheritTextAlign]),me=e||"input",fe=t.useRef({start:0,end:0}),xe=d.useTextFieldInputHandlers({currentCommitValue:L,isCommitOnEnter:"input"===e,value:z,onInput:J,onCommit:Q,onKeyDown:W,selectionRef:fe}),he=f.mergeProps(xe,{onBlur:Y,onFocus:Z}),{isTabbable:Ce,tabbableModeProps:ve}=r.useTabbableMode(),{UNSAFE_ariaLabelledBy:Fe}=o.useAccessibleContext(),ye=U?function(...e){return e.filter(Boolean).join(" ")||void 0}(I,Fe):I,Te=u.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading();return t.useLayoutEffect((()=>{if("function"!=typeof K){const e=K?.current;document.activeElement===e&&e&&y.includes(e.type)&&e.setSelectionRange(fe.current.start,fe.current.end)}}),[z,K]),a.jsx(me,{"aria-autocomplete":i,"aria-controls":l,"aria-describedby":b,"aria-expanded":m,"aria-invalid":v,"aria-label":te?Te:T||void 0,"aria-labelledby":ye,"aria-required":!!_||void 0,"aria-valuemax":w,"aria-valuemin":E,"aria-valuenow":S,"aria-valuetext":g,autocomplete:A,autofocus:P,class:be,disabled:ee,id:N,onKeyUp:X,placeholder:ce,readonly:oe,ref:K,role:k,rows:q,spellcheck:H,type:O,value:z,...he,...!Ce&&ve})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useAccessibleContext-23e8a333', './useComponentTheme-5aa41a8f', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTextFieldInputHandlers-d401bba6', './useTranslationBundle-8e42d505', './formControlUtils-de035f75', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './mergeProps-bcfa6a92', './TextFieldUtils-f3868e96', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme'], (function(e,a,t,o,n,i,s,l,r,d,u,c,p,b,m,f,x,h,C){"use strict";const v=[...Object.values(b.textInterpolations)],F=m.mergeInterpolations(v),y=["text","search","url","tel","password","textarea"];e.TextFieldInput=({as:e="input","aria-autocomplete":i,"aria-controls":l,"aria-describedby":b,"aria-expanded":m,"aria-invalid":v,"aria-label":T,"aria-labelledby":I,"aria-valuemax":w,"aria-valuemin":E,"aria-valuenow":S,"aria-valuetext":g,autoComplete:A,autoFocus:P,currentCommitValue:L,hasEmptyLabel:U,hasEndContent:R=!1,hasInsideLabel:B=!1,hasPrefix:D=!1,hasStartContent:V=!1,hasSuffix:j=!1,id:N,inputRef:K,placeholder:M,isRequired:_,role:k,rows:q,spellcheck:H,type:O,value:z="",variant:G="default",onInput:J,onCommit:Q,onKeyDown:W,onKeyUp:X,onBlur:Y,onFocus:Z,...$})=>{const{isDisabled:ee,isFocused:ae,isLoading:te,isReadonly:oe}=s.useFormFieldContext(),{class:ne}=F($),ie=""!==z,se="textarea"===e,le="input"===e,re="password"===O,de=!ee&&D,ue=!ee&&j,ce=x.isInputPlaceholderShown(B,ie,ae)?M:void 0,{classes:pe}=n.useComponentTheme(C.TextFieldInputRedwoodTheme,{type:re?"isPassword":"notPassword",styleVariant:c.isEmbeddedVariant(G)?"embedded":"default",textarea:se?"isTextArea":"notTextArea",input:le?"isInput":"notInput",div:"notDiv",prefix:de?"hasPrefix":"noPrefix",suffix:ue?"hasSuffix":"noSuffix",startContent:V?"hasStartContent":"noStartContent",endContent:R?"hasEndContent":"noEndContent",insideLabel:B?"hasInsideLabel":"noInsideLabel",value:ie?"hasValue":"noValue",focused:ae?"isFocused":"notFocused",disabled:ee?"isDisabled":"notDisabled"}),be=p.classNames([pe,ne,"legacyEmbedded"===G&&void 0===$.textAlign&&h.formControlInheritTextAlign]),me=e||"input",fe=t.useRef({start:0,end:0}),xe=d.useTextFieldInputHandlers({currentCommitValue:L,isCommitOnEnter:"input"===e,value:z,onInput:J,onCommit:Q,onKeyDown:W,selectionRef:fe}),he=f.mergeProps(xe,{onBlur:Y,onFocus:Z}),{isTabbable:Ce,tabbableModeProps:ve}=r.useTabbableMode(),{UNSAFE_ariaLabelledBy:Fe}=o.useAccessibleContext(),ye=U?function(...e){return e.filter(Boolean).join(" ")||void 0}(I,Fe):I,Te=u.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading();return t.useLayoutEffect((()=>{if("function"!=typeof K){const e=K?.current;document.activeElement===e&&e&&y.includes(e.type)&&e.setSelectionRange(fe.current.start,fe.current.end)}}),[z,K]),a.jsx(me,{"aria-autocomplete":i,"aria-controls":l,"aria-describedby":b,"aria-expanded":m,"aria-invalid":v,"aria-label":te?Te:T||void 0,"aria-labelledby":ye,"aria-required":!!_||void 0,"aria-valuemax":w,"aria-valuemin":E,"aria-valuenow":S,"aria-valuetext":g,autocomplete:A,autofocus:P,class:be,disabled:ee,id:N,onKeyUp:X,placeholder:ce,readonly:oe,ref:K,role:k,rows:q,spellcheck:H,type:O,value:z,...he,...!Ce&&ve})}}));
 //# sourceMappingURL=TextFieldInput-eb40adaa.js.map

package/amd/Theme-redwood/theme.css

@@ -1,169 +1,14 @@
-/* start:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
-.CheckboxIconBaseTheme_baseTheme__1broikm0 {
-  --iconSize__1denrfz0: initial;
-  --iconColorChecked__1denrfz1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconColorUnchecked__1denrfz2: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconTransformActive__1denrfz3: scale(0.75);
-}
-/* end:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
 /* start:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
 .FloatingBaseTheme_baseTheme__18jw0qa0 {
   --backgroundColor__ihlnqb0: transparent;
 }
 /* end:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
-/* start:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
-.SkeletonBaseTheme_baseTheme__afgqbw0 {
-  --bgColor-start__1mh02730: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.05);
-  --bgColor-end__1mh02731: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.15);
-}
-/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
-/* start:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
-:root, .oj-density-dependent {
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-xs: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-sm: calc(calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-md: calc(calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-lg: calc(calc(12 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-xl: calc(calc(16 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
-}
-/* end:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
 /* start:PRIVATE_Axis/themes/redwood/AxisBaseTheme.styles.css */
 .AxisBaseTheme_baseTheme__14uuhu50 {
   --axisTitleTextColor__1veqowy0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
   --axisTickLabelTextColor__1veqowy1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
 /* end:PRIVATE_Axis/themes/redwood/AxisBaseTheme.styles.css */
-/* start:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
-.TooltipContentBaseTheme_baseTheme__sanbbo0 {
-  --maxWidth__1x922a00: ;
-  --backgroundColor__1x922a01: ;
-  --textColor__1x922a02: ;
-  --fontSize__1x922a03: ;
-  --lineHeight__1x922a04: ;
-  --borderRadius__1x922a05: ;
-  --borderColor__1x922a06: ;
-  --paddingHorizontal__1x922a07: ;
-  --paddingVertical__1x922a08: ;
-  --variants-tooltip-maxWidth__1x922a09: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral30);
-  --variants-tooltip-textColor__1x922a0b: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --variants-tooltip-fontSize__1x922a0c: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
-  --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
-  --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
-  --variants-tooltip-borderColor__1x922a0f: transparent;
-  --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem);
-  --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
-  --variants-datatip-textColor__1x922a0k: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --variants-datatip-fontSize__1x922a0l: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
-  --variants-datatip-lineHeight__1x922a0m: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
-  --variants-datatip-borderRadius__1x922a0n: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
-  --variants-datatip-borderColor__1x922a0o: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
-  --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-}
-/* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
-/* start:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
-.RadioBaseTheme_baseTheme__1xmeiy50 {
-  --iconToTextGap__11tjnon1: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --outlineWidth__11tjnon0: 1px;
-}
-:root, .oj-density-dependent {
-  --rowHeight__11tjnon2: calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
-}
-/* end:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
-/* start:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
-.UserAssistanceBaseTheme_baseTheme__j8tei50 {
-  --inlineTextColor__1n9ixz60: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
-  --inlineFontSize__1n9ixz61: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
-}
-/* end:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
-/* start:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
-.CheckboxBaseTheme_baseTheme__lptpwa0 {
-  --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --outlineWidth__1qyga5a0: 1px;
-}
-:root, .oj-density-dependent {
-  --rowHeight__1qyga5a2: calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
-}
-/* end:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
-/* start:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
-.PopupBaseTheme_baseTheme__17qjw4f0 {
-  --borderColor__2ugez71: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider);
-  --boxShadow__2ugez73: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-xs);
-  --borderRadius__2ugez72: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-sm);
-  --backgroundColor__2ugez70: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-popup);
-  --padding__2ugez74: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-}
-/* end:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
-/* start:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
-.LabelBaseTheme_baseTheme__mpxezv0 {
-  --fontWeight__kn3t7f0: 600;
-  --lineHeight__kn3t7f1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
-  --color__kn3t7f2: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --colorDisabled__kn3t7f3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
-  --insideEdgeFontSize__kn3t7f4: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
-  --insideEdgeFontWeight__kn3t7f5: 600;
-  --insideEdgeLineHeight__kn3t7f6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
-  --insideEdgeColor__kn3t7f7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
-  --formLayoutTopEdgeLabelTextAlign__kn3t7f8: end;
-}
-:root, .oj-scale-dependent, :root.oj-scale-sm, :root.oj-scale-md, .oj-density-dependent {
-  --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
-  --insideEdgePositionTop__kn3t7fa: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
-}
-.oj-scale-sm, :root.oj-scale-sm {
-  --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
-  --insideEdgePositionTop__kn3t7fa: max(calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)),3px);
-}
-.oj-scale-md, :root.oj-scale-md {
-  --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
-  --insideEdgePositionTop__kn3t7fa: max(calc(calc(1.14 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)),3.5px);
-}
-.oj-scale-lg {
-  --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
-  --insideEdgePositionTop__kn3t7fa: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
-}
-:root, .oj-density-dependent {
-  --formLayoutTopEdgeLabelToValuePadding__kn3t7fb: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
-}
-/* end:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
-/* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
-.FormLayoutBaseTheme_baseTheme__sm2a4g0 {
-  --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --startEdgeLabelTextAlign__vm51h41: end;
-}
-:root, .oj-density-dependent {
-  --topEdgeLabelToValuePadding__vm51h42: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
-}
-/* end:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
-/* start:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
-.ComponentMessageBaseTheme_baseTheme__tgaz2j0 {
-  --startIconColor__1aj7c360: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info);
-  --startIconSize__1aj7c361:  1rem;
-  --summaryTextColor__1aj7c362: var(--inlineTextColor__1n9ixz60);
-  --summaryTextWeight__1aj7c363: 400;
-  --summaryTextSize__1aj7c364: var(--inlineFontSize__1n9ixz61);
-  --summaryLineHeight__1aj7c365: 1.333rem;
-}
-/* end:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
-/* start:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
-.WindowOverlayBaseTheme_baseTheme__1qrldld0 {
-  --notificationMainAxisOffset__5h4cac0: 0px;
-  --notificationCrossAxisOffset__5h4cac1: 0px;
-}
-/* end:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
-/* start:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
-.MessageBannerBaseTheme_baseTheme__1mzbhvy0 {
-  --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-low, var(--oj-core-info-secondary-3));
-  --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
-  --startIconSize__l2hi9d2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
-  --summaryTextWeight__l2hi9d4: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-font-weight, var(--oj-typography-subheading-xs-font-weight));
-  --summaryTextSize__l2hi9d5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-font-size, var(--oj-typography-subheading-xs-font-size));
-  --summaryLineHeight__l2hi9d6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-line-height);
-}
-/* end:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
 /* start:UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css */
 :root, .oj-c-colorscheme-light {
   --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-base-background-color: transparent;
@@ -354,6 +199,60 @@
   --sizes-embeddedlg-textToEdgePadding__1onk43qz: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }
 /* end:UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css */
+/* start:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
+.TooltipContentBaseTheme_baseTheme__sanbbo0 {
+  --maxWidth__1x922a00: ;
+  --backgroundColor__1x922a01: ;
+  --textColor__1x922a02: ;
+  --fontSize__1x922a03: ;
+  --lineHeight__1x922a04: ;
+  --borderRadius__1x922a05: ;
+  --borderColor__1x922a06: ;
+  --paddingHorizontal__1x922a07: ;
+  --paddingVertical__1x922a08: ;
+  --variants-tooltip-maxWidth__1x922a09: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral30);
+  --variants-tooltip-textColor__1x922a0b: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --variants-tooltip-fontSize__1x922a0c: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
+  --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
+  --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
+  --variants-tooltip-borderColor__1x922a0f: transparent;
+  --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem);
+  --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
+  --variants-datatip-textColor__1x922a0k: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --variants-datatip-fontSize__1x922a0l: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
+  --variants-datatip-lineHeight__1x922a0m: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
+  --variants-datatip-borderRadius__1x922a0n: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
+  --variants-datatip-borderColor__1x922a0o: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
+  --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+}
+/* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
+/* start:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
+:root, .oj-density-dependent {
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-xs: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-sm: calc(calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-md: calc(calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-lg: calc(calc(12 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-xl: calc(calc(16 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
+}
+/* end:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
+/* start:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
+.CheckboxIconBaseTheme_baseTheme__1broikm0 {
+  --iconSize__1denrfz0: initial;
+  --iconColorChecked__1denrfz1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconColorUnchecked__1denrfz2: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconTransformActive__1denrfz3: scale(0.75);
+}
+/* end:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
+/* start:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
+.SkeletonBaseTheme_baseTheme__afgqbw0 {
+  --bgColor-start__1mh02730: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.05);
+  --bgColor-end__1mh02731: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.15);
+}
+/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
 /* start:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
 .MenuItemBaseTheme_baseTheme__153jibj0 {
   --iconSize__1qbg5hn0: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
@@ -365,11 +264,112 @@
   --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
 }
 /* end:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
+/* start:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
+.WindowOverlayBaseTheme_baseTheme__1qrldld0 {
+  --notificationMainAxisOffset__5h4cac0: 0px;
+  --notificationCrossAxisOffset__5h4cac1: 0px;
+}
+/* end:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
 /* start:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
 .MenuSeparatorBaseTheme_baseTheme__bwp4nk0 {
   --verticalPadding__168r8wj0: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }
 /* end:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
+/* start:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
+.RadioBaseTheme_baseTheme__1xmeiy50 {
+  --iconToTextGap__11tjnon1: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --outlineWidth__11tjnon0: 1px;
+}
+:root, .oj-density-dependent {
+  --rowHeight__11tjnon2: calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
+}
+/* end:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
+/* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
+.FormLayoutBaseTheme_baseTheme__sm2a4g0 {
+  --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --startEdgeLabelTextAlign__vm51h41: end;
+}
+:root, .oj-density-dependent {
+  --topEdgeLabelToValuePadding__vm51h42: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
+}
+/* end:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
+/* start:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
+.UserAssistanceBaseTheme_baseTheme__j8tei50 {
+  --inlineTextColor__1n9ixz60: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
+  --inlineFontSize__1n9ixz61: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
+}
+/* end:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
+/* start:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
+.LabelBaseTheme_baseTheme__mpxezv0 {
+  --fontWeight__kn3t7f0: 600;
+  --lineHeight__kn3t7f1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
+  --color__kn3t7f2: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --colorDisabled__kn3t7f3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
+  --insideEdgeFontSize__kn3t7f4: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
+  --insideEdgeFontWeight__kn3t7f5: 600;
+  --insideEdgeLineHeight__kn3t7f6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
+  --insideEdgeColor__kn3t7f7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
+  --formLayoutTopEdgeLabelTextAlign__kn3t7f8: end;
+}
+:root, .oj-scale-dependent, :root.oj-scale-sm, :root.oj-scale-md, .oj-density-dependent {
+  --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
+  --insideEdgePositionTop__kn3t7fa: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
+}
+.oj-scale-sm, :root.oj-scale-sm {
+  --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
+  --insideEdgePositionTop__kn3t7fa: max(calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)),3px);
+}
+.oj-scale-md, :root.oj-scale-md {
+  --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
+  --insideEdgePositionTop__kn3t7fa: max(calc(calc(1.14 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)),3.5px);
+}
+.oj-scale-lg {
+  --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
+  --insideEdgePositionTop__kn3t7fa: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
+}
+:root, .oj-density-dependent {
+  --formLayoutTopEdgeLabelToValuePadding__kn3t7fb: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
+}
+/* end:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
+/* start:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
+.CheckboxBaseTheme_baseTheme__lptpwa0 {
+  --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --outlineWidth__1qyga5a0: 1px;
+}
+:root, .oj-density-dependent {
+  --rowHeight__1qyga5a2: calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
+}
+/* end:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
+/* start:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
+.PopupBaseTheme_baseTheme__17qjw4f0 {
+  --borderColor__2ugez71: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider);
+  --boxShadow__2ugez73: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-xs);
+  --borderRadius__2ugez72: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-sm);
+  --backgroundColor__2ugez70: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-popup);
+  --padding__2ugez74: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+}
+/* end:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
+/* start:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
+.ComponentMessageBaseTheme_baseTheme__tgaz2j0 {
+  --startIconColor__1aj7c360: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info);
+  --startIconSize__1aj7c361:  1rem;
+  --summaryTextColor__1aj7c362: var(--inlineTextColor__1n9ixz60);
+  --summaryTextWeight__1aj7c363: 400;
+  --summaryTextSize__1aj7c364: var(--inlineFontSize__1n9ixz61);
+  --summaryLineHeight__1aj7c365: 1.333rem;
+}
+/* end:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
+/* start:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
+.MessageBannerBaseTheme_baseTheme__1mzbhvy0 {
+  --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-low, var(--oj-core-info-secondary-3));
+  --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
+  --startIconSize__l2hi9d2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
+  --summaryTextWeight__l2hi9d4: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-font-weight, var(--oj-typography-subheading-xs-font-weight));
+  --summaryTextSize__l2hi9d5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-font-size, var(--oj-typography-subheading-xs-font-size));
+  --summaryLineHeight__l2hi9d6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-line-height);
+}
+/* end:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
 /* start:PRIVATE_List/themes/redwood/ListBaseTheme.styles.css */
 :root, .oj-density-dependent {
   --oj-c-EXPERIMENTAL-DO-NOT-USE-list-item-height: calc(calc(12 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
@@ -518,14 +518,6 @@
   --spacing-sm-columnGap__rt5x5j1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem);
 }
 /* end:UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutBaseTheme.styles.css */
-/* start:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
-.ColorPickerBaseTheme_baseTheme__mrs8ey0 {
-  --width__1urfhqt0: 100%;
-  --minWidth__1urfhqt1: calc(55 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --maxWidth__1urfhqt2: calc(55 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --maxHeight__1urfhqt3: calc(85 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-}
-/* end:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
 /* start:UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.styles.css */
 .BadgeThemeBaseTheme_baseTheme__lng3910 {
   --backgroundColor__88ut8n0: ;
@@ -574,6 +566,14 @@
   --sizes-md-padding__88ut8n17: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }
 /* end:UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.styles.css */
+/* start:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
+.ColorPickerBaseTheme_baseTheme__mrs8ey0 {
+  --width__1urfhqt0: 100%;
+  --minWidth__1urfhqt1: calc(55 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --maxWidth__1urfhqt2: calc(55 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --maxHeight__1urfhqt3: calc(85 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+}
+/* end:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
 /* start:UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.styles.css */
 .ColorSwatchBaseTheme_baseTheme__j3p4lr0 {
   --borderRadius__1bc16n60: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-sm);
@@ -582,11 +582,11 @@
   --sizes-sm-height__1bc16n63: calc(calc(11 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)));
 }
 /* end:UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.styles.css */
-/* start:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
-.DrawerLayoutBaseTheme_baseTheme__qqda4t0 {
-  --overlayDrawerBackgroundColor__37aqbl0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral10);
+/* start:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
+.ConveyorBeltBaseTheme_baseTheme__1ktowgq0 {
+  --boxShadow-width__114pbvl0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem);
 }
-/* end:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
+/* end:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
 /* start:UNSAFE_DatePicker/themes/redwood/DatePickerBaseTheme.styles.css */
 .DatePickerBaseTheme_baseTheme__tg9grh0 {
   --width__1wy4iwf0: 100%;
@@ -598,11 +598,11 @@
   --todayFooterButtonHeight__1wy4iwf6: calc(102 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }
 /* end:UNSAFE_DatePicker/themes/redwood/DatePickerBaseTheme.styles.css */
-/* start:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
-.ConveyorBeltBaseTheme_baseTheme__1ktowgq0 {
-  --boxShadow-width__114pbvl0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem);
+/* start:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
+.DrawerLayoutBaseTheme_baseTheme__qqda4t0 {
+  --overlayDrawerBackgroundColor__37aqbl0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral10);
 }
-/* end:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
+/* end:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
 /* start:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
 .DrawerPopupBaseTheme_baseTheme__11hfduf0 {
   --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral10);
@@ -687,6 +687,14 @@
   --borderRadius__irxz4j1: 3px;
 }
 /* end:UNSAFE_ProgressBar/themes/redwood/ProgressBarBaseTheme.styles.css */
+/* start:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
+.RadioIconBaseTheme_baseTheme__1j9fixc0 {
+  --iconSize__bwcdcl0: var(--iconSize__bwcdcl0);
+  --iconColorSelected__bwcdcl1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconColorUnselected__bwcdcl2: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconTransformActive__bwcdcl3: scale(0.75);
+}
+/* end:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
 /* start:UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css */
 .NavigationListItemBaseTheme_baseTheme__cn44r50 {
   --fontSize__1497t560: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
@@ -723,14 +731,6 @@
   --stackedHeight__1vg465e8: calc(calc(18.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
 }
 /* end:UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.styles.css */
-/* start:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
-.RadioIconBaseTheme_baseTheme__1j9fixc0 {
-  --iconSize__bwcdcl0: var(--iconSize__bwcdcl0);
-  --iconColorSelected__bwcdcl1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconColorUnselected__bwcdcl2: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconTransformActive__bwcdcl3: scale(0.75);
-}
-/* end:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
 /* start:UNSAFE_RatingGauge/themes/redwood/RatingGaugeBaseTheme.styles.css */
 .RatingGaugeBaseTheme_baseTheme__1u6vk8m0 {
   --colorSelected__1kgzocs0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);