@spectrum-web-components/link 0.14.3 → 0.14.4-react.48

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 (10) hide show
  1. package/package.json +5 -5
  2. package/src/link.css.dev.js +19 -1
  3. package/src/link.css.dev.js.map +2 -2
  4. package/src/link.css.js +19 -1
  5. package/src/link.css.js.map +2 -2
  6. package/src/spectrum-link.css.dev.js +19 -1
  7. package/src/spectrum-link.css.dev.js.map +2 -2
  8. package/src/spectrum-link.css.js +19 -1
  9. package/src/spectrum-link.css.js.map +2 -2
  10. package/custom-elements.json +0 -115
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/link",
3
- "version": "0.14.3",
3
+ "version": "0.14.4-react.48+e4fada004",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,11 +57,11 @@
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-react.48+e4fada004",
61
+ "@spectrum-web-components/shared": "^0.15.6-react.48+e4fada004"
62
62
  },
63
63
  "devDependencies": {
64
- "@spectrum-css/link": "^4.0.1"
64
+ "@spectrum-css/link": "^4.0.8"
65
65
  },
66
66
  "types": "./src/index.d.ts",
67
67
  "customElements": "custom-elements.json",
@@ -69,5 +69,5 @@
69
69
  "./sp-*.js",
70
70
  "./**/*.dev.js"
71
71
  ],
72
- "gitHead": "6b88f4e9d596e410c2f9ed2272bc7d8d961eed1e"
72
+ "gitHead": "e4fada0040dcaf1e1267f2159f366ec708cb2d09"
73
73
  }
