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

Comparing version 0.4.6 to 0.4.7

package.json

 {
     "name": "@spectrum-web-components/color-loupe",
-    "version": "0.4.6",
+    "version": "0.4.7",
     "publishConfig": {
@@ -71,3 +71,3 @@ "access": "public"
     ],
-    "gitHead": "007a762c0257af4cd74e3781d877a8a8343acfd0"
+    "gitHead": "1e25ee121f3bc838dbb99bac62f3c95857570f7a"
 }

src/color-loupe.css.dev.js

@@ -11,9 +11,3 @@ "use strict";
 --spectrum-global-dimension-static-size-100,8px
-)}:host{bottom:calc(50% + var(--spectrum-colorloupe-offset));height:var(--spectrum-colorloupe-height-adjusted);left:calc(50% - var(--spectrum-colorloupe-width-adjusted)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(--spectrum-colorloupe-animation-distance));transform-origin:bottom center;transition:transform .1s ease-in-out,opacity 125ms ease-in-out;width:var(--spectrum-colorloupe-width-adjusted)}:host([open]){opacity:1;transform:translate(0)}.outer{stroke-width:var(
---spectrum-colorloupe-outer-border-size,0
-)}.spectrum-ColorLoupe-express{display:var(
---spectrum-colorloupe-express-visibility,none
-)}.spectrum-ColorLoupe-spectrum{display:var(
---spectrum-colorloupe-spectrum-visibility,block
-)}.outer{fill:var(
+)}:host{bottom:calc(50% + var(--spectrum-colorloupe-offset));height:var(--spectrum-colorloupe-height-adjusted);left:calc(50% - var(--spectrum-colorloupe-width-adjusted)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(--spectrum-colorloupe-animation-distance));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out;width:var(--spectrum-colorloupe-width-adjusted)}:host([open]){opacity:1;transform:translate(0)}.outer{stroke-width:var(--spectrum-colorloupe-outer-border-size,0)}.spectrum-ColorLoupe-express{display:var(--spectrum-colorloupe-express-visibility,none)}.spectrum-ColorLoupe-spectrum{display:var(--spectrum-colorloupe-spectrum-visibility,block)}.outer{fill:var(
 --spectrum-colorloupe-inner-border-color,var(--spectrum-global-color-static-white)
@@ -20,0 +14,0 @@ );stroke:var(--spectrum-colorloupe-outer-border-color,transparent)}.inner{fill:var(--spectrum-picked-color);stroke:var(

src/color-loupe.css.js

@@ -9,9 +9,3 @@ "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
 --spectrum-global-dimension-static-size-100,8px
-)}:host{bottom:calc(50% + var(--spectrum-colorloupe-offset));height:var(--spectrum-colorloupe-height-adjusted);left:calc(50% - var(--spectrum-colorloupe-width-adjusted)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(--spectrum-colorloupe-animation-distance));transform-origin:bottom center;transition:transform .1s ease-in-out,opacity 125ms ease-in-out;width:var(--spectrum-colorloupe-width-adjusted)}:host([open]){opacity:1;transform:translate(0)}.outer{stroke-width:var(
---spectrum-colorloupe-outer-border-size,0
-)}.spectrum-ColorLoupe-express{display:var(
---spectrum-colorloupe-express-visibility,none
-)}.spectrum-ColorLoupe-spectrum{display:var(
---spectrum-colorloupe-spectrum-visibility,block
-)}.outer{fill:var(
+)}:host{bottom:calc(50% + var(--spectrum-colorloupe-offset));height:var(--spectrum-colorloupe-height-adjusted);left:calc(50% - var(--spectrum-colorloupe-width-adjusted)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(--spectrum-colorloupe-animation-distance));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out;width:var(--spectrum-colorloupe-width-adjusted)}:host([open]){opacity:1;transform:translate(0)}.outer{stroke-width:var(--spectrum-colorloupe-outer-border-size,0)}.spectrum-ColorLoupe-express{display:var(--spectrum-colorloupe-express-visibility,none)}.spectrum-ColorLoupe-spectrum{display:var(--spectrum-colorloupe-spectrum-visibility,block)}.outer{fill:var(
 --spectrum-colorloupe-inner-border-color,var(--spectrum-global-color-static-white)
@@ -18,0 +12,0 @@ );stroke:var(--spectrum-colorloupe-outer-border-color,transparent)}.inner{fill:var(--spectrum-picked-color);stroke:var(

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

@@ -11,9 +11,3 @@ "use strict";
 --spectrum-global-dimension-static-size-100,8px
-)}:host{bottom:calc(50% + var(--spectrum-colorloupe-offset));height:var(--spectrum-colorloupe-height-adjusted);left:calc(50% - var(--spectrum-colorloupe-width-adjusted)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(--spectrum-colorloupe-animation-distance));transform-origin:bottom center;transition:transform .1s ease-in-out,opacity 125ms ease-in-out;width:var(--spectrum-colorloupe-width-adjusted)}:host([open]){opacity:1;transform:translate(0)}.outer{stroke-width:var(
---spectrum-colorloupe-outer-border-size,0
-)}.spectrum-ColorLoupe-express{display:var(
---spectrum-colorloupe-express-visibility,none
-)}.spectrum-ColorLoupe-spectrum{display:var(
---spectrum-colorloupe-spectrum-visibility,block
-)}.outer{fill:var(
+)}:host{bottom:calc(50% + var(--spectrum-colorloupe-offset));height:var(--spectrum-colorloupe-height-adjusted);left:calc(50% - var(--spectrum-colorloupe-width-adjusted)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(--spectrum-colorloupe-animation-distance));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out;width:var(--spectrum-colorloupe-width-adjusted)}:host([open]){opacity:1;transform:translate(0)}.outer{stroke-width:var(--spectrum-colorloupe-outer-border-size,0)}.spectrum-ColorLoupe-express{display:var(--spectrum-colorloupe-express-visibility,none)}.spectrum-ColorLoupe-spectrum{display:var(--spectrum-colorloupe-spectrum-visibility,block)}.outer{fill:var(
 --spectrum-colorloupe-inner-border-color,var(--spectrum-global-color-static-white)
@@ -20,0 +14,0 @@ );stroke:var(--spectrum-colorloupe-outer-border-color,transparent)}.inner{fill:var(--spectrum-picked-color);stroke:var(

src/spectrum-color-loupe.css.js

@@ -9,9 +9,3 @@ "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
 --spectrum-global-dimension-static-size-100,8px
-)}:host{bottom:calc(50% + var(--spectrum-colorloupe-offset));height:var(--spectrum-colorloupe-height-adjusted);left:calc(50% - var(--spectrum-colorloupe-width-adjusted)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(--spectrum-colorloupe-animation-distance));transform-origin:bottom center;transition:transform .1s ease-in-out,opacity 125ms ease-in-out;width:var(--spectrum-colorloupe-width-adjusted)}:host([open]){opacity:1;transform:translate(0)}.outer{stroke-width:var(
---spectrum-colorloupe-outer-border-size,0
-)}.spectrum-ColorLoupe-express{display:var(
---spectrum-colorloupe-express-visibility,none
-)}.spectrum-ColorLoupe-spectrum{display:var(
---spectrum-colorloupe-spectrum-visibility,block
-)}.outer{fill:var(
+)}:host{bottom:calc(50% + var(--spectrum-colorloupe-offset));height:var(--spectrum-colorloupe-height-adjusted);left:calc(50% - var(--spectrum-colorloupe-width-adjusted)/2);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(--spectrum-colorloupe-animation-distance));transform-origin:bottom;transition:transform .1s ease-in-out,opacity .125s ease-in-out;width:var(--spectrum-colorloupe-width-adjusted)}:host([open]){opacity:1;transform:translate(0)}.outer{stroke-width:var(--spectrum-colorloupe-outer-border-size,0)}.spectrum-ColorLoupe-express{display:var(--spectrum-colorloupe-express-visibility,none)}.spectrum-ColorLoupe-spectrum{display:var(--spectrum-colorloupe-spectrum-visibility,block)}.outer{fill:var(
 --spectrum-colorloupe-inner-border-color,var(--spectrum-global-color-static-white)
@@ -18,0 +12,0 @@ );stroke:var(--spectrum-colorloupe-outer-border-color,transparent)}.inner{fill:var(--spectrum-picked-color);stroke:var(

src/spectrum-config.js

@@ -0,4 +1,5 @@
+// @ts-check
 /*
-Copyright 2020 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the 'License');
 you may not use this file except in compliance with the License. You may obtain a copy
@@ -8,3 +9,3 @@ of the License at http://www.apache.org/licenses/LICENSE-2.0
 Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 OF ANY KIND, either express or implied. See the License for the specific language
@@ -14,26 +15,26 @@ governing permissions and limitations under the License.
 
+import { converterFor } from '../../../tasks/process-spectrum-utils.js';
+
+const converter = converterFor('spectrum-ColorLoupe');
+
+/**
+ * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
+ */
 const config = {
-    spectrum: 'colorloupe',
-    components: [
+    conversions: [
         {
-            name: 'color-loupe',
-            host: {
-                selector: '.spectrum-ColorLoupe',
-            },
-            attributes: [
+            inPackage: '@spectrum-css/colorloupe',
+            outPackage: 'color-loupe',
+            fileName: 'color-loupe',
+            excludeByComponents: [
                 {
-                    type: 'boolean',
-                    name: 'open',
-                    selector: '.is-open',
+                    type: 'class',
+                    name: '🤫',
                 },
             ],
-            classes: [
-                {
-                    selector: '.spectrum-ColorLoupe-outer',
-                    name: 'outer',
-                },
-                {
-                    selector: '.spectrum-ColorLoupe-inner',
-                    name: 'inner',
-                },
+            components: [
+                converter.classToHost(),
+                converter.classToAttribute('is-open', 'open'),
+                converter.classToClass('spectrum-ColorLoupe-outer'),
+                converter.classToClass('spectrum-ColorLoupe-inner'),
             ],
@@ -40,0 +41,0 @@ },

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 1 instance 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 1 instance in 1 package

Worsened metrics

Total package byte prevSize

200041

decreased by-0.04%

Lines of code

1570

decreased by-1.32%

No dependency changes