@spectrum-web-components/color-loupe - npm Package Compare versions

Comparing version 0.42.3 to 0.42.4

package.json

 {
     "name": "@spectrum-web-components/color-loupe",
-    "version": "0.42.3",
+    "version": "0.42.4",
     "publishConfig": {
@@ -60,7 +60,7 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.42.3",
-        "@spectrum-web-components/opacity-checkerboard": "^0.42.3"
+        "@spectrum-web-components/base": "^0.42.4",
+        "@spectrum-web-components/opacity-checkerboard": "^0.42.4"
     },
     "devDependencies": {
-        "@spectrum-css/colorloupe": "^4.2.4"
+        "@spectrum-css/colorloupe": "^5.1.0"
     },
@@ -73,3 +73,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "a03edce4f21f232f1705d8eb222e6e5436cad4c3"
+    "gitHead": "4924ffd06681ced537edaed873a9ce8b42cf155c"
 }

src/color-loupe.css.dev.js

 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-    :host{--spectrum-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(--spectrum-color-loupe-bottom-to-color-handle);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(--spectrum-color-loupe-drop-shadow-y);--spectrum-colorloupe-drop-shadow-blur:var(--spectrum-color-loupe-drop-shadow-blur);--spectrum-colorloupe-drop-shadow-color:var(--spectrum-color-loupe-drop-shadow-color);--spectrum-colorloupe-outer-border-width:var(--spectrum-color-loupe-outer-border-width);--spectrum-colorloupe-inner-border-width:var(--spectrum-color-loupe-inner-border-width);--spectrum-colorloupe-outer-border-color:var(--spectrum-color-loupe-outer-border);--spectrum-colorloupe-inner-border-color:var(--spectrum-color-loupe-inner-border);--spectrum-colorloupe-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-colorloupe-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);inline-size:var(--spectrum-colorloupe-width);block-size:var(--spectrum-colorloupe-height);transform:translate(0,var(--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x))var(--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y))var(--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur))var(--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;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)}: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(--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color));stroke-width:var(--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width))}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(--highcontrast-colorloupe-outer-border-color,var(--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)));stroke-width:calc(var(--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)) + 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{width:inherit;height:inherit}.loupe-clipped{clip-path:path("M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ")}.opacity-checkerboard{block-size:100%;inline-size:100%;position:absolute;top:2px;left:2px}
