@gemeente-denhaag/design-tokens-components - npm Package Compare versions

Comparing version 0.2.3-alpha.29 to 0.2.3-alpha.30

dist/tokens.js

 /**
  * Do not edit directly
- * Generated on Mon, 20 Sep 2021 11:03:58 GMT
+ * Generated on Wed, 22 Sep 2021 07:39:55 GMT
  */
 
 export const denhaagAlertBorderRadius = "1px";
-export const denhaagAlertPaddingBlockStart = "24px";
-export const denhaagAlertPaddingBlockEnd = "24px";
-export const denhaagAlertPaddingInlineStart = "24px";
-export const denhaagAlertPaddingInlineEnd = "24px";
-export const denhaagAlertActionPaddingBlockStart = "16px";
+export const denhaagAlertPaddingBlockStart = "1.5rem";
+export const denhaagAlertPaddingBlockEnd = "1.5rem";
+export const denhaagAlertPaddingInlineStart = "1.5rem";
+export const denhaagAlertPaddingInlineEnd = "1.5rem";
+export const denhaagAlertActionPaddingBlockStart = "1rem";
 export const denhaagAlertCloseFocusBorderColor = "1px";
@@ -16,17 +16,17 @@ export const denhaagAlertCloseFocusBorderWidth = "1px";
 export const denhaagAlertCloseFocusBorderOffset = "3px";
-export const denhaagAlertContentMarginInlineStart = "24px";
-export const denhaagAlertContentMarginInlineEnd = "24px";
-export const denhaagAlertErrorBackgroundColor = "hsl(34 100% 84%)";
-export const denhaagAlertErrorTitleColor = "hsl(23 100% 27%)";
-export const denhaagAlertErrorParagraphColor = "hsl(23 99% 44%)";
-export const denhaagAlertErrorIconColor = "hsl(34 100% 47%)";
-export const denhaagAlertErrorActionButtonColor = "white";
-export const denhaagAlertErrorActionButtonBackgroundColor = "hsl(34 100% 47%)";
-export const denhaagAlertErrorActionButtonHoverBackgroundColor = "hsl(23 99% 44%)";
-export const denhaagAlertErrorCloseIconColor = "hsl(23 100% 27%)";
+export const denhaagAlertContentMarginInlineStart = "1.5rem";
+export const denhaagAlertContentMarginInlineEnd = "1.5rem";
+export const denhaagAlertErrorBackgroundColor = "hsl(4 100% 92%)";
+export const denhaagAlertErrorTitleColor = "hsl(1 100% 16%)";
+export const denhaagAlertErrorParagraphColor = "hsl(1 100% 16%)";
+export const denhaagAlertErrorIconColor = "hsl(6 93% 42%)";
+export const denhaagAlertErrorActionButtonColor = "hsl(0 0% 100%)";
+export const denhaagAlertErrorActionButtonBackgroundColor = "hsl(6 93% 42%)";
+export const denhaagAlertErrorActionButtonHoverBackgroundColor = "hsl(2 100% 32%)";
+export const denhaagAlertErrorCloseIconColor = "hsl(1 100% 16%)";
 export const denhaagAlertInfoBackgroundColor = "hsl(208 76% 92%)";
 export const denhaagAlertInfoTitleColor = "hsl(207 93% 16%)";
-export const denhaagAlertInfoParagraphColor = "hsl(207 87% 27%)";
+export const denhaagAlertInfoParagraphColor = "hsl(207 93% 16%)";
 export const denhaagAlertInfoIconColor = "hsl(207 80% 35%)";
-export const denhaagAlertInfoActionButtonColor = "white";
+export const denhaagAlertInfoActionButtonColor = "hsl(0 0% 100%)";
 export const denhaagAlertInfoActionButtonBackgroundColor = "hsl(207 80% 35%)";
@@ -37,5 +37,5 @@ export const denhaagAlertInfoActionButtonHoverBackgroundColor = "hsl(207 87% 27%)";
 export const denhaagAlertSuccessTitleColor = "hsl(139 100% 9%)";
-export const denhaagAlertSuccessParagraphColor = "hsl(138 57% 27%)";
+export const denhaagAlertSuccessParagraphColor = "hsl(139 100% 9%)";
 export const denhaagAlertSuccessIconColor = "hsl(138 58% 33%)";
-export const denhaagAlertSuccessActionButtonColor = "white";
+export const denhaagAlertSuccessActionButtonColor = "hsl(0 0% 100%)";
 export const denhaagAlertSuccessActionButtonBackgroundColor = "hsl(138 58% 33%)";
@@ -46,7 +46,7 @@ export const denhaagAlertSuccessActionButtonHoverBackgroundColor = "hsl(138 57% 27%)";
 export const denhaagAlertWarningTitleColor = "hsl(23 100% 27%)";
-export const denhaagAlertWarningParagraphColor = "hsl(23 99% 44%)";
-export const denhaagAlertWarningIconColor = "hsl(34 100% 47%)";
-export const denhaagAlertWarningActionButtonColor = "white";
-export const denhaagAlertWarningActionButtonBackgroundColor = "hsl(34 100% 47%)";
-export const denhaagAlertWarningActionButtonHoverBackgroundColor = "hsl(23 99% 44%)";
+export const denhaagAlertWarningParagraphColor = "hsl(23 100% 27%)";
+export const denhaagAlertWarningIconColor = "hsl(23 100% 27%)";
+export const denhaagAlertWarningActionButtonColor = "hsl(0 0% 100%)";
+export const denhaagAlertWarningActionButtonBackgroundColor = "hsl(23 100% 27%)";
+export const denhaagAlertWarningActionButtonHoverBackgroundColor = "hsl(23 100% 27%)";
 export const denhaagAlertWarningCloseIconColor = "hsl(23 100% 27%)";
@@ -53,0 +53,0 @@ export const denhaagButtonBorderRadius = "3px";

package.json

@@ -6,3 +6,3 @@ {
   "license": "EUPL-1.2",
-  "version": "0.2.3-alpha.29",
+  "version": "0.2.3-alpha.30",
   "repository": {
@@ -27,6 +27,6 @@ "type": "git",
   "devDependencies": {
-    "@gemeente-denhaag/design-tokens-common": "^0.2.3-alpha.29",
-    "@gemeente-denhaag/design-tokens-proprietary": "^0.2.3-alpha.29"
+    "@gemeente-denhaag/design-tokens-common": "^0.2.3-alpha.30",
+    "@gemeente-denhaag/design-tokens-proprietary": "^0.2.3-alpha.30"
   },
-  "gitHead": "412fab6c652f6060e1e585cb4f6b40736470b75d"
+  "gitHead": "e0e3fe2edb12a35cdcaf7799862a23ab997de20f"
 }

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

438996

Lines of code

13532

decreased by-0.21%

No dependency changes