@oracle/oraclejet-preact 14.0.0 → 14.0.1

package/amd/utils/UNSAFE_mergeProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_mergeProps.js","sources":["../../../src/utils/UNSAFE_mergeProps/mergeProps.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2011 %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 */\n\n//  MIT License\n\n//  Copyright (c) 2018 Andrew Branch\n\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n\n//  The above copyright notice and this permission notice shall be included in all\n//  copies or substantial portions of the Software.\n\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n//  SOFTWARE.\n\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void\n  ? I\n  : never;\n\n/**\n * pushProps\n * @param target\n * @param key\n * @param value\n * @returns\n */\nfunction pushProp(target: Record<string, any>, key: string, value: any): void {\n  if (key === 'class') {\n    const oldClass = target['class'];\n    target['class'] = oldClass ? [oldClass, value].join(' ').trim() : value;\n  } else if (key === 'style') {\n    if (typeof value == 'object') {\n      target['style'] = { ...target['style'], ...value };\n    } else {\n      throw new Error(\n        `Unable to merge prop '${key}'. ` + `Only support 'style' objects not 'style' strings`\n      );\n    }\n  } else if (typeof value === 'function') {\n    type AnyFunc = (...args: any) => void;\n    const oldFn = target[key] as AnyFunc | undefined;\n    target[key] = oldFn\n      ? (...args: any[]) => {\n          oldFn(...args);\n          (value as AnyFunc)(...args);\n        }\n      : value;\n  } else if (\n    // skip undefined values\n    value === undefined ||\n    // skip if same\n    (typeof value !== 'object' && value === target[key])\n  ) {\n    return;\n  } else if (!(key in target)) {\n    target[key] = value;\n  } else {\n    // Currently the primary use of this utility is to merge together the spread properties returned by multiple hooks.\n    // Given that we don't want to overwrite a property that was returned from one hook with the value from another hook.\n    // Potentially it will break functionality of the hook whose value was overwritten. That is why we prefer to throw an error\n    // instead of merging the given properties. We can revisit this if we ever run into a case where our hooks\n    // produce conflicting properties.\n    throw new Error(\n      `Unable to merge prop '${key}'. ` + `Only support 'className', 'style', and event handlers`\n    );\n  }\n}\n\n/**\n * Merges allProps together:\n *  - duplicate className and class allProps concatenated\n *  - duplicate style allProps merged - note that only style objects supported at this point\n *  - duplicate functions chained\n * @param allProps Props to merge together.\n */\nexport function mergeProps<T extends { [key: string]: any }[]>(\n  ...allProps: T\n): {\n  [K in keyof UnionToIntersection<T[number]>]: K extends 'class'\n    ? string\n    : K extends 'style'\n    ? UnionToIntersection<T[number]>[K]\n    : Exclude<Extract<T[number], { [Q in K]: unknown }>[K], undefined>;\n} {\n  if (allProps.length === 1) {\n    return allProps[0] as any;\n  }\n\n  return allProps.reduce((merged, props: any) => {\n    for (const key in props) {\n      pushProp(merged, key, props[key]);\n    }\n    return merged;\n  }, {}) as any;\n}\n"],"names":["pushProp","target","key","value","oldClass","join","trim","Error","Object","assign","oldFn","args","apply","undefined","allProps","length","reduce","merged","props"],"mappings":"6CAyCA,SAASA,EAASC,EAA6BC,EAAaC,GAC1D,GAAY,UAARD,EAAiB,CACnB,MAAME,EAAWH,EAAM,MACvBA,EAAM,MAAYG,EAAW,CAACA,EAAUD,GAAOE,KAAK,KAAKC,OAASH,OAC7D,GAAY,UAARD,EAAiB,CAC1B,GAAoB,iBAATC,EAGT,MAAM,IAAII,MACR,yBAAyBL,wDAH3BD,EAAM,MAAiBO,OAAAC,OAAAD,OAAAC,OAAA,GAAAR,EAAM,OAAcE,QAMxC,GAAqB,mBAAVA,EAAsB,CAEtC,MAAMO,EAAQT,EAAOC,GACrBD,EAAOC,GAAOQ,EACV,IAAIC,KACFD,EAAKE,aAAID,GACRR,EAAiBS,aAAID,IAExBR,MACC,CAAA,QAEKU,IAAVV,GAEkB,iBAAVA,GAAsBA,IAAUF,EAAOC,GAE/C,OACK,GAAMA,KAAOD,EAQlB,MAAM,IAAIM,MACR,yBAAyBL,6DAR3BD,EAAOC,GAAOC,gBAoBF,YACXW,GAQH,OAAwB,IAApBA,EAASC,OACJD,EAAS,GAGXA,EAASE,QAAO,CAACC,EAAQC,KAC9B,IAAK,MAAMhB,KAAOgB,EAChBlB,EAASiB,EAAQf,EAAKgB,EAAMhB,IAE9B,OAAOe,IACN"}
+{"version":3,"file":"UNSAFE_mergeProps.js","sources":["../../../src/utils/UNSAFE_mergeProps/mergeProps.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2011 %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 */\n\n//  MIT License\n\n//  Copyright (c) 2018 Andrew Branch\n\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n\n//  The above copyright notice and this permission notice shall be included in all\n//  copies or substantial portions of the Software.\n\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n//  SOFTWARE.\n\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void\n  ? I\n  : never;\n\n/**\n * pushProps\n * @param target\n * @param key\n * @param value\n * @returns\n */\nfunction pushProp(target: Record<string, any>, key: string, value: any): void {\n  if (key === 'class') {\n    const oldClass = target['class'];\n    target['class'] = oldClass ? [oldClass, value].join(' ').trim() : value;\n  } else if (key === 'style') {\n    if (typeof value == 'object') {\n      target['style'] = { ...target['style'], ...value };\n    } else {\n      throw new Error(\n        `Unable to merge prop '${key}'. ` + `Only support 'style' objects not 'style' strings`\n      );\n    }\n  } else if (typeof value === 'function') {\n    type AnyFunc = (...args: any) => void;\n    const oldFn = target[key] as AnyFunc | undefined;\n    target[key] = oldFn\n      ? (...args: any[]) => {\n          oldFn(...args);\n          (value as AnyFunc)(...args);\n        }\n      : value;\n  } else if (\n    // skip undefined values\n    value === undefined ||\n    // skip if same\n    (typeof value !== 'object' && value === target[key])\n  ) {\n    return;\n  } else if (!(key in target)) {\n    target[key] = value;\n  } else {\n    // Currently the primary use of this utility is to merge together the spread properties returned by multiple hooks.\n    // Given that we don't want to overwrite a property that was returned from one hook with the value from another hook.\n    // Potentially it will break functionality of the hook whose value was overwritten. That is why we prefer to throw an error\n    // instead of merging the given properties. We can revisit this if we ever run into a case where our hooks\n    // produce conflicting properties.\n    throw new Error(\n      `Unable to merge prop '${key}'. ` + `Only support 'className', 'style', and event handlers`\n    );\n  }\n}\n\n/**\n * Merges allProps together:\n *  - duplicate className and class allProps concatenated\n *  - duplicate style allProps merged - note that only style objects supported at this point\n *  - duplicate functions chained\n * @param allProps Props to merge together.\n */\nexport function mergeProps<T extends { [key: string]: any }[]>(\n  ...allProps: T\n): {\n  [K in keyof UnionToIntersection<T[number]>]: K extends 'class'\n    ? string\n    : K extends 'style'\n    ? UnionToIntersection<T[number]>[K]\n    : Exclude<Extract<T[number], { [Q in K]: unknown }>[K], undefined>;\n} {\n  if (allProps.length === 1) {\n    return allProps[0] as any;\n  }\n\n  return allProps.reduce((merged, props: any) => {\n    for (const key in props) {\n      pushProp(merged, key, props[key]);\n    }\n    return merged;\n  }, {}) as any;\n}\n"],"names":["pushProp","target","key","value","oldClass","join","trim","Error","Object","assign","oldFn","args","apply","undefined","allProps","length","reduce","merged","props"],"mappings":"4CAyCA,SAASA,EAASC,EAA6BC,EAAaC,GAC1D,GAAY,UAARD,EAAiB,CACnB,MAAME,EAAWH,EAAM,MACvBA,EAAM,MAAYG,EAAW,CAACA,EAAUD,GAAOE,KAAK,KAAKC,OAASH,OAC7D,GAAY,UAARD,EAAiB,CAC1B,GAAoB,iBAATC,EAGT,MAAM,IAAII,MACR,yBAAyBL,wDAH3BD,EAAM,MAAiBO,OAAAC,OAAAD,OAAAC,OAAA,GAAAR,EAAM,OAAcE,QAMxC,GAAqB,mBAAVA,EAAsB,CAEtC,MAAMO,EAAQT,EAAOC,GACrBD,EAAOC,GAAOQ,EACV,IAAIC,KACFD,EAAKE,aAAID,GACRR,EAAiBS,aAAID,IAExBR,MACC,CAAA,QAEKU,IAAVV,GAEkB,iBAAVA,GAAsBA,IAAUF,EAAOC,GAE/C,OACK,GAAMA,KAAOD,EAQlB,MAAM,IAAIM,MACR,yBAAyBL,6DAR3BD,EAAOC,GAAOC,gBAoBF,YACXW,GAQH,OAAwB,IAApBA,EAASC,OACJD,EAAS,GAGXA,EAASE,OAAO,CAACC,EAAQC,KAC9B,IAAK,MAAMhB,KAAOgB,EAChBlB,EAASiB,EAAQf,EAAKgB,EAAMhB,IAE9B,OAAOe,GACN"}

package/amd/utils/UNSAFE_meterTypes.js

@@ -1,2 +1,2 @@
-define((function(){}));
+define(function(){});
 //# sourceMappingURL=UNSAFE_meterTypes.js.map

package/amd/utils/UNSAFE_roles.js

