@spectrum-web-components/actionbar - npm Package Compare versions

Comparing version 0.1.1 to 0.2.0

CHANGELOG.md

@@ -6,2 +6,12 @@ # Change Log
 
+# [0.2.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/actionbar@0.1.1...@spectrum-web-components/actionbar@0.2.0) (2019-11-19)
+
+### Bug Fixes
+
+-   **shared:** further tweaks for test types ([ee45173](https://github.com/adobe/spectrum-web-components/commit/ee45173))
+
+### Features
+
+-   use :focus-visable (via polyfill) instead of :focus ([11c6fc7](https://github.com/adobe/spectrum-web-components/commit/11c6fc7))
+
 ## [0.1.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/actionbar@0.1.0...@spectrum-web-components/actionbar@0.1.1) (2019-10-16)
@@ -8,0 +18,0 @@

lib/actionbar.css.js

@@ -14,5 +14,5 @@ /*
 const styles = css `
-:host{display:flex;justify-content:center;bottom:0;z-index:1;box-sizing:border-box;padding:0 var(--spectrum-global-dimension-size-200);height:0;opacity:0;overflow:hidden;pointer-events:none;transition:height var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([open]){height:calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-200)*2);opacity:1}:host([variant=sticky]){left:0;right:0;position:-webkit-sticky;position:sticky}:host([variant=fixed]){position:fixed}#popover{position:relative;box-sizing:border-box;width:100%;margin:auto;height:var(--spectrum-global-dimension-size-600);min-width:280px;max-width:960px;padding:0 var(--spectrum-global-dimension-size-200);flex-direction:row;align-items:center;justify-content:space-between;pointer-events:auto}:host([grows]) #popover{width:auto}
+:host{display:flex;justify-content:center;bottom:0;z-index:1;box-sizing:border-box;padding:0 var(--spectrum-global-dimension-size-200);height:0;opacity:0;overflow:hidden;pointer-events:none;transition:height var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([open]){height:calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-200)*2);opacity:1}:host([variant=sticky]){left:0;right:0;position:-webkit-sticky;position:sticky}:host([flexible]) #popover{width:auto}:host([variant=fixed]){position:fixed}#popover{position:relative;box-sizing:border-box;width:100%;margin:auto;height:var(--spectrum-global-dimension-size-600);min-width:280px;max-width:960px;padding:0 var(--spectrum-global-dimension-size-200);flex-direction:row;align-items:center;justify-content:space-between;pointer-events:auto}
 `;
 export default styles;
 //# sourceMappingURL=actionbar.css.js.map

lib/spectrum-actionbar.css.js

@@ -14,5 +14,5 @@ /*
 const styles = css `
-:host{display:flex;justify-content:center;bottom:0;z-index:1;box-sizing:border-box;padding:0 var(--spectrum-global-dimension-size-200);height:0;opacity:0;overflow:hidden;pointer-events:none;transition:height var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([open]){height:calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-200)*2);opacity:1}:host([variant=sticky]){left:0;right:0;position:-webkit-sticky;position:sticky}:host([variant=fixed]){position:fixed}#popover{position:relative;box-sizing:border-box;width:100%;margin:auto;height:var(--spectrum-global-dimension-size-600);min-width:280px;max-width:960px;padding:0 var(--spectrum-global-dimension-size-200);flex-direction:row;align-items:center;justify-content:space-between;pointer-events:auto}
+:host{display:flex;justify-content:center;bottom:0;z-index:1;box-sizing:border-box;padding:0 var(--spectrum-global-dimension-size-200);height:0;opacity:0;overflow:hidden;pointer-events:none;transition:height var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([open]){height:calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-200)*2);opacity:1}:host([variant=sticky]){left:0;right:0;position:-webkit-sticky;position:sticky}:host([flexible]) #popover{width:auto}:host([variant=fixed]){position:fixed}#popover{position:relative;box-sizing:border-box;width:100%;margin:auto;height:var(--spectrum-global-dimension-size-600);min-width:280px;max-width:960px;padding:0 var(--spectrum-global-dimension-size-200);flex-direction:row;align-items:center;justify-content:space-between;pointer-events:auto}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-actionbar.css.js.map

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.1.1",
+    "version": "0.2.0",
     "description": "",
@@ -40,3 +40,3 @@ "main": "lib/index.js",
     "devDependencies": {
-        "@spectrum-css/actionbar": "^2.0.0-alpha.6"
+        "@spectrum-css/actionbar": "^2.1.1"
     },
@@ -46,3 +46,3 @@ "dependencies": {
     },
-    "gitHead": "9489556f43d08b8c14f7d3c57cfd1307b74aa1e7"
+    "gitHead": "bfedd73cfc7ba9b30346ac5dd53013f7630648b0"
 }

src/actionbar.css.ts

@@ -14,4 +14,4 @@ /*
 const styles = css`
-:host{display:flex;justify-content:center;bottom:0;z-index:1;box-sizing:border-box;padding:0 var(--spectrum-global-dimension-size-200);height:0;opacity:0;overflow:hidden;pointer-events:none;transition:height var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([open]){height:calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-200)*2);opacity:1}:host([variant=sticky]){left:0;right:0;position:-webkit-sticky;position:sticky}:host([variant=fixed]){position:fixed}#popover{position:relative;box-sizing:border-box;width:100%;margin:auto;height:var(--spectrum-global-dimension-size-600);min-width:280px;max-width:960px;padding:0 var(--spectrum-global-dimension-size-200);flex-direction:row;align-items:center;justify-content:space-between;pointer-events:auto}:host([grows]) #popover{width:auto}
+:host{display:flex;justify-content:center;bottom:0;z-index:1;box-sizing:border-box;padding:0 var(--spectrum-global-dimension-size-200);height:0;opacity:0;overflow:hidden;pointer-events:none;transition:height var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([open]){height:calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-200)*2);opacity:1}:host([variant=sticky]){left:0;right:0;position:-webkit-sticky;position:sticky}:host([flexible]) #popover{width:auto}:host([variant=fixed]){position:fixed}#popover{position:relative;box-sizing:border-box;width:100%;margin:auto;height:var(--spectrum-global-dimension-size-600);min-width:280px;max-width:960px;padding:0 var(--spectrum-global-dimension-size-200);flex-direction:row;align-items:center;justify-content:space-between;pointer-events:auto}
 `;
 export default styles;

src/spectrum-actionbar.css.ts

@@ -14,4 +14,4 @@ /*
 const styles = css`
-:host{display:flex;justify-content:center;bottom:0;z-index:1;box-sizing:border-box;padding:0 var(--spectrum-global-dimension-size-200);height:0;opacity:0;overflow:hidden;pointer-events:none;transition:height var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([open]){height:calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-200)*2);opacity:1}:host([variant=sticky]){left:0;right:0;position:-webkit-sticky;position:sticky}:host([variant=fixed]){position:fixed}#popover{position:relative;box-sizing:border-box;width:100%;margin:auto;height:var(--spectrum-global-dimension-size-600);min-width:280px;max-width:960px;padding:0 var(--spectrum-global-dimension-size-200);flex-direction:row;align-items:center;justify-content:space-between;pointer-events:auto}
+:host{display:flex;justify-content:center;bottom:0;z-index:1;box-sizing:border-box;padding:0 var(--spectrum-global-dimension-size-200);height:0;opacity:0;overflow:hidden;pointer-events:none;transition:height var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([open]){height:calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-200)*2);opacity:1}:host([variant=sticky]){left:0;right:0;position:-webkit-sticky;position:sticky}:host([flexible]) #popover{width:auto}:host([variant=fixed]){position:fixed}#popover{position:relative;box-sizing:border-box;width:100%;margin:auto;height:var(--spectrum-global-dimension-size-600);min-width:280px;max-width:960px;padding:0 var(--spectrum-global-dimension-size-200);flex-direction:row;align-items:center;justify-content:space-between;pointer-events:auto}
 `;
 export default styles;

src/spectrum-config.js

@@ -28,2 +28,7 @@ /*
                 {
+                    type: 'boolean',
+                    name: 'flexible',
+                    selector: '.spectrum-ActionBar--flexible',
+                },
+                {
                     type: 'enum',
@@ -30,0 +35,0 @@ name: 'variant',

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

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

Improved metrics

Total package byte prevSize

42429

increased by1.95%

Lines of code

378

increased by1.61%

No dependency changes