npm - @oracle/oraclejet - Versions diffs - 13.1.15 → 13.1.16 - Mend

@oracle/oraclejet 13.1.15 → 13.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2075) hide show

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Icon.css CHANGED Viewed

@@ -1,21 +1,21 @@
-._hmf72q{font-size:1em;}
-.zc6ht0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-.co3tgc{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._rj214n{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
-._1jj97x{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-._g6a9bh{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._ygzeco{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
-._ps4gl{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
-._3ebmf{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
-.qya5h4{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
-.lxp677{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
-._5e582p{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
-.gl8ghw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
-._t71g0{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.t2nq2b{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-._yqyiyl{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._1x45tq{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._y10hmm{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._4kk0kj{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-._s4gqo4{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
-._6yzsa4{color:currentColor;}
+.kxzeff{font-size:1em;}
+._3u4xls{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+._3651m4{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._kqnfcf{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+._gmtxst{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+.jj4vg7{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+._e0pvwl{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
+._4mh2iq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
+._iklz64{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
+.hsy3r8{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
+._fyvlum{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
+.txxogq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
+._i8xri{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
+._mtfhu6{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+.nxul74{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._8wi137{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.z2h4up{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._5r2vly{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._osf971{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+._apq0vh{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
+.mu432b{color:currentColor;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Icon.js CHANGED Viewed

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.15 */
-import { _ as __rest } from './tslib.es6-ce14f197.js';
+/* @oracle/oraclejet-preact: 13.1.16 */
+import { _ as __rest } from './tslib.es6-d14fd8dd.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import './UNSAFE_Icon.css';
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -63,29 +63,29 @@ const SemanticSvg = _a => {
 const sizeStyles = {
-  '1em': "_hmf72q",
-  '1x': "zc6ht0",
-  '2x': "co3tgc",
-  '3x': "_rj214n",
-  '4x': "_1jj97x",
-  '5x': "_g6a9bh",
-  '6x': "_ygzeco",
-  '7x': "_ps4gl",
-  '8x': "_3ebmf",
-  '9x': "qya5h4",
-  '10x': "lxp677",
-  '11x': "_5e582p",
-  '12x': "gl8ghw"
+  '1em': "kxzeff",
+  '1x': "_3u4xls",
+  '2x': "_3651m4",
+  '3x': "_kqnfcf",
+  '4x': "_gmtxst",
+  '5x': "jj4vg7",
+  '6x': "_e0pvwl",
+  '7x': "_4mh2iq",
+  '8x': "_iklz64",
+  '9x': "hsy3r8",
+  '10x': "_fyvlum",
+  '11x': "txxogq",
+  '12x': "_i8xri"
 };
 const colorStyles = {
-  primary: "_t71g0",
-  secondary: "t2nq2b",
-  disabled: "_yqyiyl",
-  danger: "_1x45tq",
-  warning: "_y10hmm",
-  success: "_4kk0kj",
-  info: "_s4gqo4",
-  currentColor: "_6yzsa4"
+  primary: "_mtfhu6",
+  secondary: "nxul74",
+  disabled: "_8wi137",
+  danger: "z2h4up",
+  warning: "_5r2vly",
+  success: "_osf971",
+  info: "_apq0vh",
+  currentColor: "mu432b"
 };
 // Returns a component that renders one of the given icon components based on reading direction

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Icon.js","sources":["../../src/UNSAFE_Icon/Icon.tsx","../../src/UNSAFE_Icon/withDirectionIcon.tsx","../../src/UNSAFE_Icon/withThemeIcon.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 { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' \| 'children'> & {\n /\n The size of the component. Defaults to '1em', which means the font size of the parent is used.\n /\n size?: keyof typeof sizeStyles;\n /\n The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n /\n color?: keyof typeof colorStyles;\n /\n A label to be used for accessibility purposes.\n */\n accessibleLabel?: string;\n};\n\nexport const Icon = ({\n size = '1em',\n color = 'currentColor',\n accessibleLabel = '',\n viewBox = 'none',\n children\n}: Props) => (\n <Svg\n height=\"1em\"\n width=\"1em\"\n viewBox={viewBox}\n accessibleLabel={accessibleLabel}\n class={classNames([colorStyles[color], sizeStyles[size]])}>\n {children}\n </Svg>\n);\n\ntype BaseSvgProps = Pick<IntrinsicProps, 'height' \| 'width' \| 'viewBox' \| 'class' \| 'children'>;\ntype SvgProps = BaseSvgProps & {\n accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n accessibleLabel !== '' ? (\n <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n ) : (\n <DecorativeSvg {...otherProps} />\n );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\n// TODO: When we're able to, implement Preact tooltips instead,\n// remove the title element, and set an aria-label on the svg.\n// See JET-50716\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => (\n <svg role=\"img\" {...props}>\n <title>{accessibleLabel}</title>\n {children}\n </svg>\n);\n\n// TODO: Remove this and refactor as necessary to uptake\n// the dimensions type and values when they're available.\n// See JET-50717\nconst sizeStyles = {\n '1em': cssProps`${{\n fontSize: '1em'\n }}`,\n '1x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n }}`,\n '2x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n }}`,\n '3x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n }}`,\n '4x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n }}`,\n '5x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n }}`,\n '6x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x)'\n }}`,\n '7x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x)'\n }}`,\n '8x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x)'\n }}`,\n '9x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x)'\n }}`,\n '10x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x)'\n }}`,\n '11x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x)'\n }}`,\n '12x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x)'\n }}`\n};\n\nconst colorStyles = {\n primary: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n }}`,\n secondary: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n }}`,\n danger: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n }}`,\n warning: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n }}`,\n success: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n }}`,\n info: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3)'\n }}`,\n currentColor: cssProps`${{\n color: 'currentColor'\n }}`\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n const { direction } = useUser();\n return (props: Props) => {\n return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n };\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { RootTheme } from '../UNSAFE_Environment';\nimport { useTheme } from '../hooks/UNSAFE_useTheme';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\ntype ThemeIcons = Record<RootTheme['name'], typeof Icon>;\n\n// Returns a component that renders one of the given icon components based on theme\nexport const withThemeIcon = (themeIcons: ThemeIcons) => {\n const { name } = useTheme();\n return (props: Props) => {\n const Component = themeIcons[name];\n return <Component {...props} />;\n };\n};\n"],"names":["Icon","size","color","accessibleLabel","viewBox","children","_jsx","Svg","Object","assign","height","width","class","classNames","colorStyles","sizeStyles","_a","otherProps","__rest","DecorativeSvg","props","SemanticSvg","_jsxs","role"],"mappings":";;;;;;;;;;;;;AA4BA,MAAAA,IAAA,GAAA,CAAA;AAAAC,EAAAA,IAAA,GAAA,KAAA;AAAAC,EAAAA,KAAA,GAAA,cAAA;AAAAC,EAAAA,eAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,KAAAC,GAAA,CAAAC,GAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,EAAAA,MAAA,EAAA,KAAA;AAAAC,EAAAA,KAAA,EAAA,KAAA;AAAAP,EAAAA,OAAA,EAAAA,OAAA;AAAAD,EAAAA,eAAA,EAAAA,eAAA;AAAAS,EAAAA,KAAA,EAAAC,UAAA,CAAA,CAAAC,WAAA,CAAAZ,KAAA,CAAA,EAAAa,UAAA,CAAAd,IAAA,CAAA,CAAA,CAAA;AAAA,CAAA,EAAA;AAAAI,EAAAA,QAAA,EAAAA,QAAAA;AAAA,CAAA,CAAA,EAAA;;AAsBA,MAAAE,GAAA,GAAAS,EAAA,IAAA;EAAa,IAAA;AAAAb,IAAAA,eAAAA;AAAA,GAAA,GAAAa,EAAA;MAAAC,UAAA,GAAAC,MAAA,CAAAF,EAAA,EAAA,CAAA,iBAAA,CAAA,CAAA,CAAA;;;;;CAAb,CAAA;;AAOA,MAAAG,aAAA,GAAAC,KAAA,IAAAd,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAW,KAAA,CAAA,CAAA;AAGA;AACA;;;AACA,MAAAC,WAAA,GAAAL,EAAA,IAAA;;;;;;;AAA2E,EAAA,OAAAM,IAAA,CAAA,KAAA,EAAAd,MAAA,CAAAC,MAAA,CAAA;AAAAc,IAAAA,IAAA,EAAA,KAAA;GAAA,EAAAH,KAAA,EAAA;AAAAf,IAAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,OAAA,EAAA;AAAAD,MAAAA,QAAA,EAAAF,eAAAA;KAAA,CAAA,EAAAE,QAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;CAA3E;AAQA;AACA;;;AACA,MAAAU,UAAA,GAAA;OAAA,EAAA,~~SAAA~~;MAAA,EAAA,~~QAAA~~;MAAA,EAAA,~~QAAA~~;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,~~SAAA~~;MAAA,EAAA,SAAA;MAAA,EAAA,~~QAAA~~;MAAA,EAAA,~~QAAA~~;MAAA,EAAA,QAAA;OAAA,EAAA,~~QAAA~~;OAAA,EAAA,~~SAAA~~;;AAAA,CAAA,CAAA;AA0CA,MAAAD,WAAA,GAAA;WAAA,~~QAAA~~;aAAA,QAAA;YAAA,SAAA;UAAA,~~SAAA~~;WAAA,SAAA;WAAA,SAAA;QAAA,SAAA;;AAAA,CAAA;;AC5GA;MACa,iBAAiB,GAAG,CAAC,OAAoB,EAAE,OAAoB,KAAI;AAC9E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAChC,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,OAAO,SAAS,KAAK,KAAK,GAAGR,IAAC,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAI,CAAA,GAAGA,GAAA,CAAC,OAAO,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAC/E,KAAC,CAAC;AACJ;;ACHA;AACa,MAAA,aAAa,GAAG,CAAC,UAAsB,KAAI;AACtD,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC5B,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;AACnC,QAAA,OAAOA,GAAC,CAAA,SAAS,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAClC,KAAC,CAAC;AACJ;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_Icon.js","sources":["../../src/UNSAFE_Icon/Icon.tsx","../../src/UNSAFE_Icon/withDirectionIcon.tsx","../../src/UNSAFE_Icon/withThemeIcon.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 { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' \| 'children'> & {\n /\n The size of the component. Defaults to '1em', which means the font size of the parent is used.\n /\n size?: keyof typeof sizeStyles;\n /\n The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n /\n color?: keyof typeof colorStyles;\n /\n A label to be used for accessibility purposes.\n */\n accessibleLabel?: string;\n};\n\nexport const Icon = ({\n size = '1em',\n color = 'currentColor',\n accessibleLabel = '',\n viewBox = 'none',\n children\n}: Props) => (\n <Svg\n height=\"1em\"\n width=\"1em\"\n viewBox={viewBox}\n accessibleLabel={accessibleLabel}\n class={classNames([colorStyles[color], sizeStyles[size]])}>\n {children}\n </Svg>\n);\n\ntype BaseSvgProps = Pick<IntrinsicProps, 'height' \| 'width' \| 'viewBox' \| 'class' \| 'children'>;\ntype SvgProps = BaseSvgProps & {\n accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n accessibleLabel !== '' ? (\n <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n ) : (\n <DecorativeSvg {...otherProps} />\n );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\n// TODO: When we're able to, implement Preact tooltips instead,\n// remove the title element, and set an aria-label on the svg.\n// See JET-50716\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => (\n <svg role=\"img\" {...props}>\n <title>{accessibleLabel}</title>\n {children}\n </svg>\n);\n\n// TODO: Remove this and refactor as necessary to uptake\n// the dimensions type and values when they're available.\n// See JET-50717\nconst sizeStyles = {\n '1em': cssProps`${{\n fontSize: '1em'\n }}`,\n '1x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n }}`,\n '2x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n }}`,\n '3x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n }}`,\n '4x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n }}`,\n '5x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n }}`,\n '6x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x)'\n }}`,\n '7x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x)'\n }}`,\n '8x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x)'\n }}`,\n '9x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x)'\n }}`,\n '10x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x)'\n }}`,\n '11x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x)'\n }}`,\n '12x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x)'\n }}`\n};\n\nconst colorStyles = {\n primary: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n }}`,\n secondary: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n }}`,\n danger: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n }}`,\n warning: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n }}`,\n success: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n }}`,\n info: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3)'\n }}`,\n currentColor: cssProps`${{\n color: 'currentColor'\n }}`\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n const { direction } = useUser();\n return (props: Props) => {\n return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n };\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { RootTheme } from '../UNSAFE_Environment';\nimport { useTheme } from '../hooks/UNSAFE_useTheme';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\ntype ThemeIcons = Record<RootTheme['name'], typeof Icon>;\n\n// Returns a component that renders one of the given icon components based on theme\nexport const withThemeIcon = (themeIcons: ThemeIcons) => {\n const { name } = useTheme();\n return (props: Props) => {\n const Component = themeIcons[name];\n return <Component {...props} />;\n };\n};\n"],"names":["Icon","size","color","accessibleLabel","viewBox","children","_jsx","Svg","Object","assign","height","width","class","classNames","colorStyles","sizeStyles","_a","otherProps","__rest","DecorativeSvg","props","SemanticSvg","_jsxs","role"],"mappings":";;;;;;;;;;;;;AA4BA,MAAAA,IAAA,GAAA,CAAA;AAAAC,EAAAA,IAAA,GAAA,KAAA;AAAAC,EAAAA,KAAA,GAAA,cAAA;AAAAC,EAAAA,eAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,KAAAC,GAAA,CAAAC,GAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,EAAAA,MAAA,EAAA,KAAA;AAAAC,EAAAA,KAAA,EAAA,KAAA;AAAAP,EAAAA,OAAA,EAAAA,OAAA;AAAAD,EAAAA,eAAA,EAAAA,eAAA;AAAAS,EAAAA,KAAA,EAAAC,UAAA,CAAA,CAAAC,WAAA,CAAAZ,KAAA,CAAA,EAAAa,UAAA,CAAAd,IAAA,CAAA,CAAA,CAAA;AAAA,CAAA,EAAA;AAAAI,EAAAA,QAAA,EAAAA,QAAAA;AAAA,CAAA,CAAA,EAAA;;AAsBA,MAAAE,GAAA,GAAAS,EAAA,IAAA;EAAa,IAAA;AAAAb,IAAAA,eAAAA;AAAA,GAAA,GAAAa,EAAA;MAAAC,UAAA,GAAAC,MAAA,CAAAF,EAAA,EAAA,CAAA,iBAAA,CAAA,CAAA,CAAA;;;;;CAAb,CAAA;;AAOA,MAAAG,aAAA,GAAAC,KAAA,IAAAd,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAW,KAAA,CAAA,CAAA;AAGA;AACA;;;AACA,MAAAC,WAAA,GAAAL,EAAA,IAAA;;;;;;;AAA2E,EAAA,OAAAM,IAAA,CAAA,KAAA,EAAAd,MAAA,CAAAC,MAAA,CAAA;AAAAc,IAAAA,IAAA,EAAA,KAAA;GAAA,EAAAH,KAAA,EAAA;AAAAf,IAAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,OAAA,EAAA;AAAAD,MAAAA,QAAA,EAAAF,eAAAA;KAAA,CAAA,EAAAE,QAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;CAA3E;AAQA;AACA;;;AACA,MAAAU,UAAA,GAAA;OAAA,EAAA,QAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,QAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,QAAA;OAAA,EAAA,SAAA;OAAA,EAAA,QAAA;;AAAA,CAAA,CAAA;AA0CA,MAAAD,WAAA,GAAA;WAAA,SAAA;aAAA,QAAA;YAAA,SAAA;UAAA,QAAA;WAAA,SAAA;WAAA,SAAA;QAAA,SAAA;;AAAA,CAAA;;AC5GA;MACa,iBAAiB,GAAG,CAAC,OAAoB,EAAE,OAAoB,KAAI;AAC9E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAChC,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,OAAO,SAAS,KAAK,KAAK,GAAGR,IAAC,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAI,CAAA,GAAGA,GAAA,CAAC,OAAO,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAC/E,KAAC,CAAC;AACJ;;ACHA;AACa,MAAA,aAAa,GAAG,CAAC,UAAsB,KAAI;AACtD,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC5B,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;AACnC,QAAA,OAAOA,GAAC,CAAA,SAAS,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAClC,KAAC,CAAC;AACJ;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Icons.js CHANGED Viewed

@@ -1,7 +1,7 @@
-/* @oracle/oraclejet-preact: 13.1.15 */
+/* @oracle/oraclejet-preact: 13.1.16 */
 import { jsx } from 'preact/jsx-runtime';
 import { Icon } from './UNSAFE_Icon.js';
-import './tslib.es6-ce14f197.js';
+import './tslib.es6-d14fd8dd.js';
 import './utils/UNSAFE_classNames.js';
 import './hooks/UNSAFE_useUser.js';

package/dist/js/libs/oraclejet-preact/es/UNSAFE_InputPassword.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_qkvaaa~~{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}.~~_qkvaaa~~:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
1	+ ._jpd5g{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}._jpd5g:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_InputPassword.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.15 */
+/* @oracle/oraclejet-preact: 13.1.16 */
 import { jsx } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
 import { useCallback } from 'preact/hooks';
@@ -17,20 +17,20 @@ import './UNSAFE_ThemedIcons.js';
 import { IcoViewHide as SvgIcoViewHide, IcoView as SvgIcoView } from './UNSAFE_Icons.js';
 import { useClearIcon } from './hooks/UNSAFE_useClearIcon.js';
 import { beforeVNode } from './utils/UNSAFE_componentUtils.js';
-import { C as ClearIcon } from './ClearIcon-8e44a757.js';
+import { C as ClearIcon } from './ClearIcon-99728142.js';
 import { useToggle } from './hooks/UNSAFE_useToggle.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
-import './tslib.es6-ce14f197.js';
+import './tslib.es6-d14fd8dd.js';
 import './hooks/UNSAFE_useFocusWithin.js';
 import 'preact';
 import './hooks/UNSAFE_useId.js';
 import './utils/UNSAFE_classNames.js';
 import './utils/UNSAFE_interpolations/text.js';
-import './keys-57b2fb14.js';
-import './_curry1-5c33b857.js';
-import './_has-4588eed7.js';
+import './keys-67d228ce.js';
+import './_curry1-2b9ab6b6.js';
+import './_has-e732e5c2.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-7726ea72.js';
+import './_curry2-c4496e5d.js';
 import './UNSAFE_LabelValueLayout.js';
 import './UNSAFE_Flex.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
@@ -74,7 +74,7 @@ const ojButtonBorderlessChromeBorderColorHover = 'transparent'; // TODO: replace
 const ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';
 const revealToggleIconStyles = {
-  base: "_qkvaaa"
+  base: "_jpd5g"
 };
 function RevealToggleIcon({
   isRevealed,

package/dist/js/libs/oraclejet-preact/es/UNSAFE_InputText.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_eigyng~~{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}.~~_eigyng~~:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
1	+ .jrm8z0{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}.jrm8z0:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_InputText.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.15 */
+/* @oracle/oraclejet-preact: 13.1.16 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
@@ -15,21 +15,21 @@ import { ReadonlyTextField, ReadonlyTextFieldInput, TextFieldInput, MaxLengthLiv
 import { InlineUserAssistance } from './UNSAFE_UserAssistance.js';
 import { getClientHints } from './utils/PRIVATE_clientHints.js';
 import { beforeVNode } from './utils/UNSAFE_componentUtils.js';
-import { C as ClearIcon } from './ClearIcon-8e44a757.js';
+import { C as ClearIcon } from './ClearIcon-99728142.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
 import './hooks/UNSAFE_useToggle.js';
-import './tslib.es6-ce14f197.js';
+import './tslib.es6-d14fd8dd.js';
 import './hooks/UNSAFE_useFocusWithin.js';
 import './utils/UNSAFE_lengthFilter.js';
 import './hooks/UNSAFE_useId.js';
 import './utils/UNSAFE_classNames.js';
 import './UNSAFE_InputText.css';
 import './utils/UNSAFE_interpolations/text.js';
-import './keys-57b2fb14.js';
-import './_curry1-5c33b857.js';
-import './_has-4588eed7.js';
+import './keys-67d228ce.js';
+import './_curry1-2b9ab6b6.js';
+import './_has-e732e5c2.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-7726ea72.js';
+import './_curry2-c4496e5d.js';
 import './hooks/UNSAFE_useTranslationBundle.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Label.css CHANGED Viewed

@@ -1,13 +1,13 @@
-.hc08n4{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
-._ukerl4{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
-._n45sg{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-._k9xy3t{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
-.v67izj{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._qg83sn{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
-.ktw0s0{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._87ustp{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
-._ggcuvy{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-.pl6c5h{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-.gy11mz{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.m3ghdt{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-.t5lg9y{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.z0c3tk{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
+.mc1712{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
+.nrdvoc{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+.ns1xmn{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
+._jl7odr{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._ldt7tt{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
+._gah0a{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._gpbok4{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
+._ijcu7n{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+._pdmxrn{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+._3gqdc{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._8zpj0h{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._lg4fiq{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Label.js CHANGED Viewed

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.15 */
-import { _ as __rest } from './tslib.es6-ce14f197.js';
+/* @oracle/oraclejet-preact: 13.1.16 */
+import { _ as __rest } from './tslib.es6-d14fd8dd.js';
 import { jsx } from 'preact/jsx-runtime';
 import { useFormFieldContext } from './hooks/UNSAFE_useFormFieldContext.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -9,19 +9,19 @@ import 'preact';
 import 'preact/hooks';
 const labelStyles = {
-  base: "hc08n4",
-  startBase: "_ukerl4",
-  topBase: "_n45sg",
-  insideBase: "_k9xy3t",
-  insideReadonlyInEnabledForm: "v67izj",
-  insideReadonlyNotInEnabledForm: "_qg83sn",
-  insideNonReadonly: "ktw0s0",
-  insideNonReadonlyHasValue: "_87ustp",
-  insideDisabled: "_ggcuvy",
-  insideFocused: "pl6c5h",
-  insideError: "gy11mz",
-  insideWarning: "m3ghdt",
-  noWrap: "t5lg9y"
+  base: "z0c3tk",
+  startBase: "mc1712",
+  topBase: "nrdvoc",
+  insideBase: "ns1xmn",
+  insideReadonlyInEnabledForm: "_jl7odr",
+  insideReadonlyNotInEnabledForm: "_ldt7tt",
+  insideNonReadonly: "_gah0a",
+  insideNonReadonlyHasValue: "_gpbok4",
+  insideDisabled: "_ijcu7n",
+  insideFocused: "_pdmxrn",
+  insideError: "_3gqdc",
+  insideWarning: "_8zpj0h",
+  noWrap: "_lg4fiq"
 };
 const StyledLabel = _a => {

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx","../../src/UNSAFE_Label/index.ts"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n base: cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n wordBreak: 'break-word'\n }}`,\n startBase: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n // TODO: Reevaluate which component should handle the text align\n textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n width: '100%'\n }}`,\n topBase: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n }}`,\n insideBase: cssProps`${{\n display: 'block',\n boxSizing: 'border-box',\n // TODO: Reevaluate which component should handle the padding\n paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n maxWidth: '100%'\n }}`,\n insideReadonlyInEnabledForm: cssProps`${{\n insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n transitionProperty: 'none',\n transform: 'none',\n backgroundColor: 'transparent',\n position: 'absolute',\n marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`,\n insideReadonlyNotInEnabledForm: cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n }}`,\n insideNonReadonly: cssProps`${{\n position: 'absolute',\n insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n transform: 'translateY(-50%)',\n transitionProperty: 'all',\n transitionDuration: '.25s',\n transitionTimingFunction: 'ease',\n transitionDelay: '.1s',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`,\n insideNonReadonlyHasValue: cssProps`${{\n transitionProperty: 'top, font-weight, font-size, transform',\n transitionDuration: '.25s',\n transitionTimingFunction: 'ease',\n transitionDelay: '.1s',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n transform: 'none',\n top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n }}`,\n insideDisabled: cssProps`${{\n transitionProperty: 'none',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n }}`,\n insideFocused: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n }}`,\n insideError: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n }}`,\n insideWarning: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n }}`,\n\n noWrap: cssProps`${{\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n hasValue?: boolean;\n isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n hasValue,\n readonly,\n disabled,\n isFocused,\n variant = 'inside',\n ...props\n}: StyledLabelProps) => {\n const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n const cssClassNames =\n variant === 'inside' \|\| variant === 'insideError' \|\| variant === 'insideWarning'\n ? classNames([\n labelStyles.base,\n labelStyles.insideBase,\n readonly &&\n (isFormLayout && !isReadonlyForm\n ? labelStyles.insideReadonlyInEnabledForm\n : labelStyles.insideReadonlyNotInEnabledForm),\n !readonly && labelStyles.insideNonReadonly,\n !readonly && (hasValue \|\| isFocused) && labelStyles.insideNonReadonlyHasValue,\n !readonly && isFocused && labelStyles.insideFocused,\n disabled && labelStyles.insideDisabled,\n !disabled &&\n !readonly &&\n (variant === 'insideError' \|\| variant === 'insideWarning') &&\n labelStyles[variant]\n ])\n : variant === 'start'\n ? classNames([\n labelStyles.base,\n labelStyles.startBase,\n labelWrapping === 'truncate' && labelStyles.noWrap\n ])\n : variant === 'top'\n ? classNames([\n labelStyles.base,\n labelStyles.topBase,\n labelWrapping === 'truncate' && labelStyles.noWrap\n ])\n : undefined;\n // TODO: We need to decide whether to standardize on 'class' or 'className'. Otherwise, we'll\n // run into issues destructuring style interpolations, for example having to concatenate both.\n return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n /*\n The text to be used for the label\n /\n children?: string;\n /\n The id to set on the label\n /\n id?: string;\n /\n The id of the form control for which this label will be used\n /\n forId?: string;\n /\n Determines how the label is going to be styled\n /\n variant?: 'inside' \| 'start' \| 'top' \| 'insideError' \| 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n return (\n <StyledLabel\n for={forId}\n hasValue={hasValue}\n disabled={isDisabled}\n isFocused={isFocused}\n readonly={isReadonly}\n {...props}\n />\n );\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { Label } from './Label';\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","Label","forId","isDisabled","useFormFieldContext"],"mappings":";;;;;;;;;;AAMA,MAAAA,WAAA,GAAA;QAAA,QAAA;aAAA,~~SAAA~~;WAAA,QAAA;cAAA,~~SAAA~~;+BAAA,~~QAAA~~;kCAAA,SAAA;qBAAA,QAAA;6BAAA,SAAA;kBAAA,SAAA;iBAAA,~~QAAA~~;eAAA,QAAA;iBAAA,~~QAAA~~;;AAAA,CAAA,CAAA;;AAmGA,MAAAC,WAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA,OAAA,GAAA,QAAA;AAAA,GAAA,GAAAL,EAAA;AAAA,MAAAM,KAAA,GAAAC,MAAA,CAAAP,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAA,CAAA,CAAA;;EAQnB,MAAA;IAAAQ,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,cAAA,EAAA,CAAA;AAEA,EAAA,MAAAC,aAAA,GAAAR,OAAA,KAAA,QAAA,IAAAA,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAAA,eAGQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAiB,qGAIIjB,WAAA,CAAAkB,iCACJ,CAAAd,QAAA,IAAAJ,WAAA,CAAAmB,kGAEA,CAAAf,QAAA,IAAAE,SAAA,IAAAN,WAAA,CAAAoB,uDAEA,CAAAf,QAAA,IACE,CAAAD,QADF,KAEEG,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAFF,2BAbR,qCAoBQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAqB,WACAR,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,2CAIAtB,WAAA,CAAAgB,MACAhB,WAAA,CAAAuB,SACAV,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,oBA5BR,CAVF;;;EA2CE,OAAAE,GAAA,CAAA,OAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAlB,KAAA,EAAA;AAAAmB,IAAAA,KAAA,EAAAZ,aAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF,CA5CA,CAAA;;AAiEAa,MAAAA,KAAA,GAAA1B,EAAA,IAAA;EAAsB,IAAA;AAAA2B,IAAAA,KAAAA;AAAA,GAAA,GAAA3B,EAAA;MAAAM,KAAA,GAAAC,MAAA,CAAAP,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACpB,MAAA;IAAAC,QAAA;IAAA2B,UAAA;IAAAxB,SAAA;AAAAK,IAAAA,UAAAA;AAAA,GAAA,GAAAoB,mBAAA,EAAA,CAAA;;;;;;;;AAWF;;ACtLA;;;;;;AAMG;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx","../../src/UNSAFE_Label/index.ts"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n base: cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n wordBreak: 'break-word'\n }}`,\n startBase: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n // TODO: Reevaluate which component should handle the text align\n textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n width: '100%'\n }}`,\n topBase: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n }}`,\n insideBase: cssProps`${{\n display: 'block',\n boxSizing: 'border-box',\n // TODO: Reevaluate which component should handle the padding\n paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n maxWidth: '100%'\n }}`,\n insideReadonlyInEnabledForm: cssProps`${{\n insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n transitionProperty: 'none',\n transform: 'none',\n backgroundColor: 'transparent',\n position: 'absolute',\n marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`,\n insideReadonlyNotInEnabledForm: cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n }}`,\n insideNonReadonly: cssProps`${{\n position: 'absolute',\n insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n transform: 'translateY(-50%)',\n transitionProperty: 'all',\n transitionDuration: '.25s',\n transitionTimingFunction: 'ease',\n transitionDelay: '.1s',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`,\n insideNonReadonlyHasValue: cssProps`${{\n transitionProperty: 'top, font-weight, font-size, transform',\n transitionDuration: '.25s',\n transitionTimingFunction: 'ease',\n transitionDelay: '.1s',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n transform: 'none',\n top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n }}`,\n insideDisabled: cssProps`${{\n transitionProperty: 'none',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n }}`,\n insideFocused: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n }}`,\n insideError: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n }}`,\n insideWarning: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n }}`,\n\n noWrap: cssProps`${{\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n hasValue?: boolean;\n isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n hasValue,\n readonly,\n disabled,\n isFocused,\n variant = 'inside',\n ...props\n}: StyledLabelProps) => {\n const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n const cssClassNames =\n variant === 'inside' \|\| variant === 'insideError' \|\| variant === 'insideWarning'\n ? classNames([\n labelStyles.base,\n labelStyles.insideBase,\n readonly &&\n (isFormLayout && !isReadonlyForm\n ? labelStyles.insideReadonlyInEnabledForm\n : labelStyles.insideReadonlyNotInEnabledForm),\n !readonly && labelStyles.insideNonReadonly,\n !readonly && (hasValue \|\| isFocused) && labelStyles.insideNonReadonlyHasValue,\n !readonly && isFocused && labelStyles.insideFocused,\n disabled && labelStyles.insideDisabled,\n !disabled &&\n !readonly &&\n (variant === 'insideError' \|\| variant === 'insideWarning') &&\n labelStyles[variant]\n ])\n : variant === 'start'\n ? classNames([\n labelStyles.base,\n labelStyles.startBase,\n labelWrapping === 'truncate' && labelStyles.noWrap\n ])\n : variant === 'top'\n ? classNames([\n labelStyles.base,\n labelStyles.topBase,\n labelWrapping === 'truncate' && labelStyles.noWrap\n ])\n : undefined;\n // TODO: We need to decide whether to standardize on 'class' or 'className'. Otherwise, we'll\n // run into issues destructuring style interpolations, for example having to concatenate both.\n return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n /*\n The text to be used for the label\n /\n children?: string;\n /\n The id to set on the label\n /\n id?: string;\n /\n The id of the form control for which this label will be used\n /\n forId?: string;\n /\n Determines how the label is going to be styled\n /\n variant?: 'inside' \| 'start' \| 'top' \| 'insideError' \| 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n return (\n <StyledLabel\n for={forId}\n hasValue={hasValue}\n disabled={isDisabled}\n isFocused={isFocused}\n readonly={isReadonly}\n {...props}\n />\n );\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { Label } from './Label';\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","Label","forId","isDisabled","useFormFieldContext"],"mappings":";;;;;;;;;;AAMA,MAAAA,WAAA,GAAA;QAAA,QAAA;aAAA,QAAA;WAAA,QAAA;cAAA,QAAA;+BAAA,SAAA;kCAAA,SAAA;qBAAA,QAAA;6BAAA,SAAA;kBAAA,SAAA;iBAAA,SAAA;eAAA,QAAA;iBAAA,SAAA;;AAAA,CAAA,CAAA;;AAmGA,MAAAC,WAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA,OAAA,GAAA,QAAA;AAAA,GAAA,GAAAL,EAAA;AAAA,MAAAM,KAAA,GAAAC,MAAA,CAAAP,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAA,CAAA,CAAA;;EAQnB,MAAA;IAAAQ,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,cAAA,EAAA,CAAA;AAEA,EAAA,MAAAC,aAAA,GAAAR,OAAA,KAAA,QAAA,IAAAA,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAAA,eAGQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAiB,qGAIIjB,WAAA,CAAAkB,iCACJ,CAAAd,QAAA,IAAAJ,WAAA,CAAAmB,kGAEA,CAAAf,QAAA,IAAAE,SAAA,IAAAN,WAAA,CAAAoB,uDAEA,CAAAf,QAAA,IACE,CAAAD,QADF,KAEEG,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAFF,2BAbR,qCAoBQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAqB,WACAR,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,2CAIAtB,WAAA,CAAAgB,MACAhB,WAAA,CAAAuB,SACAV,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,oBA5BR,CAVF;;;EA2CE,OAAAE,GAAA,CAAA,OAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAlB,KAAA,EAAA;AAAAmB,IAAAA,KAAA,EAAAZ,aAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF,CA5CA,CAAA;;AAiEAa,MAAAA,KAAA,GAAA1B,EAAA,IAAA;EAAsB,IAAA;AAAA2B,IAAAA,KAAAA;AAAA,GAAA,GAAA3B,EAAA;MAAAM,KAAA,GAAAC,MAAA,CAAAP,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACpB,MAAA;IAAAC,QAAA;IAAA2B,UAAA;IAAAxB,SAAA;AAAAK,IAAAA,UAAAA;AAAA,GAAA,GAAAoB,mBAAA,EAAA,CAAA;;;;;;;;AAWF;;ACtLA;;;;;;AAMG;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_LabelValueLayout.css CHANGED Viewed

@@ -1,9 +1,9 @@
-.qaewvb{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-._1iqy1n{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-._dwpcy9{flex-basis:100%;width:100%;max-width:100%;padding-block-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);}
-.v59tig{padding-block-end:0;}
-.zkdq2j{display:block;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);width:100%;}
-._esvi15{display:inline-flex;align-items:center;}
-.uczlc3{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._5ri5ht{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._xmvoab{flex:1 1 100%;width:100%;max-width:100%;}
+.i9p3sr{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+._sbj5x3{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+.u7pzbj{flex-basis:100%;width:100%;max-width:100%;padding-block-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);}
+.d9sore{padding-block-end:0;}
+._qrmva{display:block;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);width:100%;}
+._6jk1sj{display:inline-flex;align-items:center;}
+._vnni1{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+.p2w48o{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.gjxvjo{flex:1 1 100%;width:100%;max-width:100%;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_LabelValueLayout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.15 */
+/* @oracle/oraclejet-preact: 13.1.16 */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import './UNSAFE_LabelValueLayout.css';
@@ -6,36 +6,36 @@ import { Flex } from './UNSAFE_Flex.js';
 import { useFormContext } from './hooks/UNSAFE_useFormContext.js';
 import { useFormFieldContext } from './hooks/UNSAFE_useFormFieldContext.js';
 import { sizeToCSS } from './utils/UNSAFE_size.js';
-import './tslib.es6-ce14f197.js';
+import './tslib.es6-d14fd8dd.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
-import './_curry1-5c33b857.js';
+import './_curry1-2b9ab6b6.js';
 import './utils/UNSAFE_stringUtils.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-7726ea72.js';
-import './_has-4588eed7.js';
+import './_curry2-c4496e5d.js';
+import './_has-e732e5c2.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-57b2fb14.js';
+import './keys-67d228ce.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import 'preact';
 import 'preact/hooks';
 const labelSlotStyles = {
-  base: "qaewvb",
-  start: "_1iqy1n",
-  top: "_dwpcy9",
-  topPureReadonly: "v59tig"
+  base: "i9p3sr",
+  start: "_sbj5x3",
+  top: "u7pzbj",
+  topPureReadonly: "d9sore"
 };
 const labelInnerStyles = {
   // base is labelEdge 'top'
-  base: "zkdq2j",
-  start: "_esvi15",
-  startNotPureReadonly: "uczlc3",
+  base: "_qrmva",
+  start: "_6jk1sj",
+  startNotPureReadonly: "_vnni1",
   // TODO: Use Text Component instead of CSS
-  noWrap: "_5ri5ht"
+  noWrap: "p2w48o"
 };
-const valueSlotStyles = "_xmvoab";
+const valueSlotStyles = "gjxvjo";
 const LabelValueLayout = ({
   label,
   labelEdge,

package/dist/js/libs/oraclejet-preact/es/UNSAFE_LabelValueLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx","../../src/UNSAFE_LabelValueLayout/index.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n base: cssProps`${{\n display: 'block',\n flexGrow: '0',\n flexShrink: '1',\n boxSizing: 'border-box'\n }}`,\n start: cssProps`${{\n paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n }}`,\n\n top: cssProps`${{\n flexBasis: '100%',\n width: '100%',\n maxWidth: '100%',\n paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n }}`,\n\n topPureReadonly: cssProps`${{\n paddingBlockEnd: 0\n }}`\n};\n\nconst labelInnerStyles = {\n // base is labelEdge 'top'\n base: cssProps`${{\n display: 'block',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n width: '100%'\n }}`,\n start: cssProps`${{\n display: 'inline-flex',\n alignItems: 'center'\n }}`,\n startNotPureReadonly: cssProps`${{\n minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n }}`,\n // TODO: Use Text Component instead of CSS\n noWrap: cssProps`${{\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n flex: '1 1 100%',\n width: '100%',\n maxWidth: '100%'\n}}`;\n\ntype Props = {\n /*\n Label content of the layout\n /\n label?: ComponentChildren;\n /\n Defines how the label is going to be positioned\n /\n labelEdge?: 'start' \| 'top';\n /\n Defines the label width for labelEdge 'start' ('top' is always 100%)\n /\n labelStartWidth?: Size;\n /\n Value content of the layout\n /\n children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n label,\n labelEdge,\n children,\n labelStartWidth = '33%'\n}: Props) => {\n const width = sizeToCSS(labelStartWidth);\n const valueWidth = `calc(100% - ${width})`;\n const labelStyles: JSX.CSSProperties =\n labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n const valueStyles: JSX.CSSProperties =\n labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n const { isReadonly } = useFormFieldContext();\n const isPureReadonly = (isFormLayout && isFormReadonly) \|\| (!isFormLayout && isReadonly);\n const labelStyleClasses = classNames([\n labelSlotStyles.base,\n labelEdge === 'start' && labelSlotStyles.start,\n // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n labelEdge === 'top' && labelSlotStyles.top,\n labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n ]);\n const labelInnerClasses = classNames([\n labelInnerStyles.base,\n labelEdge === 'start' && labelInnerStyles.start,\n labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n labelWrapping === 'truncate' && labelInnerStyles.noWrap\n ]);\n\n return (\n <Flex wrap=\"wrap\" align=\"start\">\n <div class={labelStyleClasses} style={labelStyles}>\n <div class={labelInnerClasses}>{label}</div>\n </div>\n <div class={valueSlotStyles} style={valueStyles}>\n {children}\n </div>\n </Flex>\n );\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { LabelValueLayout } from './LabelValueLayout';\n"],"names":["labelSlotStyles","labelInnerStyles","valueSlotStyles","LabelValueLayout","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","base","start","top","topPureReadonly","noWrap","_jsxs","Flex","Object","assign","wrap","align","_jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAAA,eAAA,GAAA;QAAA,QAAA;SAAA,SAAA;OAAA,~~SAAA~~;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,QAAA;SAAA,SAAA;wBAAA,QAAA;;;AAAA,CAAA,CAAA;AAyBA,MAAAC,eAAA,GAAA,~~SAAA~~,CAAA;AAyBA,MAAAC,gBAAA,GAAA,CAAA;EAAAC,KAAA;EAAAC,SAAA;EAAAC,QAAA;AAAAC,EAAAA,eAAA,GAAA,KAAA;AAAA,CAAA,KAAA;AAME,EAAA,MAAAC,KAAA,GAAAC,SAAA,CAAAF,eAAA,CAAA,CAAA;AACA,EAAA,MAAAG,UAAA,GAAA,CAAAF,YAAAA,EAAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;EAMA,MAAA;IAAAG,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,cAAA,EAAA,CAAA;EACA,MAAA;AAAAH,IAAAA,UAAAA;AAAA,GAAA,GAAAI,mBAAA,EAAA,CAAA;EACA,MAAAC,cAAA,GAAAN,YAAA,IAAAE,cAAA,IAAA,CAAAF,YAAA,IAAAC,UAAA,CAAA;wCAEEZ,eAAA,CAAAkB,MACAb,SAAA,KAAA,OAAA,IAAAL,eAAA,CAAAmB;;AAGAd,EAAAA,SAAA,KAAA,KAAA,IAAAL,eAAA,CAAAoB,KACAf,SAAA,KAAA,KAAA,IAAAY,cAAA,IAAAjB,eAAA,CAAAqB;wCAGApB,gBAAA,CAAAiB,MACAb,SAAA,KAAA,OAAA,IAAAJ,gBAAA,CAAAkB,0FAEAL,aAAA,KAAA,UAAA,IAAAb,gBAAA,CAAAqB;AAGF,EAAA,OAAAC,IAAA,CAAAC,IAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,IAAA,EAAA,MAAA;AAAAC,IAAAA,KAAA,EAAA,OAAA;AAAA,GAAA,EAAA;IAAAtB,QAAA,EAAA,CAAAuB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAAC,iBAAA;AAAAC,MAAAA,KAAA,EAAAC,WAAAA;AAAA,KAAA,EAAA;MAAA3B,QAAA,EAAAuB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,QAAAA,KAAA,EAAAI,iBAAAA;AAAA,OAAA,EAAA;AAAA5B,QAAAA,QAAA,EAAAF,KAAAA;AAAA,OAAA,CAAA,CAAA;KAAA,CAAA,CAAA,EAAAyB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAA5B,eAAA;AAAA8B,MAAAA,KAAA,EAAAG,WAAAA;AAAA,KAAA,EAAA;AAAA7B,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAUF;;AC1HA;;;;;;AAMG;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx","../../src/UNSAFE_LabelValueLayout/index.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n base: cssProps`${{\n display: 'block',\n flexGrow: '0',\n flexShrink: '1',\n boxSizing: 'border-box'\n }}`,\n start: cssProps`${{\n paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n }}`,\n\n top: cssProps`${{\n flexBasis: '100%',\n width: '100%',\n maxWidth: '100%',\n paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n }}`,\n\n topPureReadonly: cssProps`${{\n paddingBlockEnd: 0\n }}`\n};\n\nconst labelInnerStyles = {\n // base is labelEdge 'top'\n base: cssProps`${{\n display: 'block',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n width: '100%'\n }}`,\n start: cssProps`${{\n display: 'inline-flex',\n alignItems: 'center'\n }}`,\n startNotPureReadonly: cssProps`${{\n minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n }}`,\n // TODO: Use Text Component instead of CSS\n noWrap: cssProps`${{\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n flex: '1 1 100%',\n width: '100%',\n maxWidth: '100%'\n}}`;\n\ntype Props = {\n /*\n Label content of the layout\n /\n label?: ComponentChildren;\n /\n Defines how the label is going to be positioned\n /\n labelEdge?: 'start' \| 'top';\n /\n Defines the label width for labelEdge 'start' ('top' is always 100%)\n /\n labelStartWidth?: Size;\n /\n Value content of the layout\n /\n children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n label,\n labelEdge,\n children,\n labelStartWidth = '33%'\n}: Props) => {\n const width = sizeToCSS(labelStartWidth);\n const valueWidth = `calc(100% - ${width})`;\n const labelStyles: JSX.CSSProperties =\n labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n const valueStyles: JSX.CSSProperties =\n labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n const { isReadonly } = useFormFieldContext();\n const isPureReadonly = (isFormLayout && isFormReadonly) \|\| (!isFormLayout && isReadonly);\n const labelStyleClasses = classNames([\n labelSlotStyles.base,\n labelEdge === 'start' && labelSlotStyles.start,\n // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n labelEdge === 'top' && labelSlotStyles.top,\n labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n ]);\n const labelInnerClasses = classNames([\n labelInnerStyles.base,\n labelEdge === 'start' && labelInnerStyles.start,\n labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n labelWrapping === 'truncate' && labelInnerStyles.noWrap\n ]);\n\n return (\n <Flex wrap=\"wrap\" align=\"start\">\n <div class={labelStyleClasses} style={labelStyles}>\n <div class={labelInnerClasses}>{label}</div>\n </div>\n <div class={valueSlotStyles} style={valueStyles}>\n {children}\n </div>\n </Flex>\n );\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { LabelValueLayout } from './LabelValueLayout';\n"],"names":["labelSlotStyles","labelInnerStyles","valueSlotStyles","LabelValueLayout","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","base","start","top","topPureReadonly","noWrap","_jsxs","Flex","Object","assign","wrap","align","_jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAAA,eAAA,GAAA;QAAA,QAAA;SAAA,SAAA;OAAA,QAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,QAAA;SAAA,SAAA;wBAAA,QAAA;;;AAAA,CAAA,CAAA;AAyBA,MAAAC,eAAA,GAAA,QAAA,CAAA;AAyBA,MAAAC,gBAAA,GAAA,CAAA;EAAAC,KAAA;EAAAC,SAAA;EAAAC,QAAA;AAAAC,EAAAA,eAAA,GAAA,KAAA;AAAA,CAAA,KAAA;AAME,EAAA,MAAAC,KAAA,GAAAC,SAAA,CAAAF,eAAA,CAAA,CAAA;AACA,EAAA,MAAAG,UAAA,GAAA,CAAAF,YAAAA,EAAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;EAMA,MAAA;IAAAG,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,cAAA,EAAA,CAAA;EACA,MAAA;AAAAH,IAAAA,UAAAA;AAAA,GAAA,GAAAI,mBAAA,EAAA,CAAA;EACA,MAAAC,cAAA,GAAAN,YAAA,IAAAE,cAAA,IAAA,CAAAF,YAAA,IAAAC,UAAA,CAAA;wCAEEZ,eAAA,CAAAkB,MACAb,SAAA,KAAA,OAAA,IAAAL,eAAA,CAAAmB;;AAGAd,EAAAA,SAAA,KAAA,KAAA,IAAAL,eAAA,CAAAoB,KACAf,SAAA,KAAA,KAAA,IAAAY,cAAA,IAAAjB,eAAA,CAAAqB;wCAGApB,gBAAA,CAAAiB,MACAb,SAAA,KAAA,OAAA,IAAAJ,gBAAA,CAAAkB,0FAEAL,aAAA,KAAA,UAAA,IAAAb,gBAAA,CAAAqB;AAGF,EAAA,OAAAC,IAAA,CAAAC,IAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,IAAA,EAAA,MAAA;AAAAC,IAAAA,KAAA,EAAA,OAAA;AAAA,GAAA,EAAA;IAAAtB,QAAA,EAAA,CAAAuB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAAC,iBAAA;AAAAC,MAAAA,KAAA,EAAAC,WAAAA;AAAA,KAAA,EAAA;MAAA3B,QAAA,EAAAuB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,QAAAA,KAAA,EAAAI,iBAAAA;AAAA,OAAA,EAAA;AAAA5B,QAAAA,QAAA,EAAAF,KAAAA;AAAA,OAAA,CAAA,CAAA;KAAA,CAAA,CAAA,EAAAyB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAA5B,eAAA;AAAA8B,MAAAA,KAAA,EAAAG,WAAAA;AAAA,KAAA,EAAA;AAAA7B,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAUF;;AC1HA;;;;;;AAMG;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Layer.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.15 */
+/* @oracle/oraclejet-preact: 13.1.16 */
 import { useContext, useMemo, useState, useLayoutEffect, createPortal, forwardRef, useCallback } from 'preact/compat';
 import { createContext } from 'preact';
 import { jsx, jsxs } from 'preact/jsx-runtime';

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Link.css CHANGED Viewed

@@ -1,5 +1,5 @@
-._q0qghh{display:inline-block;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._q0qghh:visited{color:--oj-c-link-text-color-visited;}._q0qghh:active{color:--oj-c-link-text-color-active;}._q0qghh:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.uo7qql{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-._8042de{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-.vwccfr{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}.vwccfr:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}.vwccfr:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-._pc22t3{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._pc22t3:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._pc22t3:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
+._zcy2u{display:inline-block;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._zcy2u:visited{color:--oj-c-link-text-color-visited;}._zcy2u:active{color:--oj-c-link-text-color-active;}._zcy2u:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._v9fwfv{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+.w6aqka{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+.ve0e0n{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}.ve0e0n:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}.ve0e0n:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+.q8xo9l{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.q8xo9l:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.q8xo9l:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Link.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.15 */
+/* @oracle/oraclejet-preact: 13.1.16 */
 import { jsx } from 'preact/jsx-runtime';
 import './UNSAFE_Link.css';
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -6,11 +6,11 @@ import { usePress } from './hooks/UNSAFE_usePress.js';
 import 'preact/hooks';
 const styles = {
-  default: "_q0qghh",
-  primary: "uo7qql",
-  secondary: "_8042de",
-  standalone: "vwccfr",
-  embedded: "_pc22t3"
+  default: "_zcy2u",
+  primary: "_v9fwfv",
+  secondary: "w6aqka",
+  standalone: "ve0e0n",
+  embedded: "q8xo9l"
 };
 const noop = () => {};

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Link.js","sources":["../../src/UNSAFE_Link/Link.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype Props = {\n /\n Sets the URL that the hyperlink points to.\n /\n href: string;\n\n /\n Sets the variant.\n /\n variant?: 'default' \| 'primary' \| 'secondary';\n\n /\n Sets the placement.\n /\n placement?: 'standalone' \| 'embedded';\n\n /\n Sets the target.\n /\n target?: string;\n\n /\n Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n /\n onClick?: (event: Event) => void;\n\n /\n Specifies the children\n */\n children?: ComponentChildren;\n};\n\nconst styles = {\n default: cssProps`${{\n display: 'inline-block',\n color: 'var(--oj-c-link-text-color)',\n textDecorationColor: 'var(--oj-c-link-text-color)',\n textDecorationThickness: '1px',\n textUnderlineOffset: 'var(--oj-c-link-text-underline-offset)',\n cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n '&:visited': { color: '--oj-c-link-text-color-visited' },\n '&:active': { color: '--oj-c-link-text-color-active' },\n '&:focus-visible': {\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n outlineStyle: 'dotted',\n outlineWidth: '1px',\n outlineOffset: '1px'\n }\n }}`,\n primary: cssProps`${{\n '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n }}`,\n secondary: cssProps`${{\n '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n }}`,\n standalone: cssProps`${{\n textDecorationLine: 'var(--oj-c-link-standalone-text-decoration)',\n '&:hover': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' },\n '&:active': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' }\n }}`,\n embedded: cssProps`${{\n textDecorationLine: 'var(--oj-c-link-embedded-text-decoration)',\n '&:hover': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' },\n '&:active': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' }\n }}`\n};\n\nconst noop = () => {};\n\nexport function Link({\n href,\n variant = 'default',\n placement = 'standalone',\n target,\n children,\n onClick\n}: Props) {\n const linkClass = classNames([\n styles.default,\n styles[placement],\n variant !== 'default' && styles[variant]\n ]);\n const { pressProps } = usePress(onClick ?? noop);\n return (\n <a href={href} target={target} {...pressProps} class={linkClass}>\n {children}\n </a>\n );\n}\n"],"names":["styles","noop","Link","href","variant","placement","target","children","onClick","default","pressProps","usePress","_jsx","Object","assign","class","linkClass"],"mappings":";;;;;;;AA4CA,MAAAA,MAAA,GAAA;WAAA,~~SAAA~~;WAAA,~~QAAA~~;aAAA,~~SAAA~~;cAAA,QAAA;;AAAA,CAAA,CAAA;;AAuCA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;AAEA,SAAAC,IAAA,CAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,SAAA,GAAA,YAAA;EAAAC,MAAA;EAAAC,QAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;gCASIR,MAAA,CAAAS,4BAEAL,OAAA,KAAA,SAAA,IAAAJ,MAAA,CAAAI,OAAA;EAEF,MAAA;AAAAM,IAAAA,UAAAA;AAAA,GAAA,GAAAC,QAAA,CAAAH,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAP,IAAA,CAAA,CAAA;AACA,EAAA,OAAAW,GAAA,CAAA,GAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAX,IAAAA,IAAA,EAAAA,IAAA;AAAAG,IAAAA,MAAA,EAAAA,MAAAA;GAAA,EAAAI,UAAA,EAAA;AAAAK,IAAAA,KAAA,EAAAC,SAAAA;AAAA,GAAA,EAAA;AAAAT,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_Link.js","sources":["../../src/UNSAFE_Link/Link.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype Props = {\n /\n Sets the URL that the hyperlink points to.\n /\n href: string;\n\n /\n Sets the variant.\n /\n variant?: 'default' \| 'primary' \| 'secondary';\n\n /\n Sets the placement.\n /\n placement?: 'standalone' \| 'embedded';\n\n /\n Sets the target.\n /\n target?: string;\n\n /\n Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n /\n onClick?: (event: Event) => void;\n\n /\n Specifies the children\n */\n children?: ComponentChildren;\n};\n\nconst styles = {\n default: cssProps`${{\n display: 'inline-block',\n color: 'var(--oj-c-link-text-color)',\n textDecorationColor: 'var(--oj-c-link-text-color)',\n textDecorationThickness: '1px',\n textUnderlineOffset: 'var(--oj-c-link-text-underline-offset)',\n cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n '&:visited': { color: '--oj-c-link-text-color-visited' },\n '&:active': { color: '--oj-c-link-text-color-active' },\n '&:focus-visible': {\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n outlineStyle: 'dotted',\n outlineWidth: '1px',\n outlineOffset: '1px'\n }\n }}`,\n primary: cssProps`${{\n '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n }}`,\n secondary: cssProps`${{\n '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n }}`,\n standalone: cssProps`${{\n textDecorationLine: 'var(--oj-c-link-standalone-text-decoration)',\n '&:hover': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' },\n '&:active': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' }\n }}`,\n embedded: cssProps`${{\n textDecorationLine: 'var(--oj-c-link-embedded-text-decoration)',\n '&:hover': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' },\n '&:active': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' }\n }}`\n};\n\nconst noop = () => {};\n\nexport function Link({\n href,\n variant = 'default',\n placement = 'standalone',\n target,\n children,\n onClick\n}: Props) {\n const linkClass = classNames([\n styles.default,\n styles[placement],\n variant !== 'default' && styles[variant]\n ]);\n const { pressProps } = usePress(onClick ?? noop);\n return (\n <a href={href} target={target} {...pressProps} class={linkClass}>\n {children}\n </a>\n );\n}\n"],"names":["styles","noop","Link","href","variant","placement","target","children","onClick","default","pressProps","usePress","_jsx","Object","assign","class","linkClass"],"mappings":";;;;;;;AA4CA,MAAAA,MAAA,GAAA;WAAA,QAAA;WAAA,SAAA;aAAA,QAAA;cAAA,QAAA;;AAAA,CAAA,CAAA;;AAuCA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;AAEA,SAAAC,IAAA,CAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,SAAA,GAAA,YAAA;EAAAC,MAAA;EAAAC,QAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;gCASIR,MAAA,CAAAS,4BAEAL,OAAA,KAAA,SAAA,IAAAJ,MAAA,CAAAI,OAAA;EAEF,MAAA;AAAAM,IAAAA,UAAAA;AAAA,GAAA,GAAAC,QAAA,CAAAH,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAP,IAAA,CAAA,CAAA;AACA,EAAA,OAAAW,GAAA,CAAA,GAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAX,IAAAA,IAAA,EAAAA,IAAA;AAAAG,IAAAA,MAAA,EAAAA,MAAAA;GAAA,EAAAI,UAAA,EAAA;AAAAK,IAAAA,KAAA,EAAAC,SAAAA;AAAA,GAAA,EAAA;AAAAT,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_ListView.css CHANGED Viewed

@@ -1,15 +1,15 @@
-.bighdc{height:100%;user-select:none;overflow-y:inherit;}.bighdc:focus{outline-style:none;}
-._jguxgm{position:absolute;top:0;width:4px;z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
-._c74avw{position:relative;}
+._k6l4cn{height:100%;user-select:none;overflow-y:inherit;}._k6l4cn:focus{outline-style:none;}
+.tt4n40{position:absolute;top:0;width:4px;z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
+._ebovj{position:relative;}
-._odopyt{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 0;background-repeat:no-repeat;border-top:1px solid transparent;}
-._wf59c{background-size:100% 1px;}
-.fx92ag:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-.vfsivb{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._atx9c{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
-.y1fx2x{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
-._1i5app{flex-grow:1;}._1i5app:focus{outline-style:none;}
-._1tpzut{display:flex;}
-.jd6wrq{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+.i4hbhm{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 0;background-repeat:no-repeat;border-top:1px solid transparent;}
+._crg03{background-size:100% 1px;}
+.jwwevg:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+.i9umze{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+.hmnra3{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
+._x2g5sp{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
+._297vgx{flex-grow:1;}._297vgx:focus{outline-style:none;}
+._d8sha6{display:flex;}
+._ltgdw{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-._ldbecs{height:100%;overflow-x:hidden;overflow-y:hidden;}
+.sjgyoo{height:100%;overflow-x:hidden;overflow-y:hidden;}