package/src/link.css.dev.js CHANGED
@@ -19,26 +19,44 @@ const styles = css`
19
19
  --spectrum-neutral-content-color-down
20
20
  );--spectrum-link-text-color-secondary-focus:var(
21
21
  --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-focus-color:CanvasText}:host([variant=secondary]) a{color:LinkText}:host([variant=secondary]) a:hover{color:LinkText}:host([variant=secondary]) a:active{color:LinkText}:host([variant=secondary]) a:focus{color:LinkText}&--staticBlack{--highcontrast-link-text-color-black:ButtonText}&--staticWhite{--highcontrast-link-text-color-white:ButtonText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(
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(
23
+ --highcontrast-link-text-color-primary-default,var(
23
24
  --mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)
25
+ )
24
26
  );cursor:pointer;outline:none;text-decoration:underline;transition:color var(
25
27
  --mod-link-animation-duration,var(--spectrum-link-animation-duration)
26
28
  ) ease-in-out}a:hover{color:var(
29
+ --highcontrast-link-text-color-primary-hover,var(
27
30
  --mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)
31
+ )
28
32
  )}a:active{color:var(
33
+ --highcontrast-link-text-color-primary-active,var(
29
34
  --mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)
35
+ )
30
36
  )}a.focus-visible{color:var(
37
+ --highcontrast-link-text-color-primary-focus,var(
31
38
  --mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)
39
+ )
32
40
  );text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(
41
+ --highcontrast-link-text-color-primary-focus,var(
33
42
  --mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)
43
+ )
34
44
  );text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(
45
+ --highcontrast-link-text-color-secondary-default,var(
35
46
  --mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)
47
+ )
36
48
  )}:host([variant=secondary]) a:hover{color:var(
49
+ --highcontrast-link-text-color-secondary-hover,var(
37
50
  --mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)
51
+ )
38
52
  )}:host([variant=secondary]) a:active{color:var(
53
+ --highcontrast-link-text-color-secondary-active,var(
39
54
  --mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)
55
+ )
40
56
  )}:host([variant=secondary]) a:focus{color:var(
57
+ --highcontrast-link-text-color-secondary-focus,var(
41
58
  --mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)
59
+ )
42
60
  )}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(
43
61
  --highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))
44
62
  )}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(
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-focus-color:CanvasText}:host([variant=secondary]) a{color:LinkText}:host([variant=secondary]) a:hover{color:LinkText}:host([variant=secondary]) a:active{color:LinkText}:host([variant=secondary]) a:focus{color:LinkText}&--staticBlack{--highcontrast-link-text-color-black:ButtonText}&--staticWhite{--highcontrast-link-text-color-white:ButtonText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\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--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)}a:active{color:var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)}a.focus-visible{color:var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)}:host([variant=secondary]) a:hover{color:var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)}:host([variant=secondary]) a:active{color:var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)}:host([variant=secondary]) a:focus{color:var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\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;AAiDf,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(\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;",
6
6
  "names": []
7
7
  }
package/src/link.css.js CHANGED
@@ -17,26 +17,44 @@
17
17
  --spectrum-neutral-content-color-down
18
18
  );--spectrum-link-text-color-secondary-focus:var(
19
19
  --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-focus-color:CanvasText}:host([variant=secondary]) a{color:LinkText}:host([variant=secondary]) a:hover{color:LinkText}:host([variant=secondary]) a:active{color:LinkText}:host([variant=secondary]) a:focus{color:LinkText}&--staticBlack{--highcontrast-link-text-color-black:ButtonText}&--staticWhite{--highcontrast-link-text-color-white:ButtonText}}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){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(
21
+ --highcontrast-link-text-color-primary-default,var(
21
22
  --mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)
23
+ )
22
24
  );cursor:pointer;outline:none;text-decoration:underline;transition:color var(
23
25
  --mod-link-animation-duration,var(--spectrum-link-animation-duration)
24
26
  ) ease-in-out}a:hover{color:var(
27
+ --highcontrast-link-text-color-primary-hover,var(
25
28
  --mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)
29
+ )
26
30
  )}a:active{color:var(
31
+ --highcontrast-link-text-color-primary-active,var(
27
32
  --mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)
33
+ )
28
34
  )}a.focus-visible{color:var(
35
+ --highcontrast-link-text-color-primary-focus,var(
29
36
  --mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)
37
+ )
30
38
  );text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(
39
+ --highcontrast-link-text-color-primary-focus,var(
31
40
  --mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)
41
+ )
32
42
  );text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(
43
+ --highcontrast-link-text-color-secondary-default,var(
33
44
  --mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)
45
+ )
34
46
  )}:host([variant=secondary]) a:hover{color:var(
47
+ --highcontrast-link-text-color-secondary-hover,var(
35
48
  --mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)
49
+ )
36
50
  )}:host([variant=secondary]) a:active{color:var(
51
+ --highcontrast-link-text-color-secondary-active,var(
37
52
  --mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)
53
+ )
38
54
  )}:host([variant=secondary]) a:focus{color:var(
55
+ --highcontrast-link-text-color-secondary-focus,var(
39
56
  --mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)
57
+ )
40
58
  )}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(
41
59
  --highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))
42
60
  )}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(
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-focus-color:CanvasText}:host([variant=secondary]) a{color:LinkText}:host([variant=secondary]) a:hover{color:LinkText}:host([variant=secondary]) a:active{color:LinkText}:host([variant=secondary]) a:focus{color:LinkText}&--staticBlack{--highcontrast-link-text-color-black:ButtonText}&--staticWhite{--highcontrast-link-text-color-white:ButtonText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\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--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)}a:active{color:var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)}a.focus-visible{color:var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)}:host([variant=secondary]) a:hover{color:var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)}:host([variant=secondary]) a:active{color:var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)}:host([variant=secondary]) a:focus{color:var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\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,EAiDf,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(\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",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-link.css.dev.js CHANGED
@@ -19,26 +19,44 @@ const styles = css`
19
19
  --spectrum-neutral-content-color-down
