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

Comparing version 0.50.0-beta.8 to 0.50.0-beta.9

package.json

 {
     "name": "@spectrum-web-components/color-loupe",
-    "version": "0.50.0-beta.8",
+    "version": "0.50.0-beta.9",
     "publishConfig": {
@@ -32,2 +32,3 @@ "access": "public"
         },
+        "./src/color-loupe-overrides.css.js": "./src/color-loupe-overrides.css.js",
         "./src/color-loupe.css.js": "./src/color-loupe.css.js",
@@ -61,7 +62,7 @@ "./src/index.js": {
     "dependencies": {
-        "@spectrum-web-components/base": "^0.50.0-beta.8",
-        "@spectrum-web-components/opacity-checkerboard": "^0.50.0-beta.8"
+        "@spectrum-web-components/base": "^0.50.0-beta.9",
+        "@spectrum-web-components/opacity-checkerboard": "^0.50.0-beta.9"
     },
     "devDependencies": {
-        "@spectrum-css/colorloupe": "^5.1.0"
+        "@spectrum-css/colorloupe": "^6.0.0-s2-foundations.15"
     },
@@ -74,3 +75,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "8764173251bcf2b85ddef058ec9433c0f8dfcc6c"
+    "gitHead": "c984cc2babbfecd14c86403ab920fbf6b0beb52c"
 }

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: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}
+    :host{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}}:host{--spectrum-colorloupe-width:var(--system-color-loupe-width);--spectrum-colorloupe-height:var(--system-color-loupe-height);--spectrum-colorloupe-offset:var(--system-color-loupe-offset);--spectrum-colorloupe-animation-distance:var(--system-color-loupe-animation-distance);--spectrum-colorloupe-drop-shadow-x:var(--system-color-loupe-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(--system-color-loupe-drop-shadow-y);--spectrum-colorloupe-drop-shadow-blur:var(--system-color-loupe-drop-shadow-blur);--spectrum-colorloupe-drop-shadow-color:var(--system-color-loupe-drop-shadow-color);--spectrum-colorloupe-outer-border-width:var(--system-color-loupe-outer-border-width);--spectrum-colorloupe-inner-border-width:var(--system-color-loupe-inner-border-width);--spectrum-colorloupe-outer-border-color:var(--system-color-loupe-outer-border-color);--spectrum-colorloupe-inner-border-color:var(--system-color-loupe-inner-border-color);--spectrum-colorloupe-checkerboard-dark-color:var(--system-color-loupe-checkerboard-dark-color);--spectrum-colorloupe-checkerboard-light-color:var(--system-color-loupe-checkerboard-light-color)}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: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}
+    :host{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}}:host{--spectrum-colorloupe-width:var(--system-color-loupe-width);--spectrum-colorloupe-height:var(--system-color-loupe-height);--spectrum-colorloupe-offset:var(--system-color-loupe-offset);--spectrum-colorloupe-animation-distance:var(--system-color-loupe-animation-distance);--spectrum-colorloupe-drop-shadow-x:var(--system-color-loupe-drop-shadow-x);--spectrum-colorloupe-drop-shadow-y:var(--system-color-loupe-drop-shadow-y);--spectrum-colorloupe-drop-shadow-blur:var(--system-color-loupe-drop-shadow-blur);--spectrum-colorloupe-drop-shadow-color:var(--system-color-loupe-drop-shadow-color);--spectrum-colorloupe-outer-border-width:var(--system-color-loupe-outer-border-width);--spectrum-colorloupe-inner-border-width:var(--system-color-loupe-inner-border-width);--spectrum-colorloupe-outer-border-color:var(--system-color-loupe-outer-border-color);--spectrum-colorloupe-inner-border-color:var(--system-color-loupe-inner-border-color);--spectrum-colorloupe-checkerboard-dark-color:var(--system-color-loupe-checkerboard-dark-color);--spectrum-colorloupe-checkerboard-light-color:var(--system-color-loupe-checkerboard-light-color)}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/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: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}}
+    :host{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: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}}
+    :host{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

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 3 instances in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 2 instances in 1 package

Improved metrics

Total package byte prevSize

79768

increased by3.39%

Number of package files

44

increased by12.82%

Lines of code

347

increased by3.27%

Worsened metrics

Number of low license alerts

13

increased by8.33%

Dependency changes

• Updated@spectrum-web-components/base@^0.50.0-beta.9

• Updated@spectrum-web-components/opacity-checkerboard@^0.50.0-beta.9