@open-formulieren/design-tokens
Advanced tools
Comparing version 0.41.1 to 0.42.0
/** | ||
* Do not edit directly | ||
* Generated on Thu, 28 Sep 2023 09:34:50 GMT | ||
* Generated on Mon, 23 Oct 2023 10:46:08 GMT | ||
*/ | ||
@@ -104,2 +104,14 @@ | ||
export const ofUtrechtFormLabelRadioPaddingInlineEnd = "12px"; | ||
export const ofEditgridLineHeight = 1.5; | ||
export const ofEditgridGap = "12px"; | ||
export const ofEditgridItemGap = "12px"; | ||
export const ofEditgridItemBorder = "solid 1px #767676"; | ||
export const ofEditgridItemPaddingBlockEnd = "24px"; | ||
export const ofEditgridItemPaddingBlockStart = "24px"; | ||
export const ofEditgridItemPaddingInlineEnd = "24px"; | ||
export const ofEditgridItemPaddingInlineStart = "24px"; | ||
export const ofEditgridItemHeadingFontFamily = "Fira Sans, Calibri, sans-serif"; | ||
export const ofEditgridItemHeadingFontSize = "0.875rem"; | ||
export const ofEditgridItemHeadingLineHeight = "1.2"; | ||
export const ofEditgridItemHeadingMarginBlockEnd = "24px"; | ||
export const ofUtrechtFormFieldDescriptionErrorsFontWeight = "bold"; | ||
@@ -175,2 +187,3 @@ export const ofUtrechtFormFieldDescriptionErrorsLineHeight = 1.33; | ||
export const utrechtActionDisabledCursor = "not-allowed"; | ||
export const utrechtActionSubmitCursor = "pointer"; | ||
export const utrechtButtonBackgroundColor = "#ffffff"; | ||
@@ -215,2 +228,9 @@ export const utrechtButtonBorderColor = "rgba(0,0,0,0)"; | ||
export const utrechtButtonPrimaryActionDangerActiveColor = "#ee837d"; | ||
export const utrechtButtonSecondaryActionDangerBackgroundColor = "#D52B1E"; | ||
export const utrechtButtonSecondaryActionDangerColor = "#fce9e8"; | ||
export const utrechtButtonSubtleDangerBackgroundColor = "#D52B1E"; | ||
export const utrechtButtonSubtleDangerHoverBackgroundColor = "#ffffff"; | ||
export const utrechtButtonSubtleDangerActiveBackgroundColor = "#a02017"; | ||
export const utrechtButtonDisabledBackgroundColor = "#b0b0b0"; | ||
export const utrechtButtonDisabledColor = "#ffffff"; | ||
export const utrechtCalendarBackgroundColor = "#ffffff"; | ||
@@ -217,0 +237,0 @@ export const utrechtCalendarTableWeeksItemWidth = "44px"; |
{ | ||
"name": "@open-formulieren/design-tokens", | ||
"version": "0.41.1", | ||
"version": "0.42.0", | ||
"description": "Design tokens for Open Forms", | ||
@@ -5,0 +5,0 @@ "scripts": { |
@@ -8,3 +8,10 @@ { | ||
"disabled": { | ||
"cursor": {"value": "not-allowed"} | ||
"cursor": { | ||
"value": "not-allowed" | ||
} | ||
}, | ||
"submit": { | ||
"cursor": { | ||
"value": "pointer" | ||
} | ||
} | ||
@@ -11,0 +18,0 @@ } |
@@ -72,2 +72,50 @@ { | ||
} | ||
}, | ||
"secondary-action": { | ||
"danger": { | ||
"background": { | ||
"color": { | ||
"value": "{of.color.danger}" | ||
} | ||
}, | ||
"color": { | ||
"value": "#fce9e8" | ||
} | ||
} | ||
}, | ||
"subtle": { | ||
"danger": { | ||
"background": { | ||
"color": { | ||
"value": "{of.color.danger}" | ||
} | ||
}, | ||
"hover": { | ||
"background": { | ||
"color": { | ||
"value": "{of.color.bg}" | ||
} | ||
} | ||
}, | ||
"active": { | ||
"background": { | ||
"color": { | ||
"value": "#a02017" | ||
} | ||
} | ||
} | ||
} | ||
}, | ||
"disabled": { | ||
"background": { | ||
"color": { | ||
"value": "#b0b0b0" | ||
} | ||
}, | ||
"color": { | ||
"value": "#ffffff" | ||
} | ||
} | ||
@@ -74,0 +122,0 @@ } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
380367
59
10777