+    :host{--spectrum-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(--spectrum-color-loupe-bottom-to-color-handle);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(--spectrum-color-loupe-drop-shadow-y);--spectrum-colorloupe-drop-shadow-blur:var(--spectrum-color-loupe-drop-shadow-blur);--spectrum-colorloupe-drop-shadow-color:var(--spectrum-color-loupe-drop-shadow-color);--spectrum-colorloupe-outer-border-width:var(--spectrum-color-loupe-outer-border-width);--spectrum-colorloupe-inner-border-width:var(--spectrum-color-loupe-inner-border-width);--spectrum-colorloupe-outer-border-color:var(--spectrum-color-loupe-outer-border);--spectrum-colorloupe-inner-border-color:var(--spectrum-color-loupe-inner-border);--spectrum-colorloupe-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-colorloupe-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);inline-size:var(--spectrum-colorloupe-width);block-size:var(--spectrum-colorloupe-height);transform:translateY(var(--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x))var(--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y))var(--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur))var(--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;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)}:host:dir(rtl),: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(--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color));stroke-width:var(--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width))}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(--highcontrast-colorloupe-outer-border-color,var(--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)));stroke-width:calc(var(--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)) + 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{width:inherit;height:inherit}.loupe-clipped{clip-path:path("M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ")}.opacity-checkerboard{block-size:100%;inline-size:100%;position:absolute;top:2px;left:2px}
 `;
 export default styles;
 //# sourceMappingURL=color-loupe.css.dev.js.map

src/color-loupe.css.js

 "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
-    :host{--spectrum-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(--spectrum-color-loupe-bottom-to-color-handle);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(--spectrum-color-loupe-drop-shadow-y);--spectrum-colorloupe-drop-shadow-blur:var(--spectrum-color-loupe-drop-shadow-blur);--spectrum-colorloupe-drop-shadow-color:var(--spectrum-color-loupe-drop-shadow-color);--spectrum-colorloupe-outer-border-width:var(--spectrum-color-loupe-outer-border-width);--spectrum-colorloupe-inner-border-width:var(--spectrum-color-loupe-inner-border-width);--spectrum-colorloupe-outer-border-color:var(--spectrum-color-loupe-outer-border);--spectrum-colorloupe-inner-border-color:var(--spectrum-color-loupe-inner-border);--spectrum-colorloupe-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-colorloupe-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);inline-size:var(--spectrum-colorloupe-width);block-size:var(--spectrum-colorloupe-height);transform:translate(0,var(--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x))var(--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y))var(--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur))var(--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;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)}: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(--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color));stroke-width:var(--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width))}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(--highcontrast-colorloupe-outer-border-color,var(--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)));stroke-width:calc(var(--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)) + 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{width:inherit;height:inherit}.loupe-clipped{clip-path:path("M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ")}.opacity-checkerboard{block-size:100%;inline-size:100%;position:absolute;top:2px;left:2px}
+    :host{--spectrum-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(--spectrum-color-loupe-bottom-to-color-handle);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(--spectrum-color-loupe-drop-shadow-y);--spectrum-colorloupe-drop-shadow-blur:var(--spectrum-color-loupe-drop-shadow-blur);--spectrum-colorloupe-drop-shadow-color:var(--spectrum-color-loupe-drop-shadow-color);--spectrum-colorloupe-outer-border-width:var(--spectrum-color-loupe-outer-border-width);--spectrum-colorloupe-inner-border-width:var(--spectrum-color-loupe-inner-border-width);--spectrum-colorloupe-outer-border-color:var(--spectrum-color-loupe-outer-border);--spectrum-colorloupe-inner-border-color:var(--spectrum-color-loupe-inner-border);--spectrum-colorloupe-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-colorloupe-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);inline-size:var(--spectrum-colorloupe-width);block-size:var(--spectrum-colorloupe-height);transform:translateY(var(--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x))var(--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y))var(--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur))var(--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;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)}:host:dir(rtl),: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(--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color));stroke-width:var(--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width))}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(--highcontrast-colorloupe-outer-border-color,var(--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)));stroke-width:calc(var(--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)) + 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{width:inherit;height:inherit}.loupe-clipped{clip-path:path("M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ")}.opacity-checkerboard{block-size:100%;inline-size:100%;position:absolute;top:2px;left:2px}
 `;export default r;
 //# sourceMappingURL=color-loupe.css.js.map

src/ColorLoupe.dev.js

@@ -9,4 +9,3 @@ "use strict";
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
@@ -13,0 +12,0 @@ };

src/spectrum-color-loupe.css.dev.js

 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-    :host{--spectrum-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(--spectrum-color-loupe-bottom-to-color-handle);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(--spectrum-color-loupe-drop-shadow-y);--spectrum-colorloupe-drop-shadow-blur:var(--spectrum-color-loupe-drop-shadow-blur);--spectrum-colorloupe-drop-shadow-color:var(--spectrum-color-loupe-drop-shadow-color);--spectrum-colorloupe-outer-border-width:var(--spectrum-color-loupe-outer-border-width);--spectrum-colorloupe-inner-border-width:var(--spectrum-color-loupe-inner-border-width);--spectrum-colorloupe-outer-border-color:var(--spectrum-color-loupe-outer-border);--spectrum-colorloupe-inner-border-color:var(--spectrum-color-loupe-inner-border);--spectrum-colorloupe-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-colorloupe-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);inline-size:var(--spectrum-colorloupe-width);block-size:var(--spectrum-colorloupe-height);transform:translate(0,var(--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x))var(--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y))var(--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur))var(--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;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)}: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(--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color));stroke-width:var(--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width))}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(--highcontrast-colorloupe-outer-border-color,var(--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)));stroke-width:calc(var(--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)) + 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}}
+    :host{--spectrum-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(--spectrum-color-loupe-bottom-to-color-handle);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(--spectrum-color-loupe-drop-shadow-y);--spectrum-colorloupe-drop-shadow-blur:var(--spectrum-color-loupe-drop-shadow-blur);--spectrum-colorloupe-drop-shadow-color:var(--spectrum-color-loupe-drop-shadow-color);--spectrum-colorloupe-outer-border-width:var(--spectrum-color-loupe-outer-border-width);--spectrum-colorloupe-inner-border-width:var(--spectrum-color-loupe-inner-border-width);--spectrum-colorloupe-outer-border-color:var(--spectrum-color-loupe-outer-border);--spectrum-colorloupe-inner-border-color:var(--spectrum-color-loupe-inner-border);--spectrum-colorloupe-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-colorloupe-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);inline-size:var(--spectrum-colorloupe-width);block-size:var(--spectrum-colorloupe-height);transform:translateY(var(--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x))var(--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y))var(--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur))var(--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;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)}:host:dir(rtl),: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(--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color));stroke-width:var(--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width))}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(--highcontrast-colorloupe-outer-border-color,var(--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)));stroke-width:calc(var(--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)) + 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}}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-color-loupe.css.dev.js.map

