@spectrum-web-components/color-loupe 0.34.1-rc.0 → 0.35.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. package/custom-elements.json +3 -3
  2. package/package.json +4 -4
  3. package/src/color-loupe.css.dev.js +5 -4
  4. package/src/color-loupe.css.dev.js.map +2 -2
  5. package/src/color-loupe.css.js +5 -4
  6. package/src/color-loupe.css.js.map +2 -2
  7. package/src/spectrum-color-loupe.css.dev.js +5 -4
  8. package/src/spectrum-color-loupe.css.dev.js.map +2 -2
  9. package/src/spectrum-color-loupe.css.js +5 -4
  10. package/src/spectrum-color-loupe.css.js.map +2 -2
package/custom-elements.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "sp-color-loupe.ts",
7
+ "path": "sp-color-loupe.js",
8
8
  "declarations": [],
9
9
  "exports": [
10
10
  {
@@ -19,7 +19,7 @@
19
19
  },
20
20
  {
21
21
  "kind": "javascript-module",
22
- "path": "src/ColorLoupe.ts",
22
+ "path": "src/ColorLoupe.js",
23
23
  "declarations": [
24
24
  {
25
25
  "kind": "class",
@@ -80,7 +80,7 @@
80
80
  "name": "ColorLoupe",
81
81
  "declaration": {
82
82
  "name": "ColorLoupe",
83
- "module": "src/ColorLoupe.ts"
83
+ "module": "src/ColorLoupe.js"
84
84
  }
85
85
  }
86
86
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/color-loupe",
3
- "version": "0.34.1-rc.0+1647bfed5",
3
+ "version": "0.35.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,10 +57,10 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.34.1-rc.0+1647bfed5"
60
+ "@spectrum-web-components/base": "^0.35.0"
61
61
  },
62
62
  "devDependencies": {
63
- "@spectrum-css/colorloupe": "^4.1.0"
63
+ "@spectrum-css/colorloupe": "^4.1.6"
64
64
  },
65
65
  "types": "./src/index.d.ts",
66
66
  "customElements": "custom-elements.json",
@@ -68,5 +68,5 @@
68
68
  "./sp-*.js",
69
69
  "./**/*.dev.js"
70
70
  ],
71
- "gitHead": "1647bfed54cb29f3513343cd0d2c2d9e73e1c508"
71
+ "gitHead": "1ee5a6c92838cdf48321276d97f61c20f8476ac1"
72
72
  }
package/src/color-loupe.css.dev.js CHANGED
@@ -29,7 +29,7 @@ const styles = css`
29
29
  --mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)
30
30
  ) var(
31
31
  --mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)
32
- ));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 + 1px);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(
32
+ ));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(
33
33
  --mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)
34
34
  ));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(
35
35
  --mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)
@@ -39,9 +39,10 @@ const styles = css`
39
39
  --highcontrast-colorloupe-outer-border-color,var(
40
40
  --mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)
41
41
  )