@@ -1,2 +1,2 @@
-define(["exports","./UNSAFE_arrayUtils"],(function(e,t){"use strict";const i=t.stringLiteralArray(["alertdialog","button","checkbox","dialog","gridcell","link","menuitem","menuitemcheckbox","menuitemradio","option","progressbar","radio","scrollbar","slider","spinbutton","switch","tab","tabpanel","textbox","tooltip","treeitem"]),r=t.stringLiteralArray(["checkbox","link","menuitem","menuitemcheckbox","menuitemradio","radio","switch","tab"]),a=t.stringLiteralArray(["combobox","grid","listbox","menu","menubar","radiogroup","tablist","tree","treegrid"]),n=t.stringLiteralArray(["article","columnheader","definition","directory","document","group","heading","img","list","listitem","math","note","presentation","region","row","rowheader","separator","toolbar"]),o=t.stringLiteralArray(["alert","log","marquee","status","timer"]),s=t.stringLiteralArray(["application","banner","complementary","contentinfo","form","main","navigation","search"]);Object.freeze(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r),a),n),s),o),i));e.button=r,e.compositeWidget=a,e.content=n,e.landmark=s,e.liveRegion=o,e.widget=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./UNSAFE_arrayUtils"],function(e,t){"use strict";const i=t.stringLiteralArray(["alertdialog","button","checkbox","dialog","gridcell","link","menuitem","menuitemcheckbox","menuitemradio","option","progressbar","radio","scrollbar","slider","spinbutton","switch","tab","tabpanel","textbox","tooltip","treeitem"]),r=t.stringLiteralArray(["checkbox","link","menuitem","menuitemcheckbox","menuitemradio","radio","switch","tab"]),a=t.stringLiteralArray(["combobox","grid","listbox","menu","menubar","radiogroup","tablist","tree","treegrid"]),n=t.stringLiteralArray(["article","columnheader","definition","directory","document","group","heading","img","list","listitem","math","note","presentation","region","row","rowheader","separator","toolbar"]),o=t.stringLiteralArray(["alert","log","marquee","status","timer"]),s=t.stringLiteralArray(["application","banner","complementary","contentinfo","form","main","navigation","search"]);Object.freeze(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r),a),n),s),o),i));e.button=r,e.compositeWidget=a,e.content=n,e.landmark=s,e.liveRegion=o,e.widget=i,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_roles.js.map

package/amd/utils/UNSAFE_roles.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_roles.js","sources":["../../../src/utils/UNSAFE_roles/roles.ts"],"sourcesContent":["/**\n * This file contains valid types and string literal arrays for aria roles\n * https://www.w3.org/WAI/PF/aria/roles#role_definitions_header\n */\n\nimport { stringLiteralArray } from '../UNSAFE_arrayUtils';\n\nexport type Role = typeof roles[number];\n\nexport type CompositeWidgetRole = typeof compositeWidget[number];\nexport type ContentRole = typeof content[number];\nexport type LandmarkRole = typeof landmark[number];\nexport type LiveRegionRole = typeof liveRegion[number];\nexport type WidgetRole = typeof widget[number];\n\n// Roles that act as standalone user interface components or as part of a larger composition\nconst widget = stringLiteralArray([\n  'alertdialog',\n  'button',\n  'checkbox',\n  'dialog',\n  'gridcell',\n  'link',\n  'menuitem',\n  'menuitemcheckbox',\n  'menuitemradio',\n  'option',\n  'progressbar',\n  'radio',\n  'scrollbar',\n  'slider',\n  'spinbutton',\n  'switch',\n  'tab',\n  'tabpanel',\n  'textbox',\n  'tooltip',\n  'treeitem'\n]);\n\nconst button = stringLiteralArray([\n  'checkbox',\n  'link',\n  'menuitem',\n  'menuitemcheckbox',\n  'menuitemradio',\n  'radio',\n  'switch',\n  'tab'\n]);\n\n// Roles that act as composite components. These roles typically act as containers that manage other, contained components.\nconst compositeWidget = stringLiteralArray([\n  'combobox',\n  'grid',\n  'listbox',\n  'menu',\n  'menubar',\n  'radiogroup',\n  'tablist',\n  'tree',\n  'treegrid'\n]);\n\n// Roles that describe structures that organize content. Document structures are not usually interactive.\nconst content = stringLiteralArray([\n  'article',\n  'columnheader',\n  'definition',\n  'directory',\n  'document',\n  'group',\n  'heading',\n  'img',\n  'list',\n  'listitem',\n  'math',\n  'note',\n  'presentation',\n  'region',\n  'row',\n  'rowheader',\n  'separator',\n  'toolbar'\n]);\n\nconst liveRegion = stringLiteralArray(['alert', 'log', 'marquee', 'status', 'timer']);\n\n// Roles that act as navigational landmarks - should appear only once per page\nconst landmark = stringLiteralArray([\n  'application',\n  'banner',\n  'complementary',\n  'contentinfo',\n  'form',\n  'main',\n  'navigation',\n  'search'\n]);\n\nconst roles = Object.freeze({\n  ...button,\n  ...compositeWidget,\n  ...content,\n  ...landmark,\n  ...liveRegion,\n  ...widget\n});\n\nexport { button, compositeWidget, content, landmark, liveRegion, widget };\n"],"names":["widget","stringLiteralArray","button","compositeWidget","content","liveRegion","landmark","Object","freeze","assign"],"mappings":"qEAgBM,MAAAA,EAASC,EAAAA,mBAAmB,CAChC,cACA,SACA,WACA,SACA,WACA,OACA,WACA,mBACA,gBACA,SACA,cACA,QACA,YACA,SACA,aACA,SACA,MACA,WACA,UACA,UACA,aAGIC,EAASD,EAAAA,mBAAmB,CAChC,WACA,OACA,WACA,mBACA,gBACA,QACA,SACA,QAIIE,EAAkBF,EAAAA,mBAAmB,CACzC,WACA,OACA,UACA,OACA,UACA,aACA,UACA,OACA,aAIIG,EAAUH,EAAAA,mBAAmB,CACjC,UACA,eACA,aACA,YACA,WACA,QACA,UACA,MACA,OACA,WACA,OACA,OACA,eACA,SACA,MACA,YACA,YACA,YAGII,EAAaJ,EAAkBA,mBAAC,CAAC,QAAS,MAAO,UAAW,SAAU,UAGtEK,EAAWL,EAAAA,mBAAmB,CAClC,cACA,SACA,gBACA,cACA,OACA,OACA,aACA,WAGYM,OAAOC,OAAMD,OAAAE,OAAAF,OAAAE,OAAAF,OAAAE,OAAAF,OAAAE,OAAAF,OAAAE,OAAAF,OAAAE,OAAA,GACtBP,GACAC,GACAC,GACAE,GACAD,GACAL"}
+{"version":3,"file":"UNSAFE_roles.js","sources":["../../../src/utils/UNSAFE_roles/roles.ts"],"sourcesContent":["/**\n * This file contains valid types and string literal arrays for aria roles\n * https://www.w3.org/WAI/PF/aria/roles#role_definitions_header\n */\n\nimport { stringLiteralArray } from '../UNSAFE_arrayUtils';\n\nexport type Role = typeof roles[number];\n\nexport type CompositeWidgetRole = typeof compositeWidget[number];\nexport type ContentRole = typeof content[number];\nexport type LandmarkRole = typeof landmark[number];\nexport type LiveRegionRole = typeof liveRegion[number];\nexport type WidgetRole = typeof widget[number];\n\n// Roles that act as standalone user interface components or as part of a larger composition\nconst widget = stringLiteralArray([\n  'alertdialog',\n  'button',\n  'checkbox',\n  'dialog',\n  'gridcell',\n  'link',\n  'menuitem',\n  'menuitemcheckbox',\n  'menuitemradio',\n  'option',\n  'progressbar',\n  'radio',\n  'scrollbar',\n  'slider',\n  'spinbutton',\n  'switch',\n  'tab',\n  'tabpanel',\n  'textbox',\n  'tooltip',\n  'treeitem'\n]);\n\nconst button = stringLiteralArray([\n  'checkbox',\n  'link',\n  'menuitem',\n  'menuitemcheckbox',\n  'menuitemradio',\n  'radio',\n  'switch',\n  'tab'\n]);\n\n// Roles that act as composite components. These roles typically act as containers that manage other, contained components.\nconst compositeWidget = stringLiteralArray([\n  'combobox',\n  'grid',\n  'listbox',\n  'menu',\n  'menubar',\n  'radiogroup',\n  'tablist',\n  'tree',\n  'treegrid'\n]);\n\n// Roles that describe structures that organize content. Document structures are not usually interactive.\nconst content = stringLiteralArray([\n  'article',\n  'columnheader',\n  'definition',\n  'directory',\n  'document',\n  'group',\n  'heading',\n  'img',\n  'list',\n  'listitem',\n  'math',\n  'note',\n  'presentation',\n  'region',\n  'row',\n  'rowheader',\n  'separator',\n  'toolbar'\n]);\n\nconst liveRegion = stringLiteralArray(['alert', 'log', 'marquee', 'status', 'timer']);\n\n// Roles that act as navigational landmarks - should appear only once per page\nconst landmark = stringLiteralArray([\n  'application',\n  'banner',\n  'complementary',\n  'contentinfo',\n  'form',\n  'main',\n  'navigation',\n  'search'\n]);\n\nconst roles = Object.freeze({\n  ...button,\n  ...compositeWidget,\n  ...content,\n  ...landmark,\n  ...liveRegion,\n  ...widget\n});\n\nexport { button, compositeWidget, content, landmark, liveRegion, widget };\n"],"names":["widget","stringLiteralArray","button","compositeWidget","content","liveRegion","landmark","Object","freeze","assign"],"mappings":"oEAgBM,MAAAA,EAASC,EAAAA,mBAAmB,CAChC,cACA,SACA,WACA,SACA,WACA,OACA,WACA,mBACA,gBACA,SACA,cACA,QACA,YACA,SACA,aACA,SACA,MACA,WACA,UACA,UACA,aAGIC,EAASD,EAAAA,mBAAmB,CAChC,WACA,OACA,WACA,mBACA,gBACA,QACA,SACA,QAIIE,EAAkBF,EAAAA,mBAAmB,CACzC,WACA,OACA,UACA,OACA,UACA,aACA,UACA,OACA,aAIIG,EAAUH,EAAAA,mBAAmB,CACjC,UACA,eACA,aACA,YACA,WACA,QACA,UACA,MACA,OACA,WACA,OACA,OACA,eACA,SACA,MACA,YACA,YACA,YAGII,EAAaJ,EAAkBA,mBAAC,CAAC,QAAS,MAAO,UAAW,SAAU,UAGtEK,EAAWL,EAAAA,mBAAmB,CAClC,cACA,SACA,gBACA,cACA,OACA,OACA,aACA,WAGYM,OAAOC,OAAMD,OAAAE,OAAAF,OAAAE,OAAAF,OAAAE,OAAAF,OAAAE,OAAAF,OAAAE,OAAAF,OAAAE,OAAA,GACtBP,GACAC,GACAC,GACAE,GACAD,GACAL"}

package/amd/utils/UNSAFE_selectUtils.js

@@ -1,2 +1,2 @@
-define((function(){}));
+define(function(){});
 //# sourceMappingURL=UNSAFE_selectUtils.js.map

package/amd/utils/UNSAFE_size.js

