@oracle/oraclejet-preact 14.0.5 → 14.1.0

package/cjs/Link-09bbaed7.js

@@ -1,46 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-
-require('./utils/UNSAFE_classNames.js');
-var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
-var classNames = require('./classNames-d6e0ded0.js');
-
-const styles = {
-  default: "_13ozjbx",
-  primary: "_19fhn9",
-  secondary: "zrc5u2",
-  standalone: "_30kl9",
-  embedded: "_1u4cist"
-};
-
-const noop = () => {};
-
-function Link({
-  href,
-  variant = 'default',
-  placement = 'standalone',
-  target,
-  ariaLabelledBy,
-  children,
-  onClick
-}) {
-  const linkClass = classNames.classNames([styles.default, styles[placement], variant !== 'default' && styles[variant]]);
-  const {
-    pressProps
-  } = hooks_UNSAFE_usePress.usePress(onClick !== null && onClick !== void 0 ? onClick : noop);
-  return jsxRuntime.jsx("a", Object.assign({
-    href: href,
-    "aria-labelledby": ariaLabelledBy,
-    target: target
-  }, pressProps, {
-    class: linkClass
-  }, {
-    children: children
-  }));
-}
-
-exports.Link = Link;
-/*  */
-//# sourceMappingURL=Link-09bbaed7.js.map

package/cjs/Link-09bbaed7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link-09bbaed7.js","sources":["../../src/UNSAFE_Link/Link.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant.\n   */\n  variant?: 'default' | 'primary' | 'secondary';\n\n  /**\n   * Sets the placement.\n   */\n  placement?: 'standalone' | 'embedded';\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the Link.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specifies the children\n   */\n  children?: ComponentChildren;\n};\n\nconst styles = {\n  default: cssProps`${{\n    display: 'inline',\n    color: 'var(--oj-c-link-text-color)',\n    textDecorationColor: 'var(--oj-c-link-text-color)',\n    textDecorationThickness: '1px',\n    textUnderlineOffset: 'var(--oj-c-link-text-underline-offset)',\n    cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    '&:visited': { color: '--oj-c-link-text-color-visited' },\n    '&:active': { color: '--oj-c-link-text-color-active' },\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineOffset: '1px'\n    }\n  }}`,\n  primary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  standalone: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-standalone-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' }\n  }}`,\n  embedded: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-embedded-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' }\n  }}`\n};\n\nconst noop = () => {};\n\nexport function Link({\n  href,\n  variant = 'default',\n  placement = 'standalone',\n  target,\n  ariaLabelledBy,\n  children,\n  onClick\n}: Props) {\n  const linkClass = classNames([\n    styles.default,\n    styles[placement],\n    variant !== 'default' && styles[variant]\n  ]);\n  const { pressProps } = usePress(onClick ?? noop);\n  return (\n    <a\n      href={href}\n      aria-labelledby={ariaLabelledBy}\n      target={target}\n      {...pressProps}\n      class={linkClass}>\n      {children}\n    </a>\n  );\n}\n"],"names":["styles","noop","Link","href","variant","placement","target","ariaLabelledBy","children","onClick","default","pressProps","usePress"],"mappings":";;;;;;;;;AAiDA,MAAAA,MAAA,GAAA;WAAA,UAAA;WAAA,SAAA;aAAA,QAAA;cAAA,QAAA;;AAAA,CAAA,CAAA;;AAuCA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;AAEA,SAAAC,IAAA,CAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,SAAA,GAAA,YAAA;EAAAC,MAAA;EAAAC,cAAA;EAAAC,QAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;2CAUIT,MAAA,CAAAU,4BAEAN,OAAA,KAAA,SAAA,IAAAJ,MAAA,CAAAI,OAAA;EAEF,MAAA;AAAAO,IAAAA,UAAAA;AAAA,GAAA,GAAAC,8BAAA,CAAAH,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAR,IAAA,CAAA,CAAA;;;;;;;;;;AAWF;;;;;;;"}