@umbraco-ui/uui-checkbox - npm Package Compare versions

Comparing version 1.2.1 to 1.3.0-rc.0

lib/index.js

@@ -27,2 +27,6 @@ import { UUIHorizontalShakeKeyframes, UUIHorizontalShakeAnimationValue } from '@umbraco-ui/uui-base/lib/animations';
 };
+/**
+ * This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/
+ * @type {boolean}
+ */
 UUICheckboxElement.formAssociated = true;
@@ -50,3 +54,3 @@ UUICheckboxElement.styles = [
           --uui-checkbox-border-radius,
-          var(--uui-border-radius,3px)
+          var(--uui-border-radius,var(--uui-size-1))
         );
@@ -70,3 +74,3 @@
           --uui-checkbox-background-color-hover,
-          var(--uui-color-surface-emphasis,rgb(250, 250, 250))
+          var(--uui-color-surface-emphasis,var(--uui-palette-white-dark))
         );
@@ -81,13 +85,13 @@ }
           --uui-checkbox-background-color-focus,
-          var(--uui-color-surface-emphasis,rgb(250, 250, 250))
+          var(--uui-color-surface-emphasis,var(--uui-palette-white-dark))
         );
       }
       input:checked:not([disabled]) + #ticker {
-        border-color: var(--uui-color-selected,#3544b1);
+        border-color: var(--uui-color-selected,var(--uui-palette-violet-blue));
       }
       label:hover input:checked:not([disabled]) + #ticker {
-        border-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
+        border-color: var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light));
       }
       label:focus input:checked + #ticker {
-        border-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
+        border-color: var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light));
       }
@@ -114,5 +118,5 @@
         border-radius: calc(
-          var(--uui-checkbox-border-radius, var(--uui-border-radius,3px)) * 0.5
+          var(--uui-checkbox-border-radius, var(--uui-border-radius,var(--uui-size-1))) * 0.5
         );
-        background-color: var(--uui-color-selected,#3544b1);
+        background-color: var(--uui-color-selected,var(--uui-palette-violet-blue));
         transition: transform 120ms ease, opacity 120ms, background-color 120ms;
@@ -123,3 +127,3 @@ transform: scale(0);
       label:hover input:checked:not([disabled]) + #ticker::before {
-        background-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
+        background-color: var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light));
       }
@@ -135,3 +139,3 @@
       label:focus input:checked + #ticker {
-        background-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
+        background-color: var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light));
       }
@@ -141,3 +145,3 @@
         outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
-          var(--uui-color-focus,#3879ff);
+          var(--uui-color-focus,var(--uui-palette-malibu));
       }
@@ -159,16 +163,16 @@
       :host(:not([pristine])[internals-invalid]) label:focus input:checked + #ticker {
-        border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
+        border: 1px solid var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark));
       }
 
       :host([disabled]) #ticker {
-        background-color: var(--uui-color-disabled,#f3f3f5);
+        background-color: var(--uui-color-disabled,var(--uui-palette-sand));
       }
       :host([disabled]) input:checked + #ticker {
-        background-color: var(--uui-color-disabled,#f3f3f5);
+        background-color: var(--uui-color-disabled,var(--uui-palette-sand));
       }
       :host([disabled]) #ticker::before {
-        background-color: var(--uui-color-disabled,#f3f3f5);
+        background-color: var(--uui-color-disabled,var(--uui-palette-sand));
       }
       :host([disabled]) #ticker #icon-check {
-        fill: var(--uui-color-disabled-contrast,#c4c4c4);
+        fill: var(--uui-color-disabled-contrast,var(--uui-palette-grey));
       }
@@ -179,3 +183,3 @@ :host([disabled]) label:active #ticker {
       :host([disabled]) input:checked + #ticker #icon-check {
-        fill: var(--uui-color-disabled-contrast,#c4c4c4);
+        fill: var(--uui-color-disabled-contrast,var(--uui-palette-grey));
       }
@@ -182,0 +186,0 @@ `

package.json

 {
   "name": "@umbraco-ui/uui-checkbox",
-  "version": "1.2.1",
+  "version": "1.3.0-rc.0",
   "license": "MIT",
@@ -36,9 +36,9 @@ "keywords": [
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.2.1",
-    "@umbraco-ui/uui-boolean-input": "1.2.1",
-    "@umbraco-ui/uui-icon-registry-essential": "1.2.1"
+    "@umbraco-ui/uui-base": "1.3.0-rc.0",
+    "@umbraco-ui/uui-boolean-input": "1.3.0-rc.0",
+    "@umbraco-ui/uui-icon-registry-essential": "1.3.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
-    "clean": "tsc --build --clean && rimraf dist lib/*.js lib/**/*.js custom-elements.json",
+    "clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js custom-elements.json",
     "analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json"
@@ -50,3 +50,3 @@ },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-checkbox",
-  "gitHead": "94eb22bee5ff21bac6fadbd78653671279bebe36"
+  "gitHead": "45c3824056586d9817efb3f61dc0bef5478747f0"
 }

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

17463

increased by4.02%

Lines of code

380

increased by1.33%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Added@umbraco-ui/uui-base@1.3.0-rc.0(transitive)

• + Added@umbraco-ui/uui-boolean-input@1.3.0-rc.0(transitive)

• - Removed@umbraco-ui/uui-base@1.2.1(transitive)

• - Removed@umbraco-ui/uui-boolean-input@1.2.1(transitive)

• Updated@umbraco-ui/uui-base@1.3.0-rc.0

• Updated@umbraco-ui/uui-boolean-input@1.3.0-rc.0

• Updated@umbraco-ui/uui-icon-registry-essential@1.3.0-rc.0