@@ -1,2 +1,2 @@
-define(["exports"],(function(e){"use strict";e.sizeToCSS=e=>0===e||(e=>0===parseFloat(e))(e)?0:(e=>e.startsWith("calc(")&&e.endsWith(")"))(e)||(e=>e.endsWith("%"))(e)?e:(e=>e.startsWith("--"))(e)?`var(${e})`:(e=>e.endsWith("x"))(e)?(e=>{const t=e.slice(0,e.length-1),s=Number(t);return isNaN(s)?0:1===s?"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)":`calc(${s} * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))`})(e):0,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports"],function(e){"use strict";e.sizeToCSS=e=>0===e||(e=>0===parseFloat(e))(e)?0:(e=>e.startsWith("calc(")&&e.endsWith(")"))(e)||(e=>e.endsWith("%"))(e)?e:(e=>e.startsWith("--"))(e)?`var(${e})`:(e=>e.endsWith("x"))(e)?(e=>{const t=e.slice(0,e.length-1),s=Number(t);return isNaN(s)?0:1===s?"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)":`calc(${s} * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))`})(e):0,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_size.js.map

package/amd/utils/UNSAFE_size.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_size.js","sources":["../../../src/utils/UNSAFE_size/size.ts"],"sourcesContent":["// The Size type is used for gap and dimensions (e.g., width/height) and padding and similar\n// properties. Using the size function below we transform the property of this type into\n// something that is usable in a css style property.\n// `${number}x` gives an error for '25px' which is what we want.\nexport type Size = 0 | `--${string}` | `${number}%` | `${number}x` | `calc(${string})`;\n\nconst isStringZero = (v: string) => parseFloat(v) === 0;\nconst isPercent = (v: string) => v.endsWith('%');\nconst isCalcExpression = (v: string) => v.startsWith('calc(') && v.endsWith(')');\nconst isCssVar = (v: string) => v.startsWith('--');\nconst isXUnit = (v: string) => v.endsWith('x');\n\n/**\n * This transforms a number + 'x' to a css calc.\n * E.g., if v is '1.2x' this method returns `calc(1.2 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))`\n * @param {string } v - a value to transform\n * @returns {string | 0}\n */\nconst xToCSS = (v: string) => {\n  // parse out the 'x'\n  const nStr = v.slice(0, v.length - 1);\n  // nStr should now only contain characters that could be part of a floating number.\n  // I don't want a string with random characters in it to be ignored as it would with\n  // parseFloat, so I'm using Number here. parseFloat('1.2p') -> 1.2. whereas\n  // Number('1.2p') returns NaN.\n  const num = Number(nStr);\n  if (isNaN(num)) return 0;\n\n  // Note: 1x is equal to about 4px\n  return num === 1\n    ? `var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)`\n    : `calc(${num} * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))`;\n};\n\n/**\n * Given a value that is of type Size, transform the value into\n * something that is usable in a css style property.\n * @param {string | 0 } v - a value to transform\n * @returns {string | 0}\n */\nexport const sizeToCSS = (v: Size) => {\n  return v === 0 || isStringZero(v) // We want 0, '0%' and '0x' to return 0\n    ? 0\n    : isCalcExpression(v) || isPercent(v)\n    ? v\n    : isCssVar(v)\n    ? `var(${v})`\n    : isXUnit(v)\n    ? xToCSS(v)\n    : 0; // return 0 for any invalid v.\n};\n"],"names":["v","parseFloat","isStringZero","startsWith","endsWith","isCalcExpression","isPercent","isCssVar","isXUnit","nStr","slice","length","num","Number","isNaN","xToCSS"],"mappings":"yDAwC0BA,GACX,IAANA,GAnCaA,CAAAA,GAAgC,IAAlBC,WAAWD,GAmC3BE,CAAaF,GAC3B,EAlCoBA,CAAAA,GAAcA,EAAEG,WAAW,UAAYH,EAAEI,SAAS,KAmCtEC,CAAiBL,IApCJA,CAAAA,GAAcA,EAAEI,SAAS,KAoCfE,CAAUN,GACjCA,EAnCYA,CAAAA,GAAcA,EAAEG,WAAW,MAoCvCI,CAASP,GACF,OAAAA,KApCIA,CAAAA,GAAcA,EAAEI,SAAS,KAqCpCI,CAAQR,GA7BEA,CAAAA,IAEd,MAAMS,EAAOT,EAAEU,MAAM,EAAGV,EAAEW,OAAS,GAK7BC,EAAMC,OAAOJ,GACnB,OAAIK,MAAMF,GAAa,EAGR,IAARA,EAC6C,iDAChD,QAAQA,uDAiBRG,CAAOf,GACP"}
+{"version":3,"file":"UNSAFE_size.js","sources":["../../../src/utils/UNSAFE_size/size.ts"],"sourcesContent":["// The Size type is used for gap and dimensions (e.g., width/height) and padding and similar\n// properties. Using the size function below we transform the property of this type into\n// something that is usable in a css style property.\n// `${number}x` gives an error for '25px' which is what we want.\nexport type Size = 0 | `--${string}` | `${number}%` | `${number}x` | `calc(${string})`;\n\nconst isStringZero = (v: string) => parseFloat(v) === 0;\nconst isPercent = (v: string) => v.endsWith('%');\nconst isCalcExpression = (v: string) => v.startsWith('calc(') && v.endsWith(')');\nconst isCssVar = (v: string) => v.startsWith('--');\nconst isXUnit = (v: string) => v.endsWith('x');\n\n/**\n * This transforms a number + 'x' to a css calc.\n * E.g., if v is '1.2x' this method returns `calc(1.2 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))`\n * @param {string } v - a value to transform\n * @returns {string | 0}\n */\nconst xToCSS = (v: string) => {\n  // parse out the 'x'\n  const nStr = v.slice(0, v.length - 1);\n  // nStr should now only contain characters that could be part of a floating number.\n  // I don't want a string with random characters in it to be ignored as it would with\n  // parseFloat, so I'm using Number here. parseFloat('1.2p') -> 1.2. whereas\n  // Number('1.2p') returns NaN.\n  const num = Number(nStr);\n  if (isNaN(num)) return 0;\n\n  // Note: 1x is equal to about 4px\n  return num === 1\n    ? `var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)`\n    : `calc(${num} * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))`;\n};\n\n/**\n * Given a value that is of type Size, transform the value into\n * something that is usable in a css style property.\n * @param {string | 0 } v - a value to transform\n * @returns {string | 0}\n */\nexport const sizeToCSS = (v: Size) => {\n  return v === 0 || isStringZero(v) // We want 0, '0%' and '0x' to return 0\n    ? 0\n    : isCalcExpression(v) || isPercent(v)\n    ? v\n    : isCssVar(v)\n    ? `var(${v})`\n    : isXUnit(v)\n    ? xToCSS(v)\n    : 0; // return 0 for any invalid v.\n};\n"],"names":["v","parseFloat","isStringZero","startsWith","endsWith","isCalcExpression","isPercent","isCssVar","isXUnit","nStr","slice","length","num","Number","isNaN","xToCSS"],"mappings":"wDAwC0BA,GACX,IAANA,GAnCaA,CAAAA,GAAgC,IAAlBC,WAAWD,GAmC3BE,CAAaF,GAC3B,EAlCoBA,CAAAA,GAAcA,EAAEG,WAAW,UAAYH,EAAEI,SAAS,KAmCtEC,CAAiBL,IApCJA,CAAAA,GAAcA,EAAEI,SAAS,KAoCfE,CAAUN,GACjCA,EAnCYA,CAAAA,GAAcA,EAAEG,WAAW,MAoCvCI,CAASP,GACF,OAAAA,KApCIA,CAAAA,GAAcA,EAAEI,SAAS,KAqCpCI,CAAQR,GA7BEA,CAAAA,IAEd,MAAMS,EAAOT,EAAEU,MAAM,EAAGV,EAAEW,OAAS,GAK7BC,EAAMC,OAAOJ,GACnB,OAAIK,MAAMF,GAAa,EAGR,IAARA,EAC6C,iDAChD,QAAQA,uDAiBRG,CAAOf,GACP"}

package/amd/utils/UNSAFE_soundUtils.js

@@ -1,2 +1,2 @@
-define(["exports"],(function(e){"use strict";let t;function o(){if(t)return t;if(null===t)throw new Error("Browser does not support WebAudio API");try{t=new(window.AudioContext||window.webkitAudioContext)}catch(e){throw t=null,new Error("Browser does not support WebAudio API")}return t}e.playAudioFromURL=function(e){let t,o;const r=new Promise(((e,r)=>{t=e,o=r})),n=document.createElement("audio");return n.src=e,n.addEventListener("error",o),(n.play()||Promise.resolve()).then(t,o).catch(o),r},e.playDefaultNotificationSound=function(){const e=o(),t=e.createOscillator();t.connect(e.destination),t.start(0),t.stop(e.currentTime+.1)},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports"],function(e){"use strict";let t;function o(){if(t)return t;if(null===t)throw new Error("Browser does not support WebAudio API");try{t=new(window.AudioContext||window.webkitAudioContext)}catch(e){throw t=null,new Error("Browser does not support WebAudio API")}return t}e.playAudioFromURL=function(e){let t,o;const r=new Promise((e,r)=>{t=e,o=r}),n=document.createElement("audio");return n.src=e,n.addEventListener("error",o),(n.play()||Promise.resolve()).then(t,o).catch(o),r},e.playDefaultNotificationSound=function(){const e=o(),t=e.createOscillator();t.connect(e.destination),t.start(0),t.stop(e.currentTime+.1)},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_soundUtils.js.map

package/amd/utils/UNSAFE_soundUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_soundUtils.js","sources":["../../../src/utils/UNSAFE_soundUtils/soundUtils.ts"],"sourcesContent":["/**\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\nlet audioContext: AudioContext | undefined | null = undefined;\n\n/**\n * Creates a new audioContext or reuses the existing audioContext.\n *\n * @returns The audioContext instance\n * @throws {Error} Throws an error if WebAudio is not supported\n */\nfunction getAudioContext() {\n  // If we have already created an instance, then return the stored instance\n  if (audioContext) {\n    return audioContext;\n  }\n\n  // If we have the stored instance as null (not undefined, which represents we have not tried\n  // creating an instance of AudioContext yet), then WebAudio is not supported. Then throw an error\n  if (audioContext === null) {\n    throw new Error('Browser does not support WebAudio API');\n  }\n\n  // AudioContext is not created yet, try creating one.\n  try {\n    audioContext = new (window.AudioContext || (window as any).webkitAudioContext)();\n  } catch (e) {\n    // WebAudio is not supported, store the value as null and throw an error\n    audioContext = null;\n    throw new Error('Browser does not support WebAudio API');\n  }\n\n  // Return the successfully created audioContext\n  return audioContext;\n}\n\n/**\n * Plays an audio using the URL specified.\n *\n * @param url The URL of the audio file\n * @returns A promise that resolves when the audio is play or rejects if there are any issues\n */\nexport function playAudioFromURL(url: string) {\n  let resolve;\n  let reject;\n  const returnPromise = new Promise<void | Error>((_resolve, _reject) => {\n    resolve = _resolve;\n    reject = _reject;\n  });\n  // Using an <audio> element is simple for our use case.\n  const audioElement = document.createElement('audio');\n  audioElement.src = url;\n\n  // Attach a listener for Invalid URL\n  audioElement.addEventListener('error', reject as any);\n\n  // Play the audio\n  // Some older browsers will not return a Promise, like IE. Though we do not have to support them\n  // it is safe to handle to it.\n  (audioElement.play() || Promise.resolve()).then(resolve, reject).catch(reject);\n\n  return returnPromise;\n}\n\n/**\n * Plays a notification sound using WebAudio API\n *\n * @throws {Error} Throws an error if WebAudio is not supported\n */\nexport function playDefaultNotificationSound() {\n  const audioContext = getAudioContext();\n  // Now that we know WebAudio API is supported, play a beep sound\n  // We will be using the default gain node, so simply creating an\n  // oscillator node should suffice.\n  const oscillatorNode = audioContext.createOscillator();\n\n  // For simple beep, we will be using the default values in the oscillator.\n  // sine wave, with frequency 440Hz.\n  // Connect the oscillatorNode to the default destination and play the sound\n  // for 100ms\n  oscillatorNode.connect(audioContext.destination);\n  oscillatorNode.start(0);\n  oscillatorNode.stop(audioContext.currentTime + 0.1); // 0.1 = 100ms\n}\n"],"names":["audioContext","getAudioContext","Error","window","AudioContext","webkitAudioContext","e","url","resolve","reject","returnPromise","Promise","_resolve","_reject","audioElement","document","createElement","src","addEventListener","play","then","catch","oscillatorNode","createOscillator","connect","destination","start","stop","currentTime"],"mappings":"6CAQA,IAAIA,EAQJ,SAASC,IAEP,GAAID,EACF,OAAOA,EAKT,GAAqB,OAAjBA,EACF,MAAM,IAAIE,MAAM,yCAIlB,IACEF,EAAe,IAAKG,OAAOC,cAAiBD,OAAeE,oBAC3D,MAAOC,GAGP,MADAN,EAAe,KACT,IAAIE,MAAM,yCAIlB,OAAOF,qBASH,SAA2BO,GAC/B,IAAIC,EACAC,EACJ,MAAMC,EAAgB,IAAIC,SAAsB,CAACC,EAAUC,KACzDL,EAAUI,EACVH,EAASI,KAGLC,EAAeC,SAASC,cAAc,SAW5C,OAVAF,EAAaG,IAAMV,EAGnBO,EAAaI,iBAAiB,QAAST,IAKtCK,EAAaK,QAAUR,QAAQH,WAAWY,KAAKZ,EAASC,GAAQY,MAAMZ,GAEhEC,6CASP,MAAMV,EAAeC,IAIfqB,EAAiBtB,EAAauB,mBAMpCD,EAAeE,QAAQxB,EAAayB,aACpCH,EAAeI,MAAM,GACrBJ,EAAeK,KAAK3B,EAAa4B,YAAc"}
+{"version":3,"file":"UNSAFE_soundUtils.js","sources":["../../../src/utils/UNSAFE_soundUtils/soundUtils.ts"],"sourcesContent":["/**\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\nlet audioContext: AudioContext | undefined | null = undefined;\n\n/**\n * Creates a new audioContext or reuses the existing audioContext.\n *\n * @returns The audioContext instance\n * @throws {Error} Throws an error if WebAudio is not supported\n */\nfunction getAudioContext() {\n  // If we have already created an instance, then return the stored instance\n  if (audioContext) {\n    return audioContext;\n  }\n\n  // If we have the stored instance as null (not undefined, which represents we have not tried\n  // creating an instance of AudioContext yet), then WebAudio is not supported. Then throw an error\n  if (audioContext === null) {\n    throw new Error('Browser does not support WebAudio API');\n  }\n\n  // AudioContext is not created yet, try creating one.\n  try {\n    audioContext = new (window.AudioContext || (window as any).webkitAudioContext)();\n  } catch (e) {\n    // WebAudio is not supported, store the value as null and throw an error\n    audioContext = null;\n    throw new Error('Browser does not support WebAudio API');\n  }\n\n  // Return the successfully created audioContext\n  return audioContext;\n}\n\n/**\n * Plays an audio using the URL specified.\n *\n * @param url The URL of the audio file\n * @returns A promise that resolves when the audio is play or rejects if there are any issues\n */\nexport function playAudioFromURL(url: string) {\n  let resolve;\n  let reject;\n  const returnPromise = new Promise<void | Error>((_resolve, _reject) => {\n    resolve = _resolve;\n    reject = _reject;\n  });\n  // Using an <audio> element is simple for our use case.\n  const audioElement = document.createElement('audio');\n  audioElement.src = url;\n\n  // Attach a listener for Invalid URL\n  audioElement.addEventListener('error', reject as any);\n\n  // Play the audio\n  // Some older browsers will not return a Promise, like IE. Though we do not have to support them\n  // it is safe to handle to it.\n  (audioElement.play() || Promise.resolve()).then(resolve, reject).catch(reject);\n\n  return returnPromise;\n}\n\n/**\n * Plays a notification sound using WebAudio API\n *\n * @throws {Error} Throws an error if WebAudio is not supported\n */\nexport function playDefaultNotificationSound() {\n  const audioContext = getAudioContext();\n  // Now that we know WebAudio API is supported, play a beep sound\n  // We will be using the default gain node, so simply creating an\n  // oscillator node should suffice.\n  const oscillatorNode = audioContext.createOscillator();\n\n  // For simple beep, we will be using the default values in the oscillator.\n  // sine wave, with frequency 440Hz.\n  // Connect the oscillatorNode to the default destination and play the sound\n  // for 100ms\n  oscillatorNode.connect(audioContext.destination);\n  oscillatorNode.start(0);\n  oscillatorNode.stop(audioContext.currentTime + 0.1); // 0.1 = 100ms\n}\n"],"names":["audioContext","getAudioContext","Error","window","AudioContext","webkitAudioContext","e","url","resolve","reject","returnPromise","Promise","_resolve","_reject","audioElement","document","createElement","src","addEventListener","play","then","catch","oscillatorNode","createOscillator","connect","destination","start","stop","currentTime"],"mappings":"4CAQA,IAAIA,EAQJ,SAASC,IAEP,GAAID,EACF,OAAOA,EAKT,GAAqB,OAAjBA,EACF,MAAM,IAAIE,MAAM,yCAIlB,IACEF,EAAe,IAAKG,OAAOC,cAAiBD,OAAeE,oBAC3D,MAAOC,GAGP,MADAN,EAAe,KACT,IAAIE,MAAM,yCAIlB,OAAOF,qBASH,SAA2BO,GAC/B,IAAIC,EACAC,EACJ,MAAMC,EAAgB,IAAIC,QAAsB,CAACC,EAAUC,KACzDL,EAAUI,EACVH,EAASI,IAGLC,EAAeC,SAASC,cAAc,SAW5C,OAVAF,EAAaG,IAAMV,EAGnBO,EAAaI,iBAAiB,QAAST,IAKtCK,EAAaK,QAAUR,QAAQH,WAAWY,KAAKZ,EAASC,GAAQY,MAAMZ,GAEhEC,6CASP,MAAMV,EAAeC,IAIfqB,EAAiBtB,EAAauB,mBAMpCD,EAAeE,QAAQxB,EAAayB,aACpCH,EAAeI,MAAM,GACrBJ,EAAeK,KAAK3B,EAAa4B,YAAc"}

package/amd/utils/UNSAFE_stringUtils.js

@@ -1,2 +1,2 @@
-define(["exports","../stringUtils-48915fb5"],(function(i,e){"use strict";i.hashCode=e.hashCode,i.isEmpty=e.isEmpty,i.isEmptyOrUndefined=e.isEmptyOrUndefined,i.isString=e.isString,i.trim=e.trim,Object.defineProperty(i,"__esModule",{value:!0})}));
+define(["exports","../stringUtils-7012261b"],function(i,e){"use strict";i.hashCode=e.hashCode,i.isEmpty=e.isEmpty,i.isEmptyOrUndefined=e.isEmptyOrUndefined,i.isString=e.isString,i.trim=e.trim,Object.defineProperty(i,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_stringUtils.js.map

package/amd/utils/UNSAFE_typeUtils.js

@@ -1,2 +1,2 @@
-define((function(){}));
+define(function(){});
 //# sourceMappingURL=UNSAFE_typeUtils.js.map

package/amd/utils/UNSAFE_units.js

@@ -1,2 +1,2 @@
-define(["exports","./UNSAFE_arrayUtils","./UNSAFE_stringUtils","../stringUtils-48915fb5"],(function(t,e,r,s){"use strict";const i=(n=Number,t=>null!=t&&t.constructor===n||t instanceof n);var n;const a=t=>0===t||"0"===t,o=e.stringLiteralArray(["px","%","em","rem","vh","vw"]),l=new RegExp(`(${o.join("|")})$`),c=t=>s.isString(t)&&l.test(t),u=(N="px",t=>a(t)||c(t)||!(t=>!isNaN(parseFloat(t))&&!isNaN(t-0))(t)?t:t+N);var N;t.hasUnit=c,t.isNumber=i,t.isZero=a,t.px=u,Object.defineProperty(t,"__esModule",{value:!0})}));
+define(["exports","./UNSAFE_arrayUtils","./UNSAFE_stringUtils","../stringUtils-7012261b"],function(t,e,r,s){"use strict";const i=(n=Number,t=>null!=t&&t.constructor===n||t instanceof n);var n;const a=t=>0===t||"0"===t,o=e.stringLiteralArray(["px","%","em","rem","vh","vw"]),l=new RegExp(`(${o.join("|")})$`),c=t=>s.isString(t)&&l.test(t),u=(N="px",t=>a(t)||c(t)||!(t=>!isNaN(parseFloat(t))&&!isNaN(t-0))(t)?t:t+N);var N;t.hasUnit=c,t.isNumber=i,t.isZero=a,t.px=u,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_units.js.map

package/amd/utils/UNSAFE_units.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_units.js","sources":["../../../src/utils/UNSAFE_units/units.ts"],"sourcesContent":["import { stringLiteralArray } from '../UNSAFE_arrayUtils';\nimport { isString } from '../UNSAFE_stringUtils';\n\nconst is = (Ctor: any) => (val: any) =>\n  (val != null && val.constructor === Ctor) || val instanceof Ctor;\n\nconst isNumber = is(Number);\nconst isNumeral = (n: any) => !isNaN(parseFloat(n)) && !isNaN(n - 0);\nconst isZero = (n: any) => n === 0 || n === '0';\n\nconst units = stringLiteralArray(['px', '%', 'em', 'rem', 'vh', 'vw']);\nconst endsWithUnitRegExp = new RegExp(`(${units.join('|')})$`);\n\ntype Unit = typeof units[number];\n\nconst hasUnit = (val: any) => isString(val) && endsWithUnitRegExp.test(val);\nconst toUnit = (unit: Unit) => (n: string | number) =>\n  isZero(n) || hasUnit(n) || !isNumeral(n) ? n : n + unit;\n\nconst px = toUnit('px');\n\nexport { isNumber, isZero, hasUnit, px };\n"],"names":["isNumber","Ctor","Number","val","constructor","isZero","n","units","stringLiteralArray","endsWithUnitRegExp","RegExp","join","hasUnit","isString","test","px","unit","isNaN","parseFloat","isNumeral"],"mappings":"0HAGA,MAGMA,GAHMC,EAGQC,OAHOC,GACjB,MAAPA,GAAeA,EAAIC,cAAgBH,GAASE,aAAeF,GADlDA,IAAAA,EAIZ,MACMI,EAAUC,GAAiB,IAANA,GAAiB,MAANA,EAEhCC,EAAQC,EAAAA,mBAAmB,CAAC,KAAM,IAAK,KAAM,MAAO,KAAM,OAC1DC,EAAqB,IAAIC,OAAW,IAAAH,EAAMI,KAAK,UAI/CC,EAAWT,GAAaU,EAAQA,SAACV,IAAQM,EAAmBK,KAAKX,GAIjEY,GAHUC,EAGE,KAHcV,GAC9BD,EAAOC,IAAMM,EAAQN,KAVJA,CAAAA,IAAYW,MAAMC,WAAWZ,MAAQW,MAAMX,EAAI,GAUpCa,CAAUb,GAAKA,EAAIA,EAAIU,GADrCA,IAAAA"}
+{"version":3,"file":"UNSAFE_units.js","sources":["../../../src/utils/UNSAFE_units/units.ts"],"sourcesContent":["import { stringLiteralArray } from '../UNSAFE_arrayUtils';\nimport { isString } from '../UNSAFE_stringUtils';\n\nconst is = (Ctor: any) => (val: any) =>\n  (val != null && val.constructor === Ctor) || val instanceof Ctor;\n\nconst isNumber = is(Number);\nconst isNumeral = (n: any) => !isNaN(parseFloat(n)) && !isNaN(n - 0);\nconst isZero = (n: any) => n === 0 || n === '0';\n\nconst units = stringLiteralArray(['px', '%', 'em', 'rem', 'vh', 'vw']);\nconst endsWithUnitRegExp = new RegExp(`(${units.join('|')})$`);\n\ntype Unit = typeof units[number];\n\nconst hasUnit = (val: any) => isString(val) && endsWithUnitRegExp.test(val);\nconst toUnit = (unit: Unit) => (n: string | number) =>\n  isZero(n) || hasUnit(n) || !isNumeral(n) ? n : n + unit;\n\nconst px = toUnit('px');\n\nexport { isNumber, isZero, hasUnit, px };\n"],"names":["isNumber","Ctor","Number","val","constructor","isZero","n","units","stringLiteralArray","endsWithUnitRegExp","RegExp","join","hasUnit","isString","test","px","unit","isNaN","parseFloat","isNumeral"],"mappings":"yHAGA,MAGMA,GAHMC,EAGQC,OAHOC,GACjB,MAAPA,GAAeA,EAAIC,cAAgBH,GAASE,aAAeF,GADlDA,IAAAA,EAIZ,MACMI,EAAUC,GAAiB,IAANA,GAAiB,MAANA,EAEhCC,EAAQC,EAAAA,mBAAmB,CAAC,KAAM,IAAK,KAAM,MAAO,KAAM,OAC1DC,EAAqB,IAAIC,OAAW,IAAAH,EAAMI,KAAK,UAI/CC,EAAWT,GAAaU,EAAQA,SAACV,IAAQM,EAAmBK,KAAKX,GAIjEY,GAHUC,EAGE,KAHcV,GAC9BD,EAAOC,IAAMM,EAAQN,KAVJA,CAAAA,IAAYW,MAAMC,WAAWZ,MAAQW,MAAMX,EAAI,GAUpCa,CAAUb,GAAKA,EAAIA,EAAIU,GADrCA,IAAAA"}

package/amd/utils/UNSAFE_valueUpdateDetail.js

@@ -1,2 +1,2 @@
-define((function(){}));
+define(function(){});
 //# sourceMappingURL=UNSAFE_valueUpdateDetail.js.map

package/cjs/{Badge-f8614033.js → Badge-e998d1d2.js}

@@ -1,28 +1,28 @@
-/* @oracle/oraclejet-preact: 14.0.0 */
+/* @oracle/oraclejet-preact: 14.0.1 */
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
 require('./utils/UNSAFE_classNames.js');
 
-var classNames = require('./classNames-825d80d7.js');
+var classNames = require('./classNames-2b913ab9.js');
 
 const styles = {
-  base: "ffnbh8",
+  base: "_2s9206",
   //right-aligned with the right edge of another component for ltr direction
   //left-aligned for rtl direction pending by
   //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl
-  end: "pgzmm3",
-  neutral: "_154aixu",
-  danger: "cq4fw2",
-  warning: "_1u3zffk",
-  success: "_1ree5pw",
-  info: "xm6a39",
-  neutralSubtle: "_1s7saoo",
-  dangerSubtle: "_1ht9wzy",
-  warningSubtle: "_1m1g3eg",
-  successSubtle: "_1g331bp",
-  infoSubtle: "qgeytz",
-  childrenMargins: "_8tey1f"
+  end: "dmdpwx",
+  neutral: "u7xig",
+  danger: "_1j23bvc",
+  warning: "_1i8sc26",
+  success: "_185s27z",
+  info: "s6ilkm",
+  neutralSubtle: "_838pxo",
+  dangerSubtle: "h0b26k",
+  warningSubtle: "_177rqp",
+  successSubtle: "au8y5c",
+  infoSubtle: "_1hkqmmb",
+  childrenMargins: "_1eogzcl"
 };
 function Badge({
   variant = 'neutral',
@@ -40,4 +40,4 @@ function Badge({
 
 exports.Badge = Badge;
 /*  */
-//# sourceMappingURL=Badge-f8614033.js.map
+//# sourceMappingURL=Badge-e998d1d2.js.map

package/cjs/{Badge-f8614033.js.map → Badge-e998d1d2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Badge-f8614033.js","sources":["../../src/UNSAFE_Badge/Badge.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nexport type Props = {\n  /**\n   * Sets the variant for the badge. Badge can be subtle or solid with different colors.\n   */\n  variant?:\n    | 'neutral'\n    | 'neutralSubtle'\n    | 'danger'\n    | 'dangerSubtle'\n    | 'success'\n    | 'successSubtle'\n    | 'warning'\n    | 'warningSubtle'\n    | 'info'\n    | 'infoSubtle';\n  /**\n   * Specifies the size of the badge. Consists of two options: Medium and small.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * Specifies the edge of the badge. Badges can be attached to the end edge of another component. They lose their default corner rounding on right side for ltr direction or left side for rtl direction.\n   */\n  edge?: 'none' | 'end';\n  /**\n   * Specifies the string that will be rendered in the badge.\n   */\n  children: string;\n};\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color)',\n    display: 'inline-block',\n    paddingTop: '0',\n    paddingBottom: '0',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    boxSizing: 'border-box',\n    borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight)',\n    fontStretch: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    textAlign: 'center',\n    verticalAlign: 'middle'\n  }}`,\n\n  //right-aligned with the right edge of another component for ltr direction\n  //left-aligned for rtl direction pending by\n  //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl\n  end: cssProps`${{\n    borderTopRightRadius: '0',\n    borderBottomRightRadius: '0'\n  }}`,\n\n  neutral: cssProps`${{\n    /* solid neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast)'\n  }}`,\n  danger: cssProps`${{\n    /* solid danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast)'\n  }}`,\n  warning: cssProps`${{\n    /* solid warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast)'\n  }}`,\n  success: cssProps`${{\n    /* solid success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast)'\n  }}`,\n  info: cssProps`${{\n    /* solid info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n  }}`,\n\n  neutralSubtle: cssProps`${{\n    /* subtle neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast)'\n  }}`,\n  dangerSubtle: cssProps`${{\n    /* subtle danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast)'\n  }}`,\n  warningSubtle: cssProps`${{\n    /* subtle warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast)'\n  }}`,\n  successSubtle: cssProps`${{\n    /* subtle success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast)'\n  }}`,\n  infoSubtle: cssProps`${{\n    /* subtle info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast)'\n  }}`,\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport function Badge({ variant = 'neutral', size = 'md', edge = 'none', children }: Props) {\n  const textClasses = classNames([\n    styles.base,\n    size === 'sm' && 'oj-badge-sm',\n    edge === 'end' && styles.end,\n    styles[variant],\n    styles.childrenMargins\n  ]);\n  return <span class={textClasses}>{children}</span>;\n}\n"],"names":["styles","Badge","variant","size","edge","children","base","end","childrenMargins","_jsx","Object","assign","class","textClasses"],"mappings":";;;;;;;;AAuCA,MAAAA,MAAA,GAAA;QAAA,QAAA;;;;OAAA,QAAA;WAAA,UAAA;UAAA,QAAA;WAAA,UAAA;WAAA,UAAA;QAAA,QAAA;iBAAA,UAAA;gBAAA,UAAA;iBAAA,UAAA;iBAAA,UAAA;cAAA,QAAA;;AAAA,CAAA,CAAA;AAkHA,SAAAC,KAAA,CAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,IAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;6CAEIL,MAAA,CAAAM,sCAEAF,IAAA,KAAA,KAAA,IAAAJ,MAAA,CAAAO,sBAEAP,MAAA,CAAAQ;AAEF,EAAA,OAAAC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,WAAAA;AAAA,GAAA,EAAA;AAAAR,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}
+{"version":3,"file":"Badge-e998d1d2.js","sources":["../../src/UNSAFE_Badge/Badge.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nexport type Props = {\n  /**\n   * Sets the variant for the badge. Badge can be subtle or solid with different colors.\n   */\n  variant?:\n    | 'neutral'\n    | 'neutralSubtle'\n    | 'danger'\n    | 'dangerSubtle'\n    | 'success'\n    | 'successSubtle'\n    | 'warning'\n    | 'warningSubtle'\n    | 'info'\n    | 'infoSubtle';\n  /**\n   * Specifies the size of the badge. Consists of two options: Medium and small.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * Specifies the edge of the badge. Badges can be attached to the end edge of another component. They lose their default corner rounding on right side for ltr direction or left side for rtl direction.\n   */\n  edge?: 'none' | 'end';\n  /**\n   * Specifies the string that will be rendered in the badge.\n   */\n  children: string;\n};\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color)',\n    display: 'inline-block',\n    paddingTop: '0',\n    paddingBottom: '0',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    boxSizing: 'border-box',\n    borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight)',\n    fontStretch: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    textAlign: 'center',\n    verticalAlign: 'middle'\n  }}`,\n\n  //right-aligned with the right edge of another component for ltr direction\n  //left-aligned for rtl direction pending by\n  //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl\n  end: cssProps`${{\n    borderTopRightRadius: '0',\n    borderBottomRightRadius: '0'\n  }}`,\n\n  neutral: cssProps`${{\n    /* solid neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast)'\n  }}`,\n  danger: cssProps`${{\n    /* solid danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast)'\n  }}`,\n  warning: cssProps`${{\n    /* solid warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast)'\n  }}`,\n  success: cssProps`${{\n    /* solid success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast)'\n  }}`,\n  info: cssProps`${{\n    /* solid info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n  }}`,\n\n  neutralSubtle: cssProps`${{\n    /* subtle neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast)'\n  }}`,\n  dangerSubtle: cssProps`${{\n    /* subtle danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast)'\n  }}`,\n  warningSubtle: cssProps`${{\n    /* subtle warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast)'\n  }}`,\n  successSubtle: cssProps`${{\n    /* subtle success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast)'\n  }}`,\n  infoSubtle: cssProps`${{\n    /* subtle info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast)'\n  }}`,\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport function Badge({ variant = 'neutral', size = 'md', edge = 'none', children }: Props) {\n  const textClasses = classNames([\n    styles.base,\n    size === 'sm' && 'oj-badge-sm',\n    edge === 'end' && styles.end,\n    styles[variant],\n    styles.childrenMargins\n  ]);\n  return <span class={textClasses}>{children}</span>;\n}\n"],"names":["styles","Badge","variant","size","edge","children","base","end","childrenMargins","_jsx","Object","assign","class","textClasses"],"mappings":";;;;;;;;AAuCA,MAAAA,MAAA,GAAA;QAAA,SAAA;;;;OAAA,QAAA;WAAA,OAAA;UAAA,UAAA;WAAA,UAAA;WAAA,UAAA;QAAA,QAAA;iBAAA,SAAA;gBAAA,QAAA;iBAAA,SAAA;iBAAA,QAAA;cAAA,UAAA;;AAAA,CAAA,CAAA;AAkHA,SAAAC,KAAA,CAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,IAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;6CAEIL,MAAA,CAAAM,sCAEAF,IAAA,KAAA,KAAA,IAAAJ,MAAA,CAAAO,sBAEAP,MAAA,CAAAQ;AAEF,EAAA,OAAAC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,WAAAA;AAAA,GAAA,EAAA;AAAAR,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}

package/cjs/{BaseButton-82e1ea19.js → BaseButton-d75c8530.js}

@@ -1,7 +1,7 @@
-/* @oracle/oraclejet-preact: 14.0.0 */
+/* @oracle/oraclejet-preact: 14.0.1 */
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d7adde1f.js');
+var tslib_es6 = require('./tslib.es6-3b91e53b.js');
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
 var hooks_UNSAFE_useHover = require('./hooks/UNSAFE_useHover.js');
@@ -14,8 +14,8 @@ var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolatio
 require('./utils/PRIVATE_clientHints.js');
 var hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
 var utils_UNSAFE_mergeProps = require('./utils/UNSAFE_mergeProps.js');
-var clientHints$1 = require('./clientHints-78b0e917.js');
-var classNames = require('./classNames-825d80d7.js');
+var clientHints$1 = require('./clientHints-45fec248.js');
+var classNames = require('./classNames-2b913ab9.js');
 
 const NullFunction = () => null;
 
@@ -30,22 +30,22 @@ const hoverStyles = {
   color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover)'
 };
 const compStyles = {
-  base: "njigfk",
-  hover: "m7hqrf",
-  active: "_46ejrk",
-  pseudohover: "_1deojtv",
-  pseudohoverSpan: "_19jqklf",
-  unstyled: "_1ev4b7a",
-  min: "_191sf7e",
-  fill: "_12nf9hi",
-  container: "_1aiik4e",
-  embedded: "sq68qh",
-  noBorderRadiusStart: "x7uu17",
-  noBorderRadiusEnd: "br1zs8",
-  disabled: "_70jzi6",
-  bottom: "_1bsq7np"
+  base: "w4qzfq",
+  hover: "_8h3o15",
+  active: "_547gkr",
+  pseudohover: "tr5lbf",
+  pseudohoverSpan: "_1of7frt",
+  unstyled: "_1yfngjf",
+  min: "_1b3cofk",
+  fill: "ftc316",
+  container: "r8ehft",
+  embedded: "_1x8st0x",
+  noBorderRadiusStart: "_2omohb",
+  noBorderRadiusEnd: "uy8ay0",
+  disabled: "_16ih3pw",
+  bottom: "ibz62t"
 };
-const childrenStyles = "b1mf7q";
+const childrenStyles = "_24u46d";
 const interpolations = [...Object.values(utils_UNSAFE_interpolations_dimensions.dimensionInterpolations)];
 const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
 const clientHints = clientHints$1.getClientHints(); // :active only works on IOS devices if a touch handler exists
@@ -159,4 +159,4 @@ const BaseButton = compat.forwardRef((_a, ref) => {
 
 exports.BaseButton = BaseButton;
 /*  */
-//# sourceMappingURL=BaseButton-82e1ea19.js.map
+//# sourceMappingURL=BaseButton-d75c8530.js.map

package/cjs/{BaseButton-82e1ea19.js.map → BaseButton-d75c8530.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BaseButton-82e1ea19.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype BaseButtonElementDetails =\n  | { type: 'button' }\n  | { type: 'a'; href: string; target?: string; rel?: string }\n  | { type: 'span' };\nconst NullFunction = () => null;\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'autofocus' | 'title'>;\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'active';\n\ntype AriaProps = {\n  ariaHidden?: boolean;\n  ariaExpanded?: boolean;\n  ariaRoledescription?: string;\n};\n\nexport type Props = IntrinsicProps &\n  AriaProps &\n  DimensionProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are the least prominent variation.\n     * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n     */\n    variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * The accessibleLabel is used to provide guidance for screen readers.\n     */\n    accessibleLabel?: string;\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\nconst activeStyles = {\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active)',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active)'\n};\n\nconst hoverStyles = {\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover)',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover)'\n};\n\nconst compStyles = {\n  base: cssProps`${{\n    alignItems: 'center',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius)',\n    borderStyle: 'solid',\n    borderWidth: '1px',\n    boxSizing: 'border-box',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color)',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    display: 'inline-block',\n    fontFamily: 'inherit',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    justifyContent: 'center',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingTop: 0,\n    paddingBottom: 0,\n    pointerEvents: 'auto',\n    textOverflow: 'ellipsis',\n    verticalAlign: 'top',\n    WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n    whiteSpace: 'nowrap',\n\n    // @ts-ignore\n    '&:active': activeStyles,\n\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    }\n  }}`,\n\n  hover: cssProps`${{\n    // @ts-ignore\n    '&:not(:active)': hoverStyles\n  }}`,\n\n  active: cssProps`${activeStyles}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': hoverStyles\n    }\n  }}`,\n\n  pseudohoverSpan: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:not(:active)': hoverStyles\n    }\n  }}`,\n\n  unstyled: cssProps`${{\n    boxSizing: 'border-box',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)'\n  }}`,\n\n  min: cssProps`${{\n    paddingInlineStart: '0',\n    paddingInlineEnd: '0'\n  }}`,\n\n  fill: cssProps`${{\n    width: '100%'\n  }}`,\n\n  container: cssProps`\n   ${{\n     backgroundColor: 'transparent',\n     borderStyle: 'hidden',\n     cursor: 'none',\n     display: 'flex',\n     '&:active': {\n       backgroundColor: 'transparent',\n       borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)'\n     }\n   }}\n `,\n\n  embedded: cssProps`\n   ${{\n     height: '100%',\n     display: 'flex',\n     '&:focus-visible': {\n       outlineStyle: 'none'\n     }\n   }}\n `,\n\n  noBorderRadiusStart: cssProps`\n ${{\n   borderStartStartRadius: 0,\n   borderEndStartRadius: 0,\n   borderInlineStartWidth: '0px'\n }}\n `,\n\n  noBorderRadiusEnd: cssProps`\n ${{\n   borderEndEndRadius: 0,\n   borderStartEndRadius: 0,\n   borderInlineEndWidth: '0px'\n }}\n `,\n\n  disabled: cssProps`${{\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled)'\n  }}`,\n\n  bottom: cssProps`${{\n    borderLeftWidth: '0',\n    borderRightWidth: '0',\n    borderBlockEndWidth: '0',\n    width: '100%',\n    borderTopLeftRadius: '0',\n    borderTopRightRadius: '0'\n  }}`\n};\n\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().isHybrid;\n\nconst roleProps = (elType: string, hidden: boolean) => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return {};\n    default:\n      return hidden ? { role: 'generic' } : { role: 'button' };\n  }\n};\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      elementDetails = { type: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      accessibleLabel,\n      ariaHidden,\n      ariaExpanded,\n      ariaRoledescription,\n      ...props\n    }: Props,\n    ref?:\n      | ForwardedRef<HTMLButtonElement>\n      | ForwardedRef<HTMLAnchorElement>\n      | ForwardedRef<HTMLSpanElement>\n  ) => {\n    const { pressProps } = usePress(props.onAction ? props.onAction : NullFunction, {\n      isDisabled,\n      isRepeat\n    });\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive();\n    const { class: cls, ...styles } = styleInterpolations(props);\n    const { type: elementType = 'button', ...elementProps } = { ...elementDetails };\n    const role = roleProps(elementType, ariaHidden ?? false);\n    const tooltip = props.title || accessibleLabel;\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const isBaseButton = ElementType == 'button';\n    const { isTabbable } = useTabbableMode();\n    const rootStyles = classNames([\n      !isStyled('unstyled') && compStyles.base,\n      isStyled('unstyled') && compStyles.unstyled,\n      isStyled('embedded') && compStyles.embedded,\n      isStyled('container') && compStyles.container,\n      isStyled('noBorderRadiusStart') && compStyles.noBorderRadiusStart,\n      isStyled('noBorderRadiusEnd') && compStyles.noBorderRadiusEnd,\n      isStyled('active') && compStyles.active,\n      isStyled('fill') && compStyles.fill,\n      isStyled('min') && compStyles.min,\n      `oj-c-base-button-${variant}`,\n      `oj-c-base-button-${size}`,\n      isDisabled && compStyles.disabled,\n      edge === 'bottom' && compStyles.bottom,\n      !isHybrid && !isSpan && !isActive && compStyles.pseudohover,\n      !isHybrid &&\n        isSpan &&\n        !isActive &&\n        !isDisabled &&\n        !isStyled('container') &&\n        compStyles.pseudohoverSpan,\n      isHybrid && isHover && !isActive && !isDisabled && !isStyled('container') && compStyles.hover,\n      !isStyled('container') && isActive && !isDisabled && compStyles.active,\n      childrenStyles\n    ]);\n\n    const mergedProps = mergeProps(\n      elementProps,\n      pressProps,\n      iosProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      isBaseButton ? {} : { 'aria-disabled': isDisabled }\n    );\n\n    return (\n      <ElementType\n        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.\n        ref={\n          ref as ForwardedRef<HTMLButtonElement> &\n            ForwardedRef<HTMLAnchorElement> &\n            ForwardedRef<HTMLSpanElement>\n        }\n        disabled={isDisabled}\n        class={`${rootStyles} ${cls}`}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={tooltip}\n        tabIndex={isDisabled || !isTabbable ? -1 : 0}\n        aria-label={accessibleLabel}\n        aria-hidden={ariaHidden}\n        aria-roledescription={ariaRoledescription}\n        aria-expanded={ariaExpanded}\n        {...mergedProps}\n        {...role}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n"],"names":["NullFunction","activeStyles","backgroundColor","borderColor","color","hoverStyles","compStyles","active","childrenStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","clientHints","getClientHints","iosProps","platform","ontouchstart","isHybrid","roleProps","elType","hidden","role","BaseButton","forwardRef","_a","ref","pressProps","usePress","props","onAction","isStyled","name","hoverProps","isHover","useHover","isDisabled","_b","class","cls","styles","__rest","_c","assign","elementDetails","type","elementType","elementProps","ariaHidden","tooltip","title","accessibleLabel","ElementType","isSpan","isBaseButton","isTabbable","useTabbableMode","base","unstyled","embedded","container","noBorderRadiusStart","noBorderRadiusEnd","fill","min","variant","size","edge","bottom","isActive","pseudohoverSpan","hover","mergedProps","mergeProps","activeProps","disabled","rootStyles","style","autofocus","tabIndex","ariaRoledescription","ariaExpanded","children"],"mappings":"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"}
+{"version":3,"file":"BaseButton-d75c8530.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype BaseButtonElementDetails =\n  | { type: 'button' }\n  | { type: 'a'; href: string; target?: string; rel?: string }\n  | { type: 'span' };\nconst NullFunction = () => null;\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'autofocus' | 'title'>;\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'active';\n\ntype AriaProps = {\n  ariaHidden?: boolean;\n  ariaExpanded?: boolean;\n  ariaRoledescription?: string;\n};\n\nexport type Props = IntrinsicProps &\n  AriaProps &\n  DimensionProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are the least prominent variation.\n     * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n     */\n    variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * The accessibleLabel is used to provide guidance for screen readers.\n     */\n    accessibleLabel?: string;\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\nconst activeStyles = {\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active)',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active)'\n};\n\nconst hoverStyles = {\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover)',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover)'\n};\n\nconst compStyles = {\n  base: cssProps`${{\n    alignItems: 'center',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius)',\n    borderStyle: 'solid',\n    borderWidth: '1px',\n    boxSizing: 'border-box',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color)',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    display: 'inline-block',\n    fontFamily: 'inherit',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    justifyContent: 'center',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingTop: 0,\n    paddingBottom: 0,\n    pointerEvents: 'auto',\n    textOverflow: 'ellipsis',\n    verticalAlign: 'top',\n    WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n    whiteSpace: 'nowrap',\n\n    // @ts-ignore\n    '&:active': activeStyles,\n\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    }\n  }}`,\n\n  hover: cssProps`${{\n    // @ts-ignore\n    '&:not(:active)': hoverStyles\n  }}`,\n\n  active: cssProps`${activeStyles}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': hoverStyles\n    }\n  }}`,\n\n  pseudohoverSpan: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:not(:active)': hoverStyles\n    }\n  }}`,\n\n  unstyled: cssProps`${{\n    boxSizing: 'border-box',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)'\n  }}`,\n\n  min: cssProps`${{\n    paddingInlineStart: '0',\n    paddingInlineEnd: '0'\n  }}`,\n\n  fill: cssProps`${{\n    width: '100%'\n  }}`,\n\n  container: cssProps`\n   ${{\n     backgroundColor: 'transparent',\n     borderStyle: 'hidden',\n     cursor: 'none',\n     display: 'flex',\n     '&:active': {\n       backgroundColor: 'transparent',\n       borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)'\n     }\n   }}\n `,\n\n  embedded: cssProps`\n   ${{\n     height: '100%',\n     display: 'flex',\n     '&:focus-visible': {\n       outlineStyle: 'none'\n     }\n   }}\n `,\n\n  noBorderRadiusStart: cssProps`\n ${{\n   borderStartStartRadius: 0,\n   borderEndStartRadius: 0,\n   borderInlineStartWidth: '0px'\n }}\n `,\n\n  noBorderRadiusEnd: cssProps`\n ${{\n   borderEndEndRadius: 0,\n   borderStartEndRadius: 0,\n   borderInlineEndWidth: '0px'\n }}\n `,\n\n  disabled: cssProps`${{\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled)'\n  }}`,\n\n  bottom: cssProps`${{\n    borderLeftWidth: '0',\n    borderRightWidth: '0',\n    borderBlockEndWidth: '0',\n    width: '100%',\n    borderTopLeftRadius: '0',\n    borderTopRightRadius: '0'\n  }}`\n};\n\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().isHybrid;\n\nconst roleProps = (elType: string, hidden: boolean) => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return {};\n    default:\n      return hidden ? { role: 'generic' } : { role: 'button' };\n  }\n};\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      elementDetails = { type: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      accessibleLabel,\n      ariaHidden,\n      ariaExpanded,\n      ariaRoledescription,\n      ...props\n    }: Props,\n    ref?:\n      | ForwardedRef<HTMLButtonElement>\n      | ForwardedRef<HTMLAnchorElement>\n      | ForwardedRef<HTMLSpanElement>\n  ) => {\n    const { pressProps } = usePress(props.onAction ? props.onAction : NullFunction, {\n      isDisabled,\n      isRepeat\n    });\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive();\n    const { class: cls, ...styles } = styleInterpolations(props);\n    const { type: elementType = 'button', ...elementProps } = { ...elementDetails };\n    const role = roleProps(elementType, ariaHidden ?? false);\n    const tooltip = props.title || accessibleLabel;\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const isBaseButton = ElementType == 'button';\n    const { isTabbable } = useTabbableMode();\n    const rootStyles = classNames([\n      !isStyled('unstyled') && compStyles.base,\n      isStyled('unstyled') && compStyles.unstyled,\n      isStyled('embedded') && compStyles.embedded,\n      isStyled('container') && compStyles.container,\n      isStyled('noBorderRadiusStart') && compStyles.noBorderRadiusStart,\n      isStyled('noBorderRadiusEnd') && compStyles.noBorderRadiusEnd,\n      isStyled('active') && compStyles.active,\n      isStyled('fill') && compStyles.fill,\n      isStyled('min') && compStyles.min,\n      `oj-c-base-button-${variant}`,\n      `oj-c-base-button-${size}`,\n      isDisabled && compStyles.disabled,\n      edge === 'bottom' && compStyles.bottom,\n      !isHybrid && !isSpan && !isActive && compStyles.pseudohover,\n      !isHybrid &&\n        isSpan &&\n        !isActive &&\n        !isDisabled &&\n        !isStyled('container') &&\n        compStyles.pseudohoverSpan,\n      isHybrid && isHover && !isActive && !isDisabled && !isStyled('container') && compStyles.hover,\n      !isStyled('container') && isActive && !isDisabled && compStyles.active,\n      childrenStyles\n    ]);\n\n    const mergedProps = mergeProps(\n      elementProps,\n      pressProps,\n      iosProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      isBaseButton ? {} : { 'aria-disabled': isDisabled }\n    );\n\n    return (\n      <ElementType\n        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.\n        ref={\n          ref as ForwardedRef<HTMLButtonElement> &\n            ForwardedRef<HTMLAnchorElement> &\n            ForwardedRef<HTMLSpanElement>\n        }\n        disabled={isDisabled}\n        class={`${rootStyles} ${cls}`}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={tooltip}\n        tabIndex={isDisabled || !isTabbable ? -1 : 0}\n        aria-label={accessibleLabel}\n        aria-hidden={ariaHidden}\n        aria-roledescription={ariaRoledescription}\n        aria-expanded={ariaExpanded}\n        {...mergedProps}\n        {...role}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n"],"names":["NullFunction","activeStyles","backgroundColor","borderColor","color","hoverStyles","compStyles","active","childrenStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","clientHints","getClientHints","iosProps","platform","ontouchstart","isHybrid","roleProps","elType","hidden","role","BaseButton","forwardRef","_a","ref","pressProps","usePress","props","onAction","isStyled","name","hoverProps","isHover","useHover","isDisabled","_b","class","cls","styles","__rest","_c","assign","elementDetails","type","elementType","elementProps","ariaHidden","tooltip","title","accessibleLabel","ElementType","isSpan","isBaseButton","isTabbable","useTabbableMode","base","unstyled","embedded","container","noBorderRadiusStart","noBorderRadiusEnd","fill","min","variant","size","edge","bottom","isActive","pseudohoverSpan","hover","mergedProps","mergeProps","activeProps","disabled","rootStyles","style","autofocus","tabIndex","ariaRoledescription","ariaExpanded","children"],"mappings":"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"}

package/cjs/{Button-b68878ba.js → Button-fbf15f5c.js}

@@ -1,24 +1,24 @@
-/* @oracle/oraclejet-preact: 14.0.0 */
+/* @oracle/oraclejet-preact: 14.0.1 */
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
 require('./UNSAFE_BaseButton.js');
-var tslib_es6 = require('./tslib.es6-d7adde1f.js');
+var tslib_es6 = require('./tslib.es6-3b91e53b.js');
 
 require('./utils/UNSAFE_classNames.js');
-var classNames = require('./classNames-825d80d7.js');
+var classNames = require('./classNames-2b913ab9.js');
 var compat = require('preact/compat');
-var BaseButton = require('./BaseButton-82e1ea19.js');
+var BaseButton = require('./BaseButton-d75c8530.js');
 
 const compStyles = {
-  text: "mwqup1",
-  icon: "_1xt49v0",
-  startText: "_1cdack0",
-  endText: "d2rqzg",
-  startIcon: "_105gw52",
-  startIconOnly: "_1fhs9sf",
-  endIcon: "_1oavhju",
-  label: "kspemf"
+  text: "_17iqp65",
+  icon: "_1salt9w",
+  startText: "_1gl4eki",
+  endText: "_1qdvj9x",
+  startIcon: "dnb4gh",
+  startIconOnly: "_1wq5h5e",
+  endIcon: "_15w9iew",
+  label: "_1ni9k5b"
 };
 
 const isNullOrUndefined = value => {
@@ -72,4 +72,4 @@ const Button = compat.forwardRef(({ variant = 'outlined', isDisabled = false, is
 exports.Button = Button;
 exports.ButtonLayout = ButtonLayout;
 /*  */
-//# sourceMappingURL=Button-b68878ba.js.map
+//# sourceMappingURL=Button-fbf15f5c.js.map

package/cjs/{Button-b68878ba.js.map → Button-fbf15f5c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-b68878ba.js","sources":["../../src/UNSAFE_Button/ButtonLayout.tsx","../../src/UNSAFE_Button/Button.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, ComponentProps } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nexport type ButtonDisplay = 'icons' | 'label' | 'all';\n\nexport type Props = {\n  /**\n   *The default slot is the button's text label. The oj-c-button element accepts plain text or DOM nodes as children for the default slot.\"\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The startIcon is the button's start icon.\n   */\n  startIcon?: ComponentChildren;\n\n  /**\n   * The endIcon is the button's end icon.\n   */\n  endIcon?: ComponentChildren;\n\n  /**\n   * Styling can be used for customizing icon layout by limiting padding (\"embedded\")\n   */\n  styling?: 'default' | 'embedded';\n\n  /**\n   * The size indicates how large the button is rendered.\n   */\n  size?: ComponentProps<typeof BaseButton>['size'];\n\n  /**\n   * Display indicates whether the label, the icons, or all elements should be rendered by the button.\n   */\n  display?: ButtonDisplay;\n};\n\nexport const compStyles = {\n  text: cssProps`\n    ${{\n      overflowX: 'hidden',\n      overflowY: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      display: 'inline-flex'\n    }}\n  `,\n\n  icon: cssProps`\n    ${{\n      display: 'inline-flex',\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size)',\n      fontWeight: 'normal',\n      marginTop: 0,\n      marginBottom: 0\n    }}\n  `,\n\n  startText: cssProps`\n    ${{\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  endText: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  startIcon: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n    }}\n  `,\n\n  startIconOnly: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)',\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n    }}\n  `,\n\n  endIcon: cssProps`\n    ${{\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n    }}\n  `,\n\n  label: cssProps`\n    ${{\n      cursor: 'inherit',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '100%',\n      height: '100%'\n    }}\n  `\n};\n\nconst isNullOrUndefined = (\n  value: ComponentChildren | null | undefined\n): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\nexport function ButtonLayout({\n  size = 'md',\n  display = 'all',\n  styling = 'default',\n  ...props\n}: Props) {\n  const showIcons = display === 'all' || display === 'icons';\n  const showText = display === 'all' || display === 'label';\n  const labelClass = compStyles.label;\n  const isOnlyIcon = props.startIcon && (display === 'icons' || !props.children) && !props.endIcon;\n  const isEmbedded = styling === 'embedded';\n  const textStartIcon = !isNullOrUndefined(props.startIcon) && display === 'all';\n  const textEndIcon = !isNullOrUndefined(props.endIcon) && display === 'all';\n  const isTwoIcons = props.startIcon && props.endIcon;\n\n  const endIconClass = `${compStyles.icon} oj-c-button-layout-${size} ${compStyles.endIcon}`;\n  const startIconStyles = classNames([\n    compStyles.icon,\n    isEmbedded ? `oj-c-button-layout-embedded-${size}` : `oj-c-button-layout-${size}`,\n    isOnlyIcon ? compStyles.startIconOnly : compStyles.startIcon\n  ]);\n  const textStyles = classNames([\n    compStyles.text,\n    textStartIcon && !isTwoIcons && compStyles.endText,\n    textEndIcon && !isTwoIcons && compStyles.startText\n  ]);\n\n  return (\n    <span class={labelClass}>\n      {showIcons && props.startIcon && <span class={startIconStyles}>{props.startIcon}</span>}\n      {showText && props.children && <span class={textStyles}> {props.children} </span>}\n      {showIcons && props.endIcon && <span class={endIconClass}>{props.endIcon}</span>}\n    </span>\n  );\n}\n","/**\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, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLayout } from './ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLButtonElement>, 'autofocus'>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * accessibleLabel - override label for accessibility\n     */\n    accessibleLabel?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are the least prominent variation.\n     * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: ComponentProps<typeof BaseButton>['size'];\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether the label, the icons, or all elements should be rendered by the button.\n     */\n    display?: ComponentProps<typeof ButtonLayout>['display'];\n\n    /**\n     * The title is used to provide a tooltip.\n     */\n    title?: string;\n  };\n\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      onAction,\n      label = '',\n      accessibleLabel,\n      title,\n      width\n    }: Props,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLayout>\n    );\n    return (\n      <BaseButton\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        accessibleLabel={accessibleLabel ?? (display === 'icons' ? label : undefined)}\n        title={title ?? (display === 'icons' ? accessibleLabel ?? label : undefined)}\n        aria-label={display === 'icons' ? label : null}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n"],"names":["compStyles","isNullOrUndefined","value","undefined","ButtonLayout","_a","size","display","styling","props","__rest","labelClass","label","isEmbedded","textStartIcon","startIcon","textEndIcon","endIcon","endIconClass","icon","text","isTwoIcons","endText","startText","forwardRef","_jsx","BaseButton"],"mappings":"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"}
+{"version":3,"file":"Button-fbf15f5c.js","sources":["../../src/UNSAFE_Button/ButtonLayout.tsx","../../src/UNSAFE_Button/Button.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, ComponentProps } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nexport type ButtonDisplay = 'icons' | 'label' | 'all';\n\nexport type Props = {\n  /**\n   *The default slot is the button's text label. The oj-c-button element accepts plain text or DOM nodes as children for the default slot.\"\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The startIcon is the button's start icon.\n   */\n  startIcon?: ComponentChildren;\n\n  /**\n   * The endIcon is the button's end icon.\n   */\n  endIcon?: ComponentChildren;\n\n  /**\n   * Styling can be used for customizing icon layout by limiting padding (\"embedded\")\n   */\n  styling?: 'default' | 'embedded';\n\n  /**\n   * The size indicates how large the button is rendered.\n   */\n  size?: ComponentProps<typeof BaseButton>['size'];\n\n  /**\n   * Display indicates whether the label, the icons, or all elements should be rendered by the button.\n   */\n  display?: ButtonDisplay;\n};\n\nexport const compStyles = {\n  text: cssProps`\n    ${{\n      overflowX: 'hidden',\n      overflowY: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      display: 'inline-flex'\n    }}\n  `,\n\n  icon: cssProps`\n    ${{\n      display: 'inline-flex',\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size)',\n      fontWeight: 'normal',\n      marginTop: 0,\n      marginBottom: 0\n    }}\n  `,\n\n  startText: cssProps`\n    ${{\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  endText: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  startIcon: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n    }}\n  `,\n\n  startIconOnly: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)',\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n    }}\n  `,\n\n  endIcon: cssProps`\n    ${{\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n    }}\n  `,\n\n  label: cssProps`\n    ${{\n      cursor: 'inherit',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '100%',\n      height: '100%'\n    }}\n  `\n};\n\nconst isNullOrUndefined = (\n  value: ComponentChildren | null | undefined\n): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\nexport function ButtonLayout({\n  size = 'md',\n  display = 'all',\n  styling = 'default',\n  ...props\n}: Props) {\n  const showIcons = display === 'all' || display === 'icons';\n  const showText = display === 'all' || display === 'label';\n  const labelClass = compStyles.label;\n  const isOnlyIcon = props.startIcon && (display === 'icons' || !props.children) && !props.endIcon;\n  const isEmbedded = styling === 'embedded';\n  const textStartIcon = !isNullOrUndefined(props.startIcon) && display === 'all';\n  const textEndIcon = !isNullOrUndefined(props.endIcon) && display === 'all';\n  const isTwoIcons = props.startIcon && props.endIcon;\n\n  const endIconClass = `${compStyles.icon} oj-c-button-layout-${size} ${compStyles.endIcon}`;\n  const startIconStyles = classNames([\n    compStyles.icon,\n    isEmbedded ? `oj-c-button-layout-embedded-${size}` : `oj-c-button-layout-${size}`,\n    isOnlyIcon ? compStyles.startIconOnly : compStyles.startIcon\n  ]);\n  const textStyles = classNames([\n    compStyles.text,\n    textStartIcon && !isTwoIcons && compStyles.endText,\n    textEndIcon && !isTwoIcons && compStyles.startText\n  ]);\n\n  return (\n    <span class={labelClass}>\n      {showIcons && props.startIcon && <span class={startIconStyles}>{props.startIcon}</span>}\n      {showText && props.children && <span class={textStyles}> {props.children} </span>}\n      {showIcons && props.endIcon && <span class={endIconClass}>{props.endIcon}</span>}\n    </span>\n  );\n}\n","/**\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, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLayout } from './ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLButtonElement>, 'autofocus'>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * accessibleLabel - override label for accessibility\n     */\n    accessibleLabel?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are the least prominent variation.\n     * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: ComponentProps<typeof BaseButton>['size'];\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether the label, the icons, or all elements should be rendered by the button.\n     */\n    display?: ComponentProps<typeof ButtonLayout>['display'];\n\n    /**\n     * The title is used to provide a tooltip.\n     */\n    title?: string;\n  };\n\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      onAction,\n      label = '',\n      accessibleLabel,\n      title,\n      width\n    }: Props,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLayout>\n    );\n    return (\n      <BaseButton\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        accessibleLabel={accessibleLabel ?? (display === 'icons' ? label : undefined)}\n        title={title ?? (display === 'icons' ? accessibleLabel ?? label : undefined)}\n        aria-label={display === 'icons' ? label : null}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n"],"names":["compStyles","isNullOrUndefined","value","undefined","ButtonLayout","_a","size","display","styling","props","__rest","labelClass","label","isEmbedded","textStartIcon","startIcon","textEndIcon","endIcon","endIconClass","icon","text","isTwoIcons","endText","startText","forwardRef","_jsx","BaseButton"],"mappings":"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"}

package/cjs/{Chip-81ae6291.js → Chip-182c182e.js}

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.0 */
+/* @oracle/oraclejet-preact: 14.0.1 */
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
@@ -7,16 +7,16 @@ var hooks_UNSAFE_useActionable = require('./hooks/UNSAFE_useActionable.js');
 var hooks = require('preact/hooks');
 require('./utils/UNSAFE_classNames.js');
 var hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
-var classNames = require('./classNames-825d80d7.js');
+var classNames = require('./classNames-2b913ab9.js');
 
-const cursorandFocusStyle = "ncvcxe";
+const cursorandFocusStyle = "whu20o";
 const styles = {
-  base: "_1725rms",
-  disabled: "_1rtfypc",
-  info: "m804v4",
-  infoSubtle: "p6nebi",
-  infoSubtleLighter: "_1g0t0xa",
-  childrenMargins: "_9prc2f"
+  base: "_1ymv86w",
+  disabled: "t8gmbc",
+  info: "_12jglnj",
+  infoSubtle: "yd7etu",
+  infoSubtleLighter: "_1ytp5p8",
+  childrenMargins: "_5xul2i"
 };
 function Chip({
   isSelected,
@@ -58,4 +58,4 @@ function Chip({
 
 exports.Chip = Chip;
 /*  */
-//# sourceMappingURL=Chip-81ae6291.js.map
+//# sourceMappingURL=Chip-182c182e.js.map