@spectrum-web-components/link 0.14.4-react.32 → 0.14.4-react.49

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 (9) 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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/link",
3
- "version": "0.14.4-react.32+342d768c5",
3
+ "version": "0.14.4-react.49+7959cb8d1",
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.5-react.32+342d768c5",
61
- "@spectrum-web-components/shared": "^0.15.6-react.32+342d768c5"
60
+ "@spectrum-web-components/base": "^0.7.5-react.49+7959cb8d1",
61
+ "@spectrum-web-components/shared": "^0.15.6-react.49+7959cb8d1"
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": "342d768c58d0a2790117f7625db6085210bb7f17"
72
+ "gitHead": "7959cb8d1df072fc473ec1687b2a7328550b96f7"
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
  }