42
- );stroke-width:var(
43
- --mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)
44
- )}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}svg{height:inherit;width:inherit}
42
+ );stroke-width:calc(var(
43
+ --mod-colorloupe-outer-border-width,
44
+ var(--spectrum-colorloupe-outer-border-width)
45
+ ) + 2px)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}svg{height:inherit;width:inherit}
45
46
  `;
46
47
  export default styles;
47
48
  //# sourceMappingURL=color-loupe.css.dev.js.map
package/src/color-loupe.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["color-loupe.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-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(\n--spectrum-color-loupe-bottom-to-color-handle\n);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(\n--spectrum-color-loupe-drop-shadow-y\n);--spectrum-colorloupe-drop-shadow-blur:var(\n--spectrum-color-loupe-drop-shadow-blur\n);--spectrum-colorloupe-drop-shadow-color:var(\n--spectrum-color-loupe-drop-shadow-color\n);--spectrum-colorloupe-outer-border-width:var(\n--spectrum-color-loupe-outer-border-width\n);--spectrum-colorloupe-inner-border-width:var(\n--spectrum-color-loupe-inner-border-width\n);--spectrum-colorloupe-outer-border-color:var(\n--spectrum-color-loupe-outer-border\n);--spectrum-colorloupe-inner-border-color:var(\n--spectrum-color-loupe-inner-border\n);--spectrum-colorloupe-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-colorloupe-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n)}:host{block-size:var(--spectrum-colorloupe-height);filter:drop-shadow(var(\n--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x)\n) var(\n--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y)\n) var(\n--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)\n) var(\n--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)\n));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 + 1px);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(\n--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)\n));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(\n--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)\n);stroke-width:var(\n--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width)\n)}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(\n--highcontrast-colorloupe-outer-border-color,var(\n--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)\n)\n);stroke-width:var(\n--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)\n)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}svg{height:inherit;width:inherit}\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;AA2Cf,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-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(\n--spectrum-color-loupe-bottom-to-color-handle\n);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(\n--spectrum-color-loupe-drop-shadow-y\n);--spectrum-colorloupe-drop-shadow-blur:var(\n--spectrum-color-loupe-drop-shadow-blur\n);--spectrum-colorloupe-drop-shadow-color:var(\n--spectrum-color-loupe-drop-shadow-color\n);--spectrum-colorloupe-outer-border-width:var(\n--spectrum-color-loupe-outer-border-width\n);--spectrum-colorloupe-inner-border-width:var(\n--spectrum-color-loupe-inner-border-width\n);--spectrum-colorloupe-outer-border-color:var(\n--spectrum-color-loupe-outer-border\n);--spectrum-colorloupe-inner-border-color:var(\n--spectrum-color-loupe-inner-border\n);--spectrum-colorloupe-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-colorloupe-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n)}:host{block-size:var(--spectrum-colorloupe-height);filter:drop-shadow(var(\n--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x)\n) var(\n--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y)\n) var(\n--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)\n) var(\n--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)\n));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(\n--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)\n));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(\n--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)\n);stroke-width:var(\n--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width)\n)}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(\n--highcontrast-colorloupe-outer-border-color,var(\n--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)\n)\n);stroke-width:calc(var(\n--mod-colorloupe-outer-border-width,\nvar(--spectrum-colorloupe-outer-border-width)\n) + 2px)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}svg{height:inherit;width:inherit}\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;AA4Cf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/color-loupe.css.js CHANGED
@@ -27,7 +27,7 @@
27
27
  --mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)
28
28
  ) var(
29
29
  --mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)
30
- ));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 + 1px);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(
30
+ ));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(
31
31
  --mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)
32
32
  ));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(
33
33
  --mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)
@@ -37,8 +37,9 @@
37
37
  --highcontrast-colorloupe-outer-border-color,var(
38
38
  --mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)
39
39
  )
40
- );stroke-width:var(
41
- --mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)
42
- )}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}svg{height:inherit;width:inherit}
40
+ );stroke-width:calc(var(
41
+ --mod-colorloupe-outer-border-width,
42
+ var(--spectrum-colorloupe-outer-border-width)
43
+ ) + 2px)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}svg{height:inherit;width:inherit}
43
44
  `;export default r;
44
45
  //# sourceMappingURL=color-loupe.css.js.map
package/src/color-loupe.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["color-loupe.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-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(\n--spectrum-color-loupe-bottom-to-color-handle\n);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(\n--spectrum-color-loupe-drop-shadow-y\n);--spectrum-colorloupe-drop-shadow-blur:var(\n--spectrum-color-loupe-drop-shadow-blur\n);--spectrum-colorloupe-drop-shadow-color:var(\n--spectrum-color-loupe-drop-shadow-color\n);--spectrum-colorloupe-outer-border-width:var(\n--spectrum-color-loupe-outer-border-width\n);--spectrum-colorloupe-inner-border-width:var(\n--spectrum-color-loupe-inner-border-width\n);--spectrum-colorloupe-outer-border-color:var(\n--spectrum-color-loupe-outer-border\n);--spectrum-colorloupe-inner-border-color:var(\n--spectrum-color-loupe-inner-border\n);--spectrum-colorloupe-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-colorloupe-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n)}:host{block-size:var(--spectrum-colorloupe-height);filter:drop-shadow(var(\n--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x)\n) var(\n--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y)\n) var(\n--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)\n) var(\n--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)\n));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 + 1px);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(\n--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)\n));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(\n--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)\n);stroke-width:var(\n--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width)\n)}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(\n--highcontrast-colorloupe-outer-border-color,var(\n--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)\n)\n);stroke-width:var(\n--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)\n)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}svg{height:inherit;width:inherit}\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,EA2Cf,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-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(\n--spectrum-color-loupe-bottom-to-color-handle\n);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(\n--spectrum-color-loupe-drop-shadow-y\n);--spectrum-colorloupe-drop-shadow-blur:var(\n--spectrum-color-loupe-drop-shadow-blur\n);--spectrum-colorloupe-drop-shadow-color:var(\n--spectrum-color-loupe-drop-shadow-color\n);--spectrum-colorloupe-outer-border-width:var(\n--spectrum-color-loupe-outer-border-width\n);--spectrum-colorloupe-inner-border-width:var(\n--spectrum-color-loupe-inner-border-width\n);--spectrum-colorloupe-outer-border-color:var(\n--spectrum-color-loupe-outer-border\n);--spectrum-colorloupe-inner-border-color:var(\n--spectrum-color-loupe-inner-border\n);--spectrum-colorloupe-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-colorloupe-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n)}:host{block-size:var(--spectrum-colorloupe-height);filter:drop-shadow(var(\n--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x)\n) var(\n--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y)\n) var(\n--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)\n) var(\n--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)\n));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(\n--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)\n));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(\n--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)\n);stroke-width:var(\n--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width)\n)}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(\n--highcontrast-colorloupe-outer-border-color,var(\n--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)\n)\n);stroke-width:calc(var(\n--mod-colorloupe-outer-border-width,\nvar(--spectrum-colorloupe-outer-border-width)\n) + 2px)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}svg{height:inherit;width:inherit}\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,EA4Cf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-color-loupe.css.dev.js CHANGED
@@ -29,7 +29,7 @@ const styles = css`
29
29
  --mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)
30
30
  ) var(
31
31
  --mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)
32
- ));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 + 1px);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(
32
+ ));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(
33
33
  --mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)
34
34
  ));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(
35
35
  --mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)
@@ -39,9 +39,10 @@ const styles = css`
39
39
  --highcontrast-colorloupe-outer-border-color,var(
40
40
  --mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)
41
41
  )
