@open-formulieren/design-tokens - npm Package Compare versions

Comparing version 0.10.0 to 0.11.0

dist/index.js

 /**
  * Do not edit directly
- * Generated on Tue, 11 Oct 2022 15:18:57 GMT
+ * Generated on Thu, 13 Oct 2022 13:54:03 GMT
  */
@@ -28,2 +28,5 @@
 export const ofTextMargin = "20px";
+export const ofTextFontSize = "1rem";
+export const ofTextBigFontSize = "1.125rem";
+export const ofTextSmallFontSize = "0.875rem";
 export const ofTextMobileMargin = "20px";
@@ -83,2 +86,71 @@ export const ofTextTabletMargin = "20px";
 export const ofProgressIndicatorMobileMargin = "15px";
-export const ofSummaryRowSpacing = "10px";
+export const ofSummaryRowSpacing = "10px";
+export const utrechtButtonBackgroundColor = "#ffffff";
+export const utrechtButtonBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonBorderRadius = "0";
+export const utrechtButtonBorderWidth = "2px";
+export const utrechtButtonColor = "#000000";
+export const utrechtButtonFontSize = "1.125rem";
+export const utrechtButtonLineHeight = "1.333";
+export const utrechtButtonMinBlockSize = "0";
+export const utrechtButtonMinInlineSize = "0";
+export const utrechtButtonPaddingBlockStart = "10.003px";
+export const utrechtButtonPaddingBlockEnd = "10.003px";
+export const utrechtButtonPaddingInlineStart = "12px";
+export const utrechtButtonPaddingInlineEnd = "12px";
+export const utrechtButtonHoverBackgroundColor = "#cccccc";
+export const utrechtButtonHoverBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonHoverColor = "#000000";
+export const utrechtButtonActiveBackgroundColor = "#bfbfbf";
+export const utrechtButtonActiveBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonActiveColor = "#000000";
+export const utrechtButtonPrimaryActionBackgroundColor = "#0180be";
+export const utrechtButtonPrimaryActionBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonPrimaryActionColor = "#ffffff";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#016698";
+export const utrechtButtonPrimaryActionHoverBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonPrimaryActionHoverColor = "#ffffff";
+export const utrechtButtonPrimaryActionActiveBackgroundColor = "#01608f";
+export const utrechtButtonPrimaryActionActiveBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonPrimaryActionActiveColor = "#bfbfbf";
+export const utrechtButtonPrimaryActionDangerBackgroundColor = "#D52B1E";
+export const utrechtButtonPrimaryActionDangerBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonPrimaryActionDangerColor = "#fce9e8";
+export const utrechtButtonPrimaryActionDangerHoverBackgroundColor = "#aa2218";
+export const utrechtButtonPrimaryActionDangerHoverBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonPrimaryActionDangerHoverColor = "#fce9e8";
+export const utrechtButtonPrimaryActionDangerActiveBackgroundColor = "#a02017";
+export const utrechtButtonPrimaryActionDangerActiveBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonPrimaryActionDangerActiveColor = "#ee837d";
+export const utrechtFormLabelColor = "#000000";
+export const utrechtFormLabelFontWeight = "normal";
+export const utrechtFormLabelFontSize = "1.125rem";
+export const utrechtTextareaBackgroundColor = "#ffffff";
+export const utrechtTextareaBorderColor = "#767676";
+export const utrechtTextareaBorderRadius = "0";
+export const utrechtTextareaBorderWidth = "1px";
+export const utrechtTextareaColor = "#000000";
+export const utrechtTextareaFontFamily = "\"Fira Sans\", Calibri, sans-serif";
+export const utrechtTextareaFontSize = "1rem";
+export const utrechtTextareaLineHeight = "1.5";
+export const utrechtTextareaMaxInlineSize = "none";
+export const utrechtTextareaPaddingBlockEnd = "12px";
+export const utrechtTextareaPaddingBlockStart = "12px";
+export const utrechtTextareaPaddingInlineEnd = "12px";
+export const utrechtTextareaPaddingInlineStart = "12px";
+export const utrechtTextareaDisabledBackgroundColor = "e9ecef";
+export const utrechtTextboxBackgroundColor = "#ffffff";
+export const utrechtTextboxBorderColor = "#767676";
+export const utrechtTextboxBorderRadius = "0";
+export const utrechtTextboxBorderWidth = "1px";
+export const utrechtTextboxColor = "#000000";
+export const utrechtTextboxFontFamily = "\"Fira Sans\", Calibri, sans-serif";
+export const utrechtTextboxFontSize = "1rem";
+export const utrechtTextboxMaxInlineSize = "none";
+export const utrechtTextboxPaddingBlockEnd = "12px";
+export const utrechtTextboxPaddingBlockStart = "12px";
+export const utrechtTextboxPaddingInlineEnd = "12px";
+export const utrechtTextboxPaddingInlineStart = "12px";
+export const utrechtTextboxDisabledBackgroundColor = "e9ecef";
+export const utrechtDocumentFontFamily = "\"Fira Sans\", Calibri, sans-serif";
+export const utrechtLinkColor = "#01689B";

package.json

 {
   "name": "@open-formulieren/design-tokens",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Design tokens for Open Forms",
@@ -5,0 +5,0 @@ "scripts": {

src/common/typography.tokens.json

@@ -14,2 +14,9 @@ {
       "margin": {"value": "20px"},
+      "font-size": {"value": "1rem"},
+      "big": {
+        "font-size": {"value": "1.125rem"}
+      },
+      "small": {
+        "font-size": {"value": "0.875rem"}
+      },
       "mobile": {
@@ -16,0 +23,0 @@ "margin": {"value": "{of.text.margin}"}

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

155673

increased by65.9%

Number of package files

32

increased by18.52%

Lines of code

4042

increased by83.73%

No dependency changes