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

Comparing version 0.2.1 to 1.0.0-alpha.0

lib/index.js

@@ -52,9 +52,9 @@ import { UUIHorizontalShakeKeyframes, UUIHorizontalShakeAnimationValue } from '@umbraco-ui/uui-base/lib/animations';
 
-        color: var(--uui-toggle-color, var(--uui-interface-chosen-contrast,#fefefe));
+        color: var(--uui-toggle-color, var(--uui-color-selected-contrast,#fff));
         background-color: var(
           --uui-toggle-background-color,
-          var(--uui-interface-surface,#fefefe)
+          var(--uui-color-surface,#fff)
         );
         border: 1px solid
-          var(--uui-checkbox-border-color, var(--uui-interface-border,#c4c4c4));
+          var(--uui-checkbox-border-color, var(--uui-color-border-standalone,#c2c2c2));
         font-size: calc(var(--uui-checkbox-size) * 0.7);
@@ -65,7 +65,7 @@ }
           --uui-checkbox-border-color-hover,
-          var(--uui-interface-border-hover,rgb(179, 179, 179))
+          var(--uui-color-border-emphasis,#a1a1a1)
         );
         background-color: var(
           --uui-checkbox-background-color-hover,
-          var(--uui-interface-surface-hover,rgb(250, 250, 250))
+          var(--uui-color-surface-emphasis,rgb(250, 250, 250))
         );
@@ -76,17 +76,17 @@ }
           --uui-checkbox-border-color-focus,
-          var(--uui-interface-border-focus,rgb(179, 179, 179))
+          var(--uui-color-border-emphasis,#a1a1a1)
         );
         background-color: var(
           --uui-checkbox-background-color-focus,
-          var(--uui-interface-surface-alt-focus,#d8d7d9)
+          var(--uui-color-surface-emphasis,rgb(250, 250, 250))
         );
       }
-      input:checked + #ticker {
-        border-color: var(--uui-interface-chosen,#1b264f);
+      input:checked:not([disabled]) + #ticker {
+        border-color: var(--uui-color-selected,#3544b1);
       }
       label:hover input:checked:not([disabled]) + #ticker {
-        border-color: var(--uui-interface-chosen-hover,rgb(38, 53, 110));
+        border-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
       }
       label:focus input:checked + #ticker {
-        border-color: var(--uui-interface-chosen-focus,#1b264f);
+        border-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
       }
@@ -101,3 +101,3 @@
         transition: fill 120ms, opacity 120ms;
-        fill: var(--uui-interface-chosen-contrast,#fefefe);
+        fill: var(--uui-color-selected-contrast,#fff);
         opacity: 0;
@@ -116,3 +116,3 @@ }
         );
-        background-color: var(--uui-interface-chosen,#1b264f);
+        background-color: var(--uui-color-selected,#3544b1);
         transition: transform 120ms ease, opacity 120ms, background-color 120ms;
@@ -123,3 +123,3 @@ transform: scale(0);
       label:hover input:checked:not([disabled]) + #ticker::before {
-        background-color: var(--uui-interface-chosen-hover,rgb(38, 53, 110));
+        background-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
       }
@@ -135,3 +135,3 @@
       label:focus input:checked + #ticker {
-        background-color: var(--uui-interface-chosen-focus,#1b264f);
+        background-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
       }
@@ -141,3 +141,3 @@
         outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
-          var(--uui-interface-outline,#3879ff);
+          var(--uui-color-focus,#3879ff);
       }
@@ -159,16 +159,16 @@
       :host(:not([pristine])[internals-invalid]) label:focus input:checked + #ticker {
-        border: 1px solid var(--uui-look-danger-border,#d42054);
+        border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
       }
 
       :host([disabled]) #ticker {
-        background-color: var(--uui-interface-surface-disabled,rgb(228, 228, 228));
+        background-color: var(--uui-color-disabled,#f3f3f5);
       }
       :host([disabled]) input:checked + #ticker {
-        background-color: var(--uui-interface-chosen-disabled,rgb(106, 117, 154));
+        background-color: var(--uui-color-disabled,#f3f3f5);
       }
-      :host([disabled]) #ticker:after {
-        background-color: var(--uui-interface-surface-disabled,rgb(228, 228, 228));
+      :host([disabled]) #ticker::before {
+        background-color: var(--uui-color-disabled,#f3f3f5);
       }
       :host([disabled]) #ticker #icon-check {
-        fill: var(--uui-interface-contrast-disabled,rgb(115, 113, 110));
+        fill: var(--uui-color-disabled-contrast,#c4c4c4);
       }
@@ -179,3 +179,3 @@ :host([disabled]) label:active #ticker {
       :host([disabled]) input:checked + #ticker #icon-check {
-        fill: var(--uui-interface-chosen-contrast-disabled,rgb(228, 228, 228));
+        fill: var(--uui-color-disabled-contrast,#c4c4c4);
       }
@@ -182,0 +182,0 @@ `

package.json

 {
   "name": "@umbraco-ui/uui-checkbox",
-  "version": "0.2.1",
+  "version": "1.0.0-alpha.0",
   "license": "MIT",
@@ -36,5 +36,5 @@ "keywords": [
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.2.1",
-    "@umbraco-ui/uui-boolean-input": "0.2.1",
-    "@umbraco-ui/uui-icon-registry-essential": "0.2.1"
+    "@umbraco-ui/uui-base": "1.0.0-alpha.0",
+    "@umbraco-ui/uui-boolean-input": "1.0.0-alpha.0",
+    "@umbraco-ui/uui-icon-registry-essential": "1.0.0-alpha.0"
   },
@@ -50,3 +50,3 @@ "scripts": {
   "homepage": "https://uui.umbraco.com/?path=/story/uui-checkbox",
-  "gitHead": "cb61546f85d6c2f122fa8c130409507e8def4bd5"
+  "gitHead": "7d7608bf2fb63a8a077fcd8f0346dea73584b878"
 }

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

Worsened metrics

Total package byte prevSize

16900

decreased by-0.34%

Dependency changes

• + Added@umbraco-ui/uui-base@1.0.0-alpha.0(transitive)

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

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

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

• Updated@umbraco-ui/uui-base@1.0.0-alpha.0

• Updated@umbraco-ui/uui-boolean-input@1.0.0-alpha.0

• Updated@umbraco-ui/uui-icon-registry-essential@1.0.0-alpha.0