42
- );stroke-width:var(
43
- --mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)
44
- )}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}
42
+ );stroke-width:calc(var(
43
+ --mod-colorloupe-outer-border-width,
44
+ var(--spectrum-colorloupe-outer-border-width)
45
+ ) + 2px)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}
45
46
  `;
46
47
  export default styles;
47
48
  //# sourceMappingURL=spectrum-color-loupe.css.dev.js.map
package/src/spectrum-color-loupe.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-color-loupe.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-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(\n--spectrum-color-loupe-bottom-to-color-handle\n);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(\n--spectrum-color-loupe-drop-shadow-y\n);--spectrum-colorloupe-drop-shadow-blur:var(\n--spectrum-color-loupe-drop-shadow-blur\n);--spectrum-colorloupe-drop-shadow-color:var(\n--spectrum-color-loupe-drop-shadow-color\n);--spectrum-colorloupe-outer-border-width:var(\n--spectrum-color-loupe-outer-border-width\n);--spectrum-colorloupe-inner-border-width:var(\n--spectrum-color-loupe-inner-border-width\n);--spectrum-colorloupe-outer-border-color:var(\n--spectrum-color-loupe-outer-border\n);--spectrum-colorloupe-inner-border-color:var(\n--spectrum-color-loupe-inner-border\n);--spectrum-colorloupe-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-colorloupe-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n)}:host{block-size:var(--spectrum-colorloupe-height);filter:drop-shadow(var(\n--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x)\n) var(\n--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y)\n) var(\n--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)\n) var(\n--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)\n));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 + 1px);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(\n--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)\n));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(\n--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)\n);stroke-width:var(\n--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width)\n)}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(\n--highcontrast-colorloupe-outer-border-color,var(\n--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)\n)\n);stroke-width:var(\n--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)\n)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}\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;AA2Cf,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-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(\n--spectrum-color-loupe-bottom-to-color-handle\n);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(\n--spectrum-color-loupe-drop-shadow-y\n);--spectrum-colorloupe-drop-shadow-blur:var(\n--spectrum-color-loupe-drop-shadow-blur\n);--spectrum-colorloupe-drop-shadow-color:var(\n--spectrum-color-loupe-drop-shadow-color\n);--spectrum-colorloupe-outer-border-width:var(\n--spectrum-color-loupe-outer-border-width\n);--spectrum-colorloupe-inner-border-width:var(\n--spectrum-color-loupe-inner-border-width\n);--spectrum-colorloupe-outer-border-color:var(\n--spectrum-color-loupe-outer-border\n);--spectrum-colorloupe-inner-border-color:var(\n--spectrum-color-loupe-inner-border\n);--spectrum-colorloupe-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-colorloupe-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n)}:host{block-size:var(--spectrum-colorloupe-height);filter:drop-shadow(var(\n--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x)\n) var(\n--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y)\n) var(\n--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)\n) var(\n--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)\n));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(\n--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)\n));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(\n--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)\n);stroke-width:var(\n--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width)\n)}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(\n--highcontrast-colorloupe-outer-border-color,var(\n--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)\n)\n);stroke-width:calc(var(\n--mod-colorloupe-outer-border-width,\nvar(--spectrum-colorloupe-outer-border-width)\n) + 2px)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}\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;AA4Cf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-color-loupe.css.js CHANGED
@@ -27,7 +27,7 @@
27
27
  --mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)
28
28
  ) var(
29
29
  --mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)
30
- ));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 + 1px);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(
30
+ ));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(
31
31
  --mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)
32
32
  ));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(
33
33
  --mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)
@@ -37,8 +37,9 @@
37
37
  --highcontrast-colorloupe-outer-border-color,var(
38
38
  --mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)
39
39
  )
40
- );stroke-width:var(
41
- --mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)
42
- )}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}
40
+ );stroke-width:calc(var(
41
+ --mod-colorloupe-outer-border-width,
42
+ var(--spectrum-colorloupe-outer-border-width)
43
+ ) + 2px)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}
43
44
  `;export default r;
