npm - @oracle/oraclejet - Versions diffs - 13.1.12 → 13.1.14 - Mend

@oracle/oraclejet 13.1.12 → 13.1.14

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 (2307) hide show

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

@@ -1,21 +1,21 @@
-._efhniu{font-size:1em;}
-._s959tt{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-._08h2sk{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._eilaj6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
-._vt7pub{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-.n8xyd0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._f6xup{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
-._xo48w0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
-._ib58ax{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
-.t6juuw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
-._fxdxms{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
-._c6pzd{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
-._2tt2y2{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
-.dd7uuo{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-._taaj8u{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-.x67h58{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._l537x{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.pa9i4z{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._9owcp{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-._f186lr{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
-._9zxjqs{color:currentColor;}
+._xth4mb{font-size:1em;}
+.tewzgw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+._vhkrwz{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.zq5vza{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+._def3m{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+.bw3g45{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+.i2352o{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
+.ys59h0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
+.btm7p6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
+._m4384{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
+.ehbc5y{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
+.g6rbfw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
+._vh6g1l{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
+.su3zh0{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+.mdtqee{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+.xmmi7d{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._q3s37i{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.giimkp{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._kogcgo{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+._zn0q0{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
+._er0gd7{color:currentColor;}

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

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
-import { _ as __rest } from './tslib.es6-c87c73ed.js';
+/* @oracle/oraclejet-preact: 13.1.14 */
+import { _ as __rest } from './tslib.es6-b0b12e0e.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': "_efhniu",
-  '1x': "_s959tt",
-  '2x': "_08h2sk",
-  '3x': "_eilaj6",
-  '4x': "_vt7pub",
-  '5x': "n8xyd0",
-  '6x': "_f6xup",
-  '7x': "_xo48w0",
-  '8x': "_ib58ax",
-  '9x': "t6juuw",
-  '10x': "_fxdxms",
-  '11x': "_c6pzd",
-  '12x': "_2tt2y2"
+  '1em': "_xth4mb",
+  '1x': "tewzgw",
+  '2x': "_vhkrwz",
+  '3x': "zq5vza",
+  '4x': "_def3m",
+  '5x': "bw3g45",
+  '6x': "i2352o",
+  '7x': "ys59h0",
+  '8x': "btm7p6",
+  '9x': "_m4384",
+  '10x': "ehbc5y",
+  '11x': "g6rbfw",
+  '12x': "_vh6g1l"
 };
 const colorStyles = {
-  primary: "dd7uuo",
-  secondary: "_taaj8u",
-  disabled: "x67h58",
-  danger: "_l537x",
-  warning: "pa9i4z",
-  success: "_9owcp",
-  info: "_f186lr",
-  currentColor: "_9zxjqs"
+  primary: "su3zh0",
+  secondary: "mdtqee",
+  disabled: "xmmi7d",
+  danger: "_q3s37i",
+  warning: "giimkp",
+  success: "_kogcgo",
+  info: "_zn0q0",
+  currentColor: "_er0gd7"
 };
 // 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,~~SAAA~~;MAAA,EAAA,SAAA;MAAA,EAAA,~~SAAA~~;MAAA,EAAA,~~SAAA~~;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,~~SAAA~~;MAAA,EAAA,~~SAAA~~;MAAA,EAAA,QAAA;OAAA,EAAA,~~SAAA~~;OAAA,EAAA,QAAA;;AAAA,CAAA,CAAA;AA0CA,MAAAD,WAAA,GAAA;WAAA,QAAA;aAAA,~~SAAA~~;YAAA,QAAA;UAAA,~~QAAA~~;WAAA,QAAA;WAAA,~~QAAA~~;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,SAAA;MAAA,EAAA,QAAA;MAAA,EAAA,SAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;OAAA,EAAA,QAAA;OAAA,EAAA,QAAA;;AAAA,CAAA,CAAA;AA0CA,MAAAD,WAAA,GAAA;WAAA,QAAA;aAAA,QAAA;YAAA,QAAA;UAAA,SAAA;WAAA,QAAA;WAAA,SAAA;QAAA,QAAA;;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.12 */
+/* @oracle/oraclejet-preact: 13.1.14 */
 import { jsx } from 'preact/jsx-runtime';
 import { Icon } from './UNSAFE_Icon.js';
-import './tslib.es6-c87c73ed.js';
+import './tslib.es6-b0b12e0e.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	- .~~_arx40a~~{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);}.~~_arx40a~~: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	+ ._bo3go6{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);}._bo3go6: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.12 */
+/* @oracle/oraclejet-preact: 13.1.14 */
 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-2386e3ab.js';
+import { C as ClearIcon } from './ClearIcon-0280554b.js';
 import { useToggle } from './hooks/UNSAFE_useToggle.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
-import './tslib.es6-c87c73ed.js';
+import './tslib.es6-b0b12e0e.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-5c4a9b17.js';
-import './_curry1-90e45184.js';
-import './_has-28ada7e7.js';
+import './keys-e28b1ac7.js';
+import './_curry1-83b63a7c.js';
+import './_has-9de23e74.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-841301b6.js';
+import './_curry2-04aae08f.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: "_arx40a"
+  base: "_bo3go6"
 };
 function RevealToggleIcon({
   isRevealed,

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

	@@ -1 +1 @@
1	- .~~_vz10h~~{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;}.~~_vz10h~~: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	+ .upobou{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;}.upobou: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.12 */
+/* @oracle/oraclejet-preact: 13.1.14 */
 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-2386e3ab.js';
+import { C as ClearIcon } from './ClearIcon-0280554b.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
 import './hooks/UNSAFE_useToggle.js';
-import './tslib.es6-c87c73ed.js';
+import './tslib.es6-b0b12e0e.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-5c4a9b17.js';
-import './_curry1-90e45184.js';
-import './_has-28ada7e7.js';
+import './keys-e28b1ac7.js';
+import './_curry1-83b63a7c.js';
+import './_has-9de23e74.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-841301b6.js';
+import './_curry2-04aae08f.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 @@
-.g2gikq{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;}
-.s94lgs{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%;}
-._be6in{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-.skroyd{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%;}
-._md5n30{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;}
-._nahz3l{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);}
-.idaxte{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;}
-._yn3ya8{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);}
-._962o9m{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-._jjdvje{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-._wv8tod{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._2ffyun{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-.u3opky{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.lyiels{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;}
+.i10lca{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%;}
+._6dsror{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+._nfpyqq{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%;}
+._20qeuq{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;}
+.gbtny5{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);}
+._bowqyw{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;}
+.vwah8u{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);}
+._r7v6o{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+.nudfo2{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+._3nd396{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._4yfk6f{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._3n4x{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.12 */
-import { _ as __rest } from './tslib.es6-c87c73ed.js';
+/* @oracle/oraclejet-preact: 13.1.14 */
+import { _ as __rest } from './tslib.es6-b0b12e0e.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: "g2gikq",
-  startBase: "s94lgs",
-  topBase: "_be6in",
-  insideBase: "skroyd",
-  insideReadonlyInEnabledForm: "_md5n30",
-  insideReadonlyNotInEnabledForm: "_nahz3l",
-  insideNonReadonly: "idaxte",
-  insideNonReadonlyHasValue: "_yn3ya8",
-  insideDisabled: "_962o9m",
-  insideFocused: "_jjdvje",
-  insideError: "_wv8tod",
-  insideWarning: "_2ffyun",
-  noWrap: "u3opky"
+  base: "lyiels",
+  startBase: "i10lca",
+  topBase: "_6dsror",
+  insideBase: "_nfpyqq",
+  insideReadonlyInEnabledForm: "_20qeuq",
+  insideReadonlyNotInEnabledForm: "gbtny5",
+  insideNonReadonly: "_bowqyw",
+  insideNonReadonlyHasValue: "vwah8u",
+  insideDisabled: "_r7v6o",
+  insideFocused: "nudfo2",
+  insideError: "_3nd396",
+  insideWarning: "_4yfk6f",
+  noWrap: "_3n4x"
 };
 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,QAAA;WAAA,~~QAAA~~;cAAA,~~QAAA~~;+BAAA,SAAA;kCAAA,~~SAAA~~;qBAAA,~~QAAA~~;6BAAA,~~SAAA~~;kBAAA,~~SAAA~~;iBAAA,~~SAAA~~;eAAA,SAAA;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;;;;;;;"}
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,SAAA;cAAA,SAAA;+BAAA,SAAA;kCAAA,QAAA;qBAAA,SAAA;6BAAA,QAAA;kBAAA,QAAA;iBAAA,QAAA;eAAA,SAAA;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 @@
-._8xb0so{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-.gd5upu{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-._y67iqw{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);}
-.o5ysrl{padding-block-end:0;}
-._tpt7v6{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%;}
-._013j47{display:inline-flex;align-items:center;}
-.nqjksp{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._659jf{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._dbaayw{flex:1 1 100%;width:100%;max-width:100%;}
+._o83yjm{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+._vknh6a{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+._4gad9c{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);}
+._4pbiz{padding-block-end:0;}
+._ny328{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%;}
+.i69q7i{display:inline-flex;align-items:center;}
+.snqek7{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._4qyt96{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._vn8dlf{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.12 */
+/* @oracle/oraclejet-preact: 13.1.14 */
 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-c87c73ed.js';
+import './tslib.es6-b0b12e0e.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
-import './_curry1-90e45184.js';
+import './_curry1-83b63a7c.js';
 import './utils/UNSAFE_stringUtils.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-841301b6.js';
-import './_has-28ada7e7.js';
+import './_curry2-04aae08f.js';
+import './_has-9de23e74.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-5c4a9b17.js';
+import './keys-e28b1ac7.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import 'preact';
 import 'preact/hooks';
 const labelSlotStyles = {
-  base: "_8xb0so",
-  start: "gd5upu",
-  top: "_y67iqw",
-  topPureReadonly: "o5ysrl"
+  base: "_o83yjm",
+  start: "_vknh6a",
+  top: "_4gad9c",
+  topPureReadonly: "_4pbiz"
 };
 const labelInnerStyles = {
   // base is labelEdge 'top'
-  base: "_tpt7v6",
-  start: "_013j47",
-  startNotPureReadonly: "nqjksp",
+  base: "_ny328",
+  start: "i69q7i",
+  startNotPureReadonly: "snqek7",
   // TODO: Use Text Component instead of CSS
-  noWrap: "_659jf"
+  noWrap: "_4qyt96"
 };
-const valueSlotStyles = "_dbaayw";
+const valueSlotStyles = "_vn8dlf";
 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,SAAA;SAAA,~~QAAA~~;OAAA,SAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,~~SAAA~~;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,SAAA;SAAA,SAAA;OAAA,SAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,QAAA;SAAA,QAAA;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;;;;;;;"}

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.14 */
 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 @@
-.pgde3g{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);}.pgde3g:visited{color:--oj-c-link-text-color-visited;}.pgde3g:active{color:--oj-c-link-text-color-active;}.pgde3g:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-._a0gn58{--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);}
-._b7c3fd{--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);}
-.gnul7n{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}.gnul7n:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}.gnul7n:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-._dorn5u{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._dorn5u:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._dorn5u:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
+._wtv20w{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);}._wtv20w:visited{color:--oj-c-link-text-color-visited;}._wtv20w:active{color:--oj-c-link-text-color-active;}._wtv20w:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+.we1xrs{--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);}
+._fhby2o{--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);}
+._kfngpf{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._kfngpf:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._kfngpf:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+._yzfdq6{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._yzfdq6:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._yzfdq6: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.12 */
+/* @oracle/oraclejet-preact: 13.1.14 */
 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: "pgde3g",
-  primary: "_a0gn58",
-  secondary: "_b7c3fd",
-  standalone: "gnul7n",
-  embedded: "_dorn5u"
+  default: "_wtv20w",
+  primary: "we1xrs",
+  secondary: "_fhby2o",
+  standalone: "_kfngpf",
+  embedded: "_yzfdq6"
 };
 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,~~QAAA~~;WAAA,~~SAAA~~;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,SAAA;WAAA,QAAA;aAAA,SAAA;cAAA,SAAA;;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 @@
-._efzy1{height:100%;user-select:none;overflow-y:inherit;}._efzy1:focus{outline-style:none;}
-._odf0eo{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%;}
-._a64t0{position:relative;}
+.imr2fr{height:100%;user-select:none;overflow-y:inherit;}.imr2fr:focus{outline-style:none;}
+.ogwidr{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%;}
+.ac3v2l{position:relative;}
-.axczke{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;}
-._0ledgq{background-size:100% 1px;}
-.xs5ief:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._sem12{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._hg35{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);}
-._1ydcg{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
-.ws93mq{flex-grow:1;}.ws93mq:focus{outline-style:none;}
-.frgjhz{display:flex;}
-._0c5b{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+._c1nkd4{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;}
+._eig8so{background-size:100% 1px;}
+._wu6jp:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._3zdppe{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+._5gmj9i{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);}
+.qo7dt1{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
+.k2qkeu{flex-grow:1;}.k2qkeu:focus{outline-style:none;}
+._hec5b{display:flex;}
+._5q5z8x{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-.t34n3c{height:100%;overflow-x:hidden;overflow-y:hidden;}
+._l0akwv{height:100%;overflow-x:hidden;overflow-y:hidden;}