@spectrum-web-components/link 0.14.5 → 0.14.7-overlay.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/package.json +4 -4
  2. package/src/link.css.dev.js +2 -4
  3. package/src/link.css.dev.js.map +2 -2
  4. package/src/link.css.js +2 -4
  5. package/src/link.css.js.map +2 -2
  6. package/src/spectrum-config.js +155 -31
  7. package/src/spectrum-link.css.dev.js +2 -4
  8. package/src/spectrum-link.css.dev.js.map +2 -2
  9. package/src/spectrum-link.css.js +2 -4
  10. package/src/spectrum-link.css.js.map +2 -2
  11. package/custom-elements.json +0 -132
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/link",
3
- "version": "0.14.5",
3
+ "version": "0.14.7-overlay.8+eef228d8d",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,8 +57,8 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.7.4",
61
- "@spectrum-web-components/shared": "^0.15.5"
60
+ "@spectrum-web-components/base": "^0.7.5-overlay.236+eef228d8d",
61
+ "@spectrum-web-components/shared": "^0.15.6-overlay.236+eef228d8d"
62
62
  },
63
63
  "devDependencies": {
64
64
  "@spectrum-css/link": "^4.0.11"
@@ -69,5 +69,5 @@
69
69
  "./sp-*.js",
70
70
  "./**/*.dev.js"
71
71
  ],
72
- "gitHead": "5e11d828243bb3ff572c25b33a8d58844a89f524"
72
+ "gitHead": "eef228d8defcf04fe32713c7232fd0873828752b"
73
73
  }