44
45
  //# sourceMappingURL=spectrum-color-loupe.css.js.map
package/src/spectrum-color-loupe.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-color-loupe.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-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(\n--spectrum-color-loupe-bottom-to-color-handle\n);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(\n--spectrum-color-loupe-drop-shadow-y\n);--spectrum-colorloupe-drop-shadow-blur:var(\n--spectrum-color-loupe-drop-shadow-blur\n);--spectrum-colorloupe-drop-shadow-color:var(\n--spectrum-color-loupe-drop-shadow-color\n);--spectrum-colorloupe-outer-border-width:var(\n--spectrum-color-loupe-outer-border-width\n);--spectrum-colorloupe-inner-border-width:var(\n--spectrum-color-loupe-inner-border-width\n);--spectrum-colorloupe-outer-border-color:var(\n--spectrum-color-loupe-outer-border\n);--spectrum-colorloupe-inner-border-color:var(\n--spectrum-color-loupe-inner-border\n);--spectrum-colorloupe-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-colorloupe-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n)}:host{block-size:var(--spectrum-colorloupe-height);filter:drop-shadow(var(\n--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x)\n) var(\n--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y)\n) var(\n--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)\n) var(\n--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)\n));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 + 1px);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(\n--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)\n));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(\n--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)\n);stroke-width:var(\n--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width)\n)}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(\n--highcontrast-colorloupe-outer-border-color,var(\n--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)\n)\n);stroke-width:var(\n--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)\n)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}\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,EA2Cf,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-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(\n--spectrum-color-loupe-bottom-to-color-handle\n);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(\n--spectrum-color-loupe-drop-shadow-y\n);--spectrum-colorloupe-drop-shadow-blur:var(\n--spectrum-color-loupe-drop-shadow-blur\n);--spectrum-colorloupe-drop-shadow-color:var(\n--spectrum-color-loupe-drop-shadow-color\n);--spectrum-colorloupe-outer-border-width:var(\n--spectrum-color-loupe-outer-border-width\n);--spectrum-colorloupe-inner-border-width:var(\n--spectrum-color-loupe-inner-border-width\n);--spectrum-colorloupe-outer-border-color:var(\n--spectrum-color-loupe-outer-border\n);--spectrum-colorloupe-inner-border-color:var(\n--spectrum-color-loupe-inner-border\n);--spectrum-colorloupe-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-colorloupe-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n)}:host{block-size:var(--spectrum-colorloupe-height);filter:drop-shadow(var(\n--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x)\n) var(\n--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y)\n) var(\n--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur)\n) var(\n--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)\n));inline-size:var(--spectrum-colorloupe-width);inset-block-end:calc(var(--spectrum-color-handle-size) - var(--spectrum-color-handle-outer-border-width) + var(--mod-colorloupe-offset, var(--spectrum-colorloupe-offset)));inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(\n--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)\n));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out}:host([dir=rtl]){inset-inline-end:calc(50% - var(--spectrum-colorloupe-width)/2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.spectrum-ColorLoupe-inner-border{fill:var(--spectrum-picked-color);stroke:var(\n--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color)\n);stroke-width:var(\n--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width)\n)}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(\n--highcontrast-colorloupe-outer-border-color,var(\n--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)\n)\n);stroke-width:calc(var(\n--mod-colorloupe-outer-border-width,\nvar(--spectrum-colorloupe-outer-border-width)\n) + 2px)}.spectrum-ColorLoupe-checkerboard-pattern{fill:var(--spectrum-colorloupe-checkerboard-dark-color)}.spectrum-ColorLoupe-checkerboard-background{fill:var(--spectrum-colorloupe-checkerboard-light-color)}.spectrum-ColorLoupe-checkerboard-fill{fill:var(--spectrum-colorloupe-checkerboard-fill)}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}\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,EA4Cf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }