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

Comparing version 0.2.3-alpha.368 to 0.2.3-alpha.369

dist/tokens.js

 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 09:01:34 GMT
+ * Generated on Mon, 22 Jan 2024 15:57:04 GMT
  */
@@ -33,2 +33,3 @@
 export const denhaagFocusBorder = "2px dashed hsl(47 100% 25%)";
+export const denhaagFocusOffset = "0";
 export const denhaagColorGreen1 = "hsl(117 28% 87%)";
@@ -67,2 +68,20 @@ export const denhaagColorGreen2 = "hsl(118 28% 60%)";
 export const denhaagColorWhite = "hsl(0 0% 100%)";
+export const denhaagSize5xs = "2px";
+export const denhaagSize4xs = "4px";
+export const denhaagSize3xs = "8px";
+export const denhaagSize2xs = "16px";
+export const denhaagSizeXs = "24px";
+export const denhaagSizeSm = "32px";
+export const denhaagSizeMd = "48px";
+export const denhaagSizeLg = "64px";
+export const denhaagSizeXl = "96px";
+export const denhaagSize2xl = "160px";
+export const denhaagSizeIconXs = "16px";
+export const denhaagSizeIconSm = "20px";
+export const denhaagSizeIconMd = "24px";
+export const denhaagSizeIconLg = "24px";
+export const denhaagSizeIconXl = "24px";
+export const denhaagSizeIcon2xl = "32px";
+export const denhaagSizeIcon3xl = "40px";
+export const denhaagSizeIcon4xl = "48px";
 export const denhaagTypographyWeightRegular = "400";
@@ -106,5 +125,7 @@ export const denhaagTypographyWeightMedium = "500";
 export const utrechtDocumentBackgroundColor = "hsl(0 0% 100%)";
-export const utrechtDocumentColor = "hsl(0 0% 0%)";
+export const utrechtDocumentColor = "hsla(0, 0%, 18%, 1)";
 export const utrechtDocumentFontFamily = "\"TheSans\", sans-serif";
 export const utrechtDocumentFontSize = "1.125rem";
+export const utrechtDocumentFontWeight = "400";
+export const utrechtDocumentLineHeight = "1.5";
 export const utrechtFeedbackDangerFillBackgroundColor = "hsl(4 100% 92%)";
@@ -129,4 +150,39 @@ export const utrechtFeedbackDangerFillColor = "hsl(2 100% 32%)";
 export const utrechtFocusOutlineColor = "hsl(47 100% 25%)";
+export const utrechtFocusOutlineOffset = "0";
 export const utrechtFocusOutlineStyle = "dashed";
 export const utrechtFocusOutlineWidth = "2px";
+export const utrechtFormControlBackgroundColor = "hsl(0 0% 100%)";
+export const utrechtFormControlBorderColor = "hsl(0 0% 48%)";
+export const utrechtFormControlBorderRadius = "3px";
+export const utrechtFormControlBorderWidth = "1px";
+export const utrechtFormControlColor = "hsl(0 0% 29%)";
+export const utrechtFormControlFontFamily = "\"TheSans\", sans-serif";
+export const utrechtFormControlFontSize = "1.125rem";
+export const utrechtFormControlPaddingBlockEnd = "12px";
+export const utrechtFormControlPaddingBlockStart = "12px";
+export const utrechtFormControlPaddingInlineEnd = "12px";
+export const utrechtFormControlPaddingInlineStart = "12px";
+export const utrechtFormControlPlaceholderColor = "hsl(0 0% 29%)";
+export const utrechtFormControlActiveBorderColor = "hsl(0 0% 48%)";
+export const utrechtFormControlActiveBorderWidth = "2px";
+export const utrechtFormControlActiveBackgroundColor = "hsl(0 0% 100%)";
+export const utrechtFormControlCheckedBorderColor = "hsl(138 58% 33%)";
+export const utrechtFormControlCheckedBorderWidth = "2px";
+export const utrechtFormControlCheckedBackgroundColor = "hsl(138 58% 33%)";
+export const utrechtFormControlCheckedColor = "hsl(0 0% 100%)";
+export const utrechtFormControlDisabledBorderColor = "hsl(0 0% 48%)";
+export const utrechtFormControlDisabledBackgroundColor = "hsl(0 0% 95%)";
+export const utrechtFormControlDisabledColor = "hsl(0 0% 29%)";
+export const utrechtFormControlFocusBorderColor = "hsl(0 0% 0%)";
+export const utrechtFormControlFocusBorderWidth = "2px";
+export const utrechtFormControlFocusBackgroundColor = "hsl(0 0% 100%)";
+export const utrechtFormControlFocusColor = "hsl(0 0% 100%)";
+export const utrechtFormControlHoverBackgroundColor = "hsl(40 18% 97%)";
+export const utrechtFormControlHoverBorderColor = "hsl(0 0% 48%)";
+export const utrechtFormControlHoverBorderWidth = "2px";
+export const utrechtFormControlHoverColor = "hsla(0, 0%, 18%, 1)";
+export const utrechtFormControlInvalidBorderColor = "hsl(6 93% 42%)";
+export const utrechtFormControlInvalidBorderWidth = "2px";
+export const utrechtFormControlInvalidBackgroundColor = "hsl(0 0% 100%)";
+export const utrechtFormControlInvalidColor = "hsl(6 93% 42%)";
 export const utrechtSpaceBlock3xs = "2px";
@@ -133,0 +189,0 @@ export const utrechtSpaceBlock2xs = "4px";

package.json

@@ -6,3 +6,3 @@ {
   "license": "EUPL-1.2",
-  "version": "0.2.3-alpha.368",
+  "version": "0.2.3-alpha.369",
   "repository": {
@@ -27,5 +27,5 @@ "type": "git",
   "devDependencies": {
-    "@gemeente-denhaag/design-tokens-proprietary": "0.2.3-alpha.368"
+    "@gemeente-denhaag/design-tokens-proprietary": "0.2.3-alpha.369"
   },
-  "gitHead": "db6ee1d6699ae23cbf3e4c02fa53580df65df5b5"
+  "gitHead": "b2381705e559872c9bd8dd192370273eb8ffdf57"
 }

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

186608

increased by27.9%

Lines of code

5951

increased by29.74%

No dependency changes