package/src/link.css.dev.js CHANGED
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-link-animation-duration:var(
5
- --spectrum-animation-duration-100
6
- );--spectrum-link-text-color-primary-default:var(
4
+ :host{--spectrum-link-animation-duration:var(--spectrum-animation-duration-100);--spectrum-link-text-color-primary-default:var(
7
5
  --spectrum-accent-content-color-default
8
6
  );--spectrum-link-text-color-primary-hover:var(
9
7
  --spectrum-accent-content-color-hover
@@ -19,7 +17,7 @@ const styles = css`
19
17
  --spectrum-neutral-content-color-down
20
18
  );--spectrum-link-text-color-secondary-focus:var(
21
19
  --spectrum-neutral-content-color-key-focus
22
- );--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){a{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(
20
+ );--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){:host{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:#0000;color:var(
23
21
  --highcontrast-link-text-color-primary-default,var(
24
22
  --mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)
25
23
  )
package/src/link.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["link.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-link-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-link-text-color-primary-default:var(\n--spectrum-accent-content-color-default\n);--spectrum-link-text-color-primary-hover:var(\n--spectrum-accent-content-color-hover\n);--spectrum-link-text-color-primary-active:var(\n--spectrum-accent-content-color-down\n);--spectrum-link-text-color-primary-focus:var(\n--spectrum-accent-content-color-key-focus\n);--spectrum-link-text-color-secondary-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-link-text-color-secondary-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-link-text-color-secondary-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-link-text-color-secondary-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){a{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(\n--highcontrast-link-text-color-primary-default,var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\n)\n);cursor:pointer;outline:none;text-decoration:underline;transition:color var(\n--mod-link-animation-duration,var(--spectrum-link-animation-duration)\n) ease-in-out}a:hover{color:var(\n--highcontrast-link-text-color-primary-hover,var(\n--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)\n)}a:active{color:var(\n--highcontrast-link-text-color-primary-active,var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)\n)}a.focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--highcontrast-link-text-color-secondary-default,var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)\n)}:host([variant=secondary]) a:hover{color:var(\n--highcontrast-link-text-color-secondary-hover,var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)\n)}:host([variant=secondary]) a:active{color:var(\n--highcontrast-link-text-color-secondary-active,var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)\n)}:host([variant=secondary]) a:focus{color:var(\n--highcontrast-link-text-color-secondary-focus,var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\n)\n)}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=black]) a{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host([static=black]) a:active,:host([static=black]) a:focus,:host([static=black]) a:hover{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host{display:inline}:host(:focus){outline:none}:host([href]) a.focus-visible{text-decoration:underline;text-decoration-style:double}:host([href]) a:focus-visible{text-decoration:underline;text-decoration-style:double}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmEf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-link-animation-duration:var(--spectrum-animation-duration-100);--spectrum-link-text-color-primary-default:var(\n--spectrum-accent-content-color-default\n);--spectrum-link-text-color-primary-hover:var(\n--spectrum-accent-content-color-hover\n);--spectrum-link-text-color-primary-active:var(\n--spectrum-accent-content-color-down\n);--spectrum-link-text-color-primary-focus:var(\n--spectrum-accent-content-color-key-focus\n);--spectrum-link-text-color-secondary-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-link-text-color-secondary-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-link-text-color-secondary-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-link-text-color-secondary-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){:host{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:#0000;color:var(\n--highcontrast-link-text-color-primary-default,var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\n)\n);cursor:pointer;outline:none;text-decoration:underline;transition:color var(\n--mod-link-animation-duration,var(--spectrum-link-animation-duration)\n) ease-in-out}a:hover{color:var(\n--highcontrast-link-text-color-primary-hover,var(\n--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)\n)}a:active{color:var(\n--highcontrast-link-text-color-primary-active,var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)\n)}a.focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--highcontrast-link-text-color-secondary-default,var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)\n)}:host([variant=secondary]) a:hover{color:var(\n--highcontrast-link-text-color-secondary-hover,var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)\n)}:host([variant=secondary]) a:active{color:var(\n--highcontrast-link-text-color-secondary-active,var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)\n)}:host([variant=secondary]) a:focus{color:var(\n--highcontrast-link-text-color-secondary-focus,var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\n)\n)}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=black]) a{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host([static=black]) a:active,:host([static=black]) a:focus,:host([static=black]) a:hover{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host{display:inline}:host(:focus){outline:none}:host([href]) a.focus-visible{text-decoration:underline;text-decoration-style:double}:host([href]) a:focus-visible{text-decoration:underline;text-decoration-style:double}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/link.css.js CHANGED
@@ -1,7 +1,5 @@
1
1
  "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
2
- :host{--spectrum-link-animation-duration:var(
3
- --spectrum-animation-duration-100
4
- );--spectrum-link-text-color-primary-default:var(
2
+ :host{--spectrum-link-animation-duration:var(--spectrum-animation-duration-100);--spectrum-link-text-color-primary-default:var(
5
3
  --spectrum-accent-content-color-default
6
4
  );--spectrum-link-text-color-primary-hover:var(
7
5
  --spectrum-accent-content-color-hover
@@ -17,7 +15,7 @@
17
15
  --spectrum-neutral-content-color-down
18
16
  );--spectrum-link-text-color-secondary-focus:var(
19
17
  --spectrum-neutral-content-color-key-focus
20
- );--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){a{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(
18
+ );--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){:host{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:#0000;color:var(
21
19
  --highcontrast-link-text-color-primary-default,var(
22
20
  --mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)
23
21
  )
package/src/link.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["link.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-link-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-link-text-color-primary-default:var(\n--spectrum-accent-content-color-default\n);--spectrum-link-text-color-primary-hover:var(\n--spectrum-accent-content-color-hover\n);--spectrum-link-text-color-primary-active:var(\n--spectrum-accent-content-color-down\n);--spectrum-link-text-color-primary-focus:var(\n--spectrum-accent-content-color-key-focus\n);--spectrum-link-text-color-secondary-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-link-text-color-secondary-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-link-text-color-secondary-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-link-text-color-secondary-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){a{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(\n--highcontrast-link-text-color-primary-default,var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\n)\n);cursor:pointer;outline:none;text-decoration:underline;transition:color var(\n--mod-link-animation-duration,var(--spectrum-link-animation-duration)\n) ease-in-out}a:hover{color:var(\n--highcontrast-link-text-color-primary-hover,var(\n--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)\n)}a:active{color:var(\n--highcontrast-link-text-color-primary-active,var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)\n)}a.focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--highcontrast-link-text-color-secondary-default,var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)\n)}:host([variant=secondary]) a:hover{color:var(\n--highcontrast-link-text-color-secondary-hover,var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)\n)}:host([variant=secondary]) a:active{color:var(\n--highcontrast-link-text-color-secondary-active,var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)\n)}:host([variant=secondary]) a:focus{color:var(\n--highcontrast-link-text-color-secondary-focus,var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\n)\n)}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=black]) a{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host([static=black]) a:active,:host([static=black]) a:focus,:host([static=black]) a:hover{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host{display:inline}:host(:focus){outline:none}:host([href]) a.focus-visible{text-decoration:underline;text-decoration-style:double}:host([href]) a:focus-visible{text-decoration:underline;text-decoration-style:double}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmEf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-link-animation-duration:var(--spectrum-animation-duration-100);--spectrum-link-text-color-primary-default:var(\n--spectrum-accent-content-color-default\n);--spectrum-link-text-color-primary-hover:var(\n--spectrum-accent-content-color-hover\n);--spectrum-link-text-color-primary-active:var(\n--spectrum-accent-content-color-down\n);--spectrum-link-text-color-primary-focus:var(\n--spectrum-accent-content-color-key-focus\n);--spectrum-link-text-color-secondary-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-link-text-color-secondary-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-link-text-color-secondary-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-link-text-color-secondary-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){:host{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:#0000;color:var(\n--highcontrast-link-text-color-primary-default,var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\n)\n);cursor:pointer;outline:none;text-decoration:underline;transition:color var(\n--mod-link-animation-duration,var(--spectrum-link-animation-duration)\n) ease-in-out}a:hover{color:var(\n--highcontrast-link-text-color-primary-hover,var(\n--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)\n)}a:active{color:var(\n--highcontrast-link-text-color-primary-active,var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)\n)}a.focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--highcontrast-link-text-color-secondary-default,var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)\n)}:host([variant=secondary]) a:hover{color:var(\n--highcontrast-link-text-color-secondary-hover,var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)\n)}:host([variant=secondary]) a:active{color:var(\n--highcontrast-link-text-color-secondary-active,var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)\n)}:host([variant=secondary]) a:focus{color:var(\n--highcontrast-link-text-color-secondary-focus,var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\n)\n)}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=black]) a{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host([static=black]) a:active,:host([static=black]) a:focus,:host([static=black]) a:hover{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host{display:inline}:host(:focus){outline:none}:host([href]) a.focus-visible{text-decoration:underline;text-decoration-style:double}:host([href]) a:focus-visible{text-decoration:underline;text-decoration-style:double}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiEf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-config.js CHANGED
@@ -1,55 +1,179 @@
1
+ // @ts-check
1
2
  /*
2
- Copyright 2020 Adobe. All rights reserved.
3
- This file is licensed to you under the Apache License, Version 2.0 (the "License");
3
+ Copyright 2023 Adobe. All rights reserved.
4
+ This file is licensed to you under the Apache License, Version 2.0 (the 'License');
4
5
  you may not use this file except in compliance with the License. You may obtain a copy
5
6
  of the License at http://www.apache.org/licenses/LICENSE-2.0
6
7
 
7
8
  Unless required by applicable law or agreed to in writing, software distributed under
8
- the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
10
  OF ANY KIND, either express or implied. See the License for the specific language
10
11
  governing permissions and limitations under the License.
11
12
  */
12
13
 
14
+ import {
15
+ builder,
16
+ converterFor,
17
+ } from '../../../tasks/process-spectrum-utils.js';
18
+
19
+ const converter = converterFor('spectrum-Link');
20
+
21
+ /**
22
+ * @returns {import('../../../tasks/spectrum-css-converter').ComplexSelectorConversion}
23
+ */
24
+ const includeAnchor = (className, attribute, value) => ({
25
+ find: [
26
+ /** @type {import('lightningcss').SelectorComponent} */ (
27
+ builder.class(className)
28
+ ),
29
+ ],
30
+ replace: [
31
+ {
32
+ replace: /** @type {import('lightningcss').SelectorComponent} */ ({
33
+ type: 'pseudo-class',
34
+ kind: 'host',
35
+ selectors: [builder.attribute(attribute, value)],
36
+ }),
37
+ },
38
+ {
39
+ replace: builder.combinator('descendant'),
40
+ },
41
+ {
42
+ replace: builder.element('a'),
43
+ },
44
+ ],
45
+ });
46
+
47
+ /**
48
+ *
49
+ * @param {string} pseudo
50
+ * @param {string} className
51
+ * @param {string} attribute
52
+ * @param {string} value
53
+ * @returns {import('../../../tasks/spectrum-css-converter').ComplexSelectorConversion}
54
+ */
55
+ const includeAnchorWithPseudoClass = (pseudo, className, attribute, value) => {
56
+ const component = includeAnchor(className, attribute, value);
57
+ const pseudoComponent =
58
+ /** @type {import('lightningcss').SelectorComponent} */ (
59
+ builder.pseudoClass(pseudo)
60
+ );
61
+ component.find.push(pseudoComponent);
62
+ component.replace.push({
63
+ replace: pseudoComponent,
64
+ });
65
+ return component;
66
+ };
67
+
68
+ /**
69
+ * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
70
+ */
13
71
  const config = {
14
- spectrum: 'link',
15
- components: [
72
+ conversions: [
16
73
  {
17
- name: 'link',
18
- host: {
19
- selector: '.spectrum-Link',
20
- shadowSelector: 'a',
21
- },
22
- attributes: [
23
- {
24
- type: 'boolean',
25
- selector: '.spectrum-Link--quiet',
26
- },
27
- {
28
- type: 'boolean',
29
- name: 'over-background',
30
- selector: '.spectrum-Link--overBackground',
31
- },
74
+ inPackage: '@spectrum-css/link',
75
+ outPackage: 'link',
76
+ fileName: 'link',
77
+ hoistCustomPropertiesFrom: 'spectrum-Link',
78
+ components: [
32
79
  {
33
- type: 'enum',
34
- name: 'variant',
35
- values: ['.spectrum-Link--secondary'],
80
+ find: [
81
+ builder.class('spectrum-Link'),
82
+ builder.pseudoClass('active'),
83
+ ],
84
+ replace: [],
36
85
  },
37
86
  {
38
- type: 'enum',
39
- name: 'static',
40
- values: [
87
+ find: [
88
+ builder.class('spectrum-Link'),
89
+ builder.pseudoClass('hover'),
90
+ ],
91
+ replace: [
41
92
  {
42
- name: 'black',
43
- selector: '.spectrum-Link--staticBlack',
93
+ replace: builder.element('a'),
44
94
  },
45
95
  {
46
- name: 'white',
47
- selector: '.spectrum-Link--staticWhite',
96
+ replace: builder.pseudoClass('hover'),
48
97
  },
49
98
  ],
50
99
  },
100
+ includeAnchor('spectrum-Link--quiet', 'quiet'),
101
+ includeAnchorWithPseudoClass(
102
+ 'hover',
103
+ 'spectrum-Link--quiet',
104
+ 'quiet'
105
+ ),
106
+ includeAnchor(
107
+ 'spectrum-Link--secondary',
108
+ 'variant',
109
+ 'secondary'
110
+ ),
111
+ includeAnchorWithPseudoClass(
112
+ 'hover',
113
+ 'spectrum-Link--secondary',
114
+ 'variant',
115
+ 'secondary'
116
+ ),
117
+ includeAnchorWithPseudoClass(
118
+ 'active',
119
+ 'spectrum-Link--secondary',
120
+ 'variant',
121
+ 'secondary'
122
+ ),
123
+ includeAnchorWithPseudoClass(
124
+ 'focus',
125
+ 'spectrum-Link--secondary',
126
+ 'variant',
127
+ 'secondary'
128
+ ),
129
+ includeAnchor('spectrum-Link--staticWhite', 'static', 'white'),
130
+ includeAnchorWithPseudoClass(
131
+ 'hover',
132
+ 'spectrum-Link--staticWhite',
133
+ 'static',
134
+ 'white'
135
+ ),
136
+ includeAnchorWithPseudoClass(
137
+ 'active',
138
+ 'spectrum-Link--staticWhite',
139
+ 'static',
140
+ 'white'
141
+ ),
142
+ includeAnchorWithPseudoClass(
143
+ 'focus',
144
+ 'spectrum-Link--staticWhite',
145
+ 'static',
146
+ 'white'
147
+ ),
148
+ includeAnchor('spectrum-Link--staticBlack', 'static', 'black'),
149
+ includeAnchorWithPseudoClass(
150
+ 'hover',
151
+ 'spectrum-Link--staticBlack',
152
+ 'static',
153
+ 'black'
154
+ ),
155
+ includeAnchorWithPseudoClass(
156
+ 'active',
157
+ 'spectrum-Link--staticBlack',
158
+ 'static',
159
+ 'black'
160
+ ),
161
+ includeAnchorWithPseudoClass(
162
+ 'focus',
163
+ 'spectrum-Link--staticBlack',
164
+ 'static',
165
+ 'black'
166
+ ),
167
+ {
168
+ find: builder.class('spectrum-Link'),
169
+ replace: builder.element('a'),
170
+ },
171
+ converter.classToAttribute('spectrum-Link--quiet'),
172
+ converter.classToAttribute(
173
+ 'spectrum-Link--overBackground',
174
+ 'over-background'
175
+ ),
51
176
  ],
52
- exclude: [/\.is-disabled/, /\.spectrum-Link--subtle/],
53
177
  },
54
178
  ],
55
179
  };
package/src/spectrum-link.css.dev.js CHANGED
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-link-animation-duration:var(
5
- --spectrum-animation-duration-100
6
- );--spectrum-link-text-color-primary-default:var(
4
+ :host{--spectrum-link-animation-duration:var(--spectrum-animation-duration-100);--spectrum-link-text-color-primary-default:var(
7
5
  --spectrum-accent-content-color-default
8
6
  );--spectrum-link-text-color-primary-hover:var(
9
7
  --spectrum-accent-content-color-hover
@@ -19,7 +17,7 @@ const styles = css`
19
17
  --spectrum-neutral-content-color-down
20
18
  );--spectrum-link-text-color-secondary-focus:var(
21
19
  --spectrum-neutral-content-color-key-focus
22
- );--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){a{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(
20
+ );--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){:host{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:#0000;color:var(
23
21
  --highcontrast-link-text-color-primary-default,var(
24
22
  --mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)
25
23
  )
package/src/spectrum-link.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-link.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-link-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-link-text-color-primary-default:var(\n--spectrum-accent-content-color-default\n);--spectrum-link-text-color-primary-hover:var(\n--spectrum-accent-content-color-hover\n);--spectrum-link-text-color-primary-active:var(\n--spectrum-accent-content-color-down\n);--spectrum-link-text-color-primary-focus:var(\n--spectrum-accent-content-color-key-focus\n);--spectrum-link-text-color-secondary-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-link-text-color-secondary-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-link-text-color-secondary-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-link-text-color-secondary-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){a{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(\n--highcontrast-link-text-color-primary-default,var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\n)\n);cursor:pointer;outline:none;text-decoration:underline;transition:color var(\n--mod-link-animation-duration,var(--spectrum-link-animation-duration)\n) ease-in-out}a:hover{color:var(\n--highcontrast-link-text-color-primary-hover,var(\n--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)\n)}a:active{color:var(\n--highcontrast-link-text-color-primary-active,var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)\n)}a.focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--highcontrast-link-text-color-secondary-default,var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)\n)}:host([variant=secondary]) a:hover{color:var(\n--highcontrast-link-text-color-secondary-hover,var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)\n)}:host([variant=secondary]) a:active{color:var(\n--highcontrast-link-text-color-secondary-active,var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)\n)}:host([variant=secondary]) a:focus{color:var(\n--highcontrast-link-text-color-secondary-focus,var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\n)\n)}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=black]) a{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host([static=black]) a:active,:host([static=black]) a:focus,:host([static=black]) a:hover{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmEf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-link-animation-duration:var(--spectrum-animation-duration-100);--spectrum-link-text-color-primary-default:var(\n--spectrum-accent-content-color-default\n);--spectrum-link-text-color-primary-hover:var(\n--spectrum-accent-content-color-hover\n);--spectrum-link-text-color-primary-active:var(\n--spectrum-accent-content-color-down\n);--spectrum-link-text-color-primary-focus:var(\n--spectrum-accent-content-color-key-focus\n);--spectrum-link-text-color-secondary-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-link-text-color-secondary-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-link-text-color-secondary-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-link-text-color-secondary-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){:host{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:#0000;color:var(\n--highcontrast-link-text-color-primary-default,var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\n)\n);cursor:pointer;outline:none;text-decoration:underline;transition:color var(\n--mod-link-animation-duration,var(--spectrum-link-animation-duration)\n) ease-in-out}a:hover{color:var(\n--highcontrast-link-text-color-primary-hover,var(\n--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)\n)}a:active{color:var(\n--highcontrast-link-text-color-primary-active,var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)\n)}a.focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--highcontrast-link-text-color-secondary-default,var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)\n)}:host([variant=secondary]) a:hover{color:var(\n--highcontrast-link-text-color-secondary-hover,var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)\n)}:host([variant=secondary]) a:active{color:var(\n--highcontrast-link-text-color-secondary-active,var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)\n)}:host([variant=secondary]) a:focus{color:var(\n--highcontrast-link-text-color-secondary-focus,var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\n)\n)}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=black]) a{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host([static=black]) a:active,:host([static=black]) a:focus,:host([static=black]) a:hover{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-link.css.js CHANGED
@@ -1,7 +1,5 @@
1
1
  "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
2
- :host{--spectrum-link-animation-duration:var(
3
- --spectrum-animation-duration-100
4
- );--spectrum-link-text-color-primary-default:var(
2
+ :host{--spectrum-link-animation-duration:var(--spectrum-animation-duration-100);--spectrum-link-text-color-primary-default:var(
5
3
  --spectrum-accent-content-color-default
6
4
  );--spectrum-link-text-color-primary-hover:var(
7
5
  --spectrum-accent-content-color-hover
@@ -17,7 +15,7 @@
17
15
  --spectrum-neutral-content-color-down
18
16
  );--spectrum-link-text-color-secondary-focus:var(
19
17
  --spectrum-neutral-content-color-key-focus
20
- );--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){a{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(
18
+ );--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){:host{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:#0000;color:var(
21
19
  --highcontrast-link-text-color-primary-default,var(
22
20
  --mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)
23
21
  )
package/src/spectrum-link.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-link.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-link-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-link-text-color-primary-default:var(\n--spectrum-accent-content-color-default\n);--spectrum-link-text-color-primary-hover:var(\n--spectrum-accent-content-color-hover\n);--spectrum-link-text-color-primary-active:var(\n--spectrum-accent-content-color-down\n);--spectrum-link-text-color-primary-focus:var(\n--spectrum-accent-content-color-key-focus\n);--spectrum-link-text-color-secondary-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-link-text-color-secondary-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-link-text-color-secondary-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-link-text-color-secondary-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){a{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(\n--highcontrast-link-text-color-primary-default,var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\n)\n);cursor:pointer;outline:none;text-decoration:underline;transition:color var(\n--mod-link-animation-duration,var(--spectrum-link-animation-duration)\n) ease-in-out}a:hover{color:var(\n--highcontrast-link-text-color-primary-hover,var(\n--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)\n)}a:active{color:var(\n--highcontrast-link-text-color-primary-active,var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)\n)}a.focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--highcontrast-link-text-color-secondary-default,var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)\n)}:host([variant=secondary]) a:hover{color:var(\n--highcontrast-link-text-color-secondary-hover,var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)\n)}:host([variant=secondary]) a:active{color:var(\n--highcontrast-link-text-color-secondary-active,var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)\n)}:host([variant=secondary]) a:focus{color:var(\n--highcontrast-link-text-color-secondary-focus,var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\n)\n)}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=black]) a{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host([static=black]) a:active,:host([static=black]) a:focus,:host([static=black]) a:hover{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmEf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-link-animation-duration:var(--spectrum-animation-duration-100);--spectrum-link-text-color-primary-default:var(\n--spectrum-accent-content-color-default\n);--spectrum-link-text-color-primary-hover:var(\n--spectrum-accent-content-color-hover\n);--spectrum-link-text-color-primary-active:var(\n--spectrum-accent-content-color-down\n);--spectrum-link-text-color-primary-focus:var(\n--spectrum-accent-content-color-key-focus\n);--spectrum-link-text-color-secondary-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-link-text-color-secondary-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-link-text-color-secondary-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-link-text-color-secondary-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-link-text-color-white:var(--spectrum-white);--spectrum-link-text-color-black:var(--spectrum-black)}@media (forced-colors:active){:host{--highcontrast-link-text-color-primary-default:LinkText;--highcontrast-link-text-color-primary-hover:LinkText;--highcontrast-link-text-color-primary-active:LinkText;--highcontrast-link-text-color-primary-focus:LinkText;--highcontrast-link-text-color-secondary-default:LinkText;--highcontrast-link-text-color-secondary-hover:LinkText;--highcontrast-link-text-color-secondary-active:LinkText;--highcontrast-link-text-color-secondary-focus:LinkText;--highcontrast-link-text-color-white:LinkText;--highcontrast-link-text-color-black:LinkText}}a{-webkit-text-decoration-skip:objects;background-color:#0000;color:var(\n--highcontrast-link-text-color-primary-default,var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\n)\n);cursor:pointer;outline:none;text-decoration:underline;transition:color var(\n--mod-link-animation-duration,var(--spectrum-link-animation-duration)\n) ease-in-out}a:hover{color:var(\n--highcontrast-link-text-color-primary-hover,var(\n--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)\n)}a:active{color:var(\n--highcontrast-link-text-color-primary-active,var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)\n)}a.focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--highcontrast-link-text-color-primary-focus,var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--highcontrast-link-text-color-secondary-default,var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)\n)}:host([variant=secondary]) a:hover{color:var(\n--highcontrast-link-text-color-secondary-hover,var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)\n)}:host([variant=secondary]) a:active{color:var(\n--highcontrast-link-text-color-secondary-active,var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)\n)}:host([variant=secondary]) a:focus{color:var(\n--highcontrast-link-text-color-secondary-focus,var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\n)\n)}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(\n--highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))\n)}:host([static=black]) a{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}:host([static=black]) a:active,:host([static=black]) a:focus,:host([static=black]) a:hover{color:var(\n--highcontrast-link-text-color-black,var(--mod-link-text-color-black,var(--spectrum-link-text-color-black))\n)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiEf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/custom-elements.json DELETED
@@ -1,132 +0,0 @@
1
- {
2
- "schemaVersion": "1.0.0",
3
- "readme": "",
4
- "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "sp-link.ts",
8
- "declarations": [],
9
- "exports": [
10
- {
11
- "kind": "custom-element-definition",
12
- "name": "sp-link",
13
- "declaration": {
14
- "name": "Link",
15
- "module": "/src/Link.js"
16
- }
17
- }
18
- ]
19
- },
20
- {
21
- "kind": "javascript-module",
22
- "path": "src/Link.ts",
23
- "declarations": [
24
- {
25
- "kind": "class",
26
- "description": "",
27
- "name": "Link",
28
- "members": [
29
- {
30
- "kind": "field",
31
- "name": "anchorElement",
32
- "type": {
33
- "text": "HTMLAnchorElement"
34
- }
35
- },
36
- {
37
- "kind": "field",
38
- "name": "variant",
39
- "type": {
40
- "text": "'secondary' | undefined"
41
- },
42
- "privacy": "public",
43
- "attribute": "variant",
44
- "reflects": true
45
- },
46
- {
47
- "kind": "field",
48
- "name": "static",
49
- "type": {
50
- "text": "'black' | 'white' | undefined"
51
- },
52
- "privacy": "public",
53
- "attribute": "static",
54
- "reflects": true
55
- },
56
- {
57
- "kind": "field",
58
- "name": "quiet",
59
- "type": {
60
- "text": "boolean"
61
- },
62
- "privacy": "public",
63
- "default": "false",
64
- "description": "Uses quiet styles or not",
65
- "attribute": "quiet",
66
- "reflects": true
67
- },
68
- {
69
- "kind": "field",
70
- "name": "focusElement",
71
- "type": {
72
- "text": "HTMLElement"
73
- },
74
- "privacy": "public"
75
- }
76
- ],
77
- "attributes": [
78
- {
79
- "description": "uses over background styles or not",
80
- "name": "over-background"
81
- },
82
- {
83
- "name": "variant",
84
- "type": {
85
- "text": "'secondary' | undefined"
86
- },
87
- "fieldName": "variant"
88
- },
89
- {
90
- "name": "static",
91
- "type": {
92
- "text": "'black' | 'white' | undefined"
93
- },
94
- "fieldName": "static"
95
- },
96
- {
97
- "name": "quiet",
98
- "type": {
99
- "text": "boolean"
100
- },
101
- "default": "false",
102
- "description": "Uses quiet styles or not",
103
- "fieldName": "quiet"
104
- }
105
- ],
106
- "mixins": [
107
- {
108
- "name": "LikeAnchor",
109
- "package": "@spectrum-web-components/shared/src/like-anchor.js"
110
- }
111
- ],
112
- "superclass": {
113
- "name": "Focusable",
114
- "package": "@spectrum-web-components/shared/src/focusable.js"
115
- },
116
- "tagName": "sp-link",
117
- "customElement": true
118
- }
119
- ],
120
- "exports": [
121
- {
122
- "kind": "js",
123
- "name": "Link",
124
- "declaration": {
125
- "name": "Link",
126
- "module": "src/Link.ts"
127
- }
128
- }
129
- ]
130
- }
131
- ]
132
- }