src/spectrum-color-loupe.css.js

 "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
-    :host{--spectrum-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(--spectrum-color-loupe-bottom-to-color-handle);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(--spectrum-color-loupe-drop-shadow-y);--spectrum-colorloupe-drop-shadow-blur:var(--spectrum-color-loupe-drop-shadow-blur);--spectrum-colorloupe-drop-shadow-color:var(--spectrum-color-loupe-drop-shadow-color);--spectrum-colorloupe-outer-border-width:var(--spectrum-color-loupe-outer-border-width);--spectrum-colorloupe-inner-border-width:var(--spectrum-color-loupe-inner-border-width);--spectrum-colorloupe-outer-border-color:var(--spectrum-color-loupe-outer-border);--spectrum-colorloupe-inner-border-color:var(--spectrum-color-loupe-inner-border);--spectrum-colorloupe-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-colorloupe-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);inline-size:var(--spectrum-colorloupe-width);block-size:var(--spectrum-colorloupe-height);transform:translate(0,var(--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x))var(--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y))var(--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur))var(--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;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)}: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(--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color));stroke-width:var(--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width))}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(--highcontrast-colorloupe-outer-border-color,var(--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)));stroke-width:calc(var(--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)) + 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}}
+    :host{--spectrum-colorloupe-width:var(--spectrum-color-loupe-width);--spectrum-colorloupe-height:var(--spectrum-color-loupe-height);--spectrum-colorloupe-offset:var(--spectrum-color-loupe-bottom-to-color-handle);--spectrum-colorloupe-animation-distance:8px;--spectrum-colorloupe-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(--spectrum-color-loupe-drop-shadow-y);--spectrum-colorloupe-drop-shadow-blur:var(--spectrum-color-loupe-drop-shadow-blur);--spectrum-colorloupe-drop-shadow-color:var(--spectrum-color-loupe-drop-shadow-color);--spectrum-colorloupe-outer-border-width:var(--spectrum-color-loupe-outer-border-width);--spectrum-colorloupe-inner-border-width:var(--spectrum-color-loupe-inner-border-width);--spectrum-colorloupe-outer-border-color:var(--spectrum-color-loupe-outer-border);--spectrum-colorloupe-inner-border-color:var(--spectrum-color-loupe-inner-border);--spectrum-colorloupe-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-colorloupe-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);inline-size:var(--spectrum-colorloupe-width);block-size:var(--spectrum-colorloupe-height);transform:translateY(var(--mod-colorloupe-animation-distance,var(--spectrum-colorloupe-animation-distance)));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--mod-colorloupe-drop-shadow-x,var(--spectrum-colorloupe-drop-shadow-x))var(--mod-colorloupe-drop-shadow-y,var(--spectrum-colorloupe-drop-shadow-y))var(--mod-colorloupe-drop-shadow-blur,var(--spectrum-colorloupe-drop-shadow-blur))var(--mod-colorloupe-drop-shadow-color,var(--spectrum-colorloupe-drop-shadow-color)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;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)}:host:dir(rtl),: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(--mod-colorloupe-inner-border-color,var(--spectrum-colorloupe-inner-border-color));stroke-width:var(--mod-colorloupe-inner-border-width,var(--spectrum-colorloupe-inner-border-width))}.spectrum-ColorLoupe-outer-border{fill:none;stroke:var(--highcontrast-colorloupe-outer-border-color,var(--mod-colorloupe-outer-border-color,var(--spectrum-colorloupe-outer-border-color)));stroke-width:calc(var(--mod-colorloupe-outer-border-width,var(--spectrum-colorloupe-outer-border-width)) + 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}}
 `;export default r;
 //# sourceMappingURL=spectrum-color-loupe.css.js.map

No alert changes

Improved metrics

Total package byte prevSize

79279

increased by0.14%

Worsened metrics

Lines of code

425

decreased by-0.23%

Dependency changes

• Updated@spectrum-web-components/base@^0.42.4

• Updated@spectrum-web-components/opacity-checkerboard@^0.42.4