20
20
  );--spectrum-link-text-color-secondary-focus:var(
21
21
  --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-focus-color:CanvasText}:host([variant=secondary]) a{color:LinkText}:host([variant=secondary]) a:hover{color:LinkText}:host([variant=secondary]) a:active{color:LinkText}:host([variant=secondary]) a:focus{color:LinkText}&--staticBlack{--highcontrast-link-text-color-black:ButtonText}&--staticWhite{--highcontrast-link-text-color-white:ButtonText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(
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(
23
+ --highcontrast-link-text-color-primary-default,var(
23
24
  --mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)
25
+ )
24
26
  );cursor:pointer;outline:none;text-decoration:underline;transition:color var(
25
27
  --mod-link-animation-duration,var(--spectrum-link-animation-duration)
26
28
  ) ease-in-out}a:hover{color:var(
29
+ --highcontrast-link-text-color-primary-hover,var(
27
30
  --mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)
31
+ )
28
32
  )}a:active{color:var(
33
+ --highcontrast-link-text-color-primary-active,var(
29
34
  --mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)
35
+ )
30
36
  )}a.focus-visible{color:var(
37
+ --highcontrast-link-text-color-primary-focus,var(
31
38
  --mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)
39
+ )
32
40
  );text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(
41
+ --highcontrast-link-text-color-primary-focus,var(
33
42
  --mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)
43
+ )
34
44
  );text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(
45
+ --highcontrast-link-text-color-secondary-default,var(
35
46
  --mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)
47
+ )
36
48
  )}:host([variant=secondary]) a:hover{color:var(
49
+ --highcontrast-link-text-color-secondary-hover,var(
37
50
  --mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)
51
+ )
38
52
  )}:host([variant=secondary]) a:active{color:var(
53
+ --highcontrast-link-text-color-secondary-active,var(
39
54
  --mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)
55
+ )
40
56
  )}:host([variant=secondary]) a:focus{color:var(
57
+ --highcontrast-link-text-color-secondary-focus,var(
41
58
  --mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)
59
+ )
42
60
  )}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(
43
61
  --highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))
44
62
  )}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(
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-focus-color:CanvasText}:host([variant=secondary]) a{color:LinkText}:host([variant=secondary]) a:hover{color:LinkText}:host([variant=secondary]) a:active{color:LinkText}:host([variant=secondary]) a:focus{color:LinkText}&--staticBlack{--highcontrast-link-text-color-black:ButtonText}&--staticWhite{--highcontrast-link-text-color-white:ButtonText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\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--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)}a:active{color:var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)}a.focus-visible{color:var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)}:host([variant=secondary]) a:hover{color:var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)}:host([variant=secondary]) a:active{color:var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)}:host([variant=secondary]) a:focus{color:var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\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;AAiDf,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(\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;",
6
6
  "names": []
7
7
  }
package/src/spectrum-link.css.js CHANGED
@@ -17,26 +17,44 @@
17
17
  --spectrum-neutral-content-color-down
18
18
  );--spectrum-link-text-color-secondary-focus:var(
19
19
  --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-focus-color:CanvasText}:host([variant=secondary]) a{color:LinkText}:host([variant=secondary]) a:hover{color:LinkText}:host([variant=secondary]) a:active{color:LinkText}:host([variant=secondary]) a:focus{color:LinkText}&--staticBlack{--highcontrast-link-text-color-black:ButtonText}&--staticWhite{--highcontrast-link-text-color-white:ButtonText}}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){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(
21
+ --highcontrast-link-text-color-primary-default,var(
21
22
  --mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)
23
+ )
22
24
  );cursor:pointer;outline:none;text-decoration:underline;transition:color var(
23
25
  --mod-link-animation-duration,var(--spectrum-link-animation-duration)
24
26
  ) ease-in-out}a:hover{color:var(
27
+ --highcontrast-link-text-color-primary-hover,var(
25
28
  --mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)
29
+ )
26
30
  )}a:active{color:var(
31
+ --highcontrast-link-text-color-primary-active,var(
27
32
  --mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)
33
+ )
28
34
  )}a.focus-visible{color:var(
35
+ --highcontrast-link-text-color-primary-focus,var(
29
36
  --mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)
37
+ )
30
38
  );text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(
39
+ --highcontrast-link-text-color-primary-focus,var(
31
40
  --mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)
41
+ )
32
42
  );text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(
43
+ --highcontrast-link-text-color-secondary-default,var(
33
44
  --mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)
45
+ )
34
46
  )}:host([variant=secondary]) a:hover{color:var(
47
+ --highcontrast-link-text-color-secondary-hover,var(
35
48
  --mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)
49
+ )
36
50
  )}:host([variant=secondary]) a:active{color:var(
51
+ --highcontrast-link-text-color-secondary-active,var(
37
52
  --mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)
53
+ )
38
54
  )}:host([variant=secondary]) a:focus{color:var(
55
+ --highcontrast-link-text-color-secondary-focus,var(
39
56
  --mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)
57
+ )
40
58
  )}:host([quiet]) a{text-decoration:none}:host([quiet]) a:hover{text-decoration:underline}:host([static=white]) a{color:var(
41
59
  --highcontrast-link-text-color-white,var(--mod-link-text-color-white,var(--spectrum-link-text-color-white))
42
60
  )}:host([static=white]) a:active,:host([static=white]) a:focus,:host([static=white]) a:hover{color:var(
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-focus-color:CanvasText}:host([variant=secondary]) a{color:LinkText}:host([variant=secondary]) a:hover{color:LinkText}:host([variant=secondary]) a:active{color:LinkText}:host([variant=secondary]) a:focus{color:LinkText}&--staticBlack{--highcontrast-link-text-color-black:ButtonText}&--staticWhite{--highcontrast-link-text-color-white:ButtonText}}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:var(\n--mod-link-text-color-primary-default,var(--spectrum-link-text-color-primary-default)\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--mod-link-text-color-primary-hover,var(--spectrum-link-text-color-primary-hover)\n)}a:active{color:var(\n--mod-link-text-color-primary-active,var(--spectrum-link-text-color-primary-active)\n)}a.focus-visible{color:var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}a:focus-visible{color:var(\n--mod-link-text-color-primary-focus,var(--spectrum-link-text-color-primary-focus)\n);text-decoration:underline;text-decoration-color:var(--highcontrast-link-focus-color,inherit);text-decoration-style:double}:host([variant=secondary]) a{color:var(\n--mod-link-text-color-secondary-default,var(--spectrum-link-text-color-secondary-default)\n)}:host([variant=secondary]) a:hover{color:var(\n--mod-link-text-color-secondary-hover,var(--spectrum-link-text-color-secondary-hover)\n)}:host([variant=secondary]) a:active{color:var(\n--mod-link-text-color-secondary-active,var(--spectrum-link-text-color-secondary-active)\n)}:host([variant=secondary]) a:focus{color:var(\n--mod-link-text-color-secondary-focus,var(--spectrum-link-text-color-secondary-focus)\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,EAiDf,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(\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",
6
6
  "names": ["css", "styles"]
7
7
  }
package/custom-elements.json DELETED
@@ -1,115 +0,0 @@
1
- {
2
- "schemaVersion": "1.0.0",
3
- "readme": "",
4
- "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "sp-link.js",
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.js",
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": "focusElement",
59
- "type": {
60
- "text": "HTMLElement"
61
- },
62
- "privacy": "public"
63
- }
64
- ],
65
- "attributes": [
66
- {
67
- "description": "uses quiet styles or not",
68
- "name": "quiet"
69
- },
70
- {
71
- "description": "uses over background styles or not",
72
- "name": "over-background"
73
- },
74
- {
75
- "name": "variant",
76
- "type": {
77
- "text": "'secondary' | undefined"
78
- },
79
- "fieldName": "variant"
80
- },
81
- {
82
- "name": "static",
83
- "type": {
84
- "text": "'black' | 'white' | undefined"
85
- },
86
- "fieldName": "static"
87
- }
88
- ],
89
- "mixins": [
90
- {
91
- "name": "LikeAnchor",
92
- "package": "@spectrum-web-components/shared/src/like-anchor.js"
93
- }
94
- ],
95
- "superclass": {
96
- "name": "Focusable",
97
- "package": "@spectrum-web-components/shared/src/focusable.js"
98
- },
99
- "tagName": "sp-link",
100
- "customElement": true
101
- }
102
- ],
103
- "exports": [
104
- {
105
- "kind": "js",
106
- "name": "Link",
107
- "declaration": {
108
- "name": "Link",
109
- "module": "src/Link.js"
110
- }
111
- }
112
- ]
113
- }
114
- ]
115
- }