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

Comparing version 0.29.0 to 0.30.0

dist/index.js

 /**
  * Do not edit directly
- * Generated on Mon, 05 Jun 2023 13:48:36 GMT
+ * Generated on Wed, 07 Jun 2023 07:41:08 GMT
  */
@@ -96,2 +96,14 @@
 export const ofSelectHighlightedBg = "#E6E6E6";
+export const ofSelectMenuBackgroundColor = "#ffffff";
+export const ofSelectMenuBorder = "solid 1px #767676";
+export const ofSelectMenuBorderRadius = "0";
+export const ofSelectMenuBoxShadow = "0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)";
+export const ofSelectMenuMarginBlockEnd = "0";
+export const ofSelectMenuMarginBlockStart = "-1px";
+export const ofSelectMenuOptionFontWeight = "normal";
+export const ofSelectMenuOptionPaddingBlockEnd = "10px";
+export const ofSelectMenuOptionPaddingBlockStart = "10px";
+export const ofSelectMenuOptionPaddingInlineEnd = "12px";
+export const ofSelectMenuOptionPaddingInlineStart = "12px";
+export const ofSelectMenuOptionFocusBackgroundColor = "#E6E6E6";
 export const ofHelptextBg = "#d3e3ec";
@@ -185,2 +197,4 @@ export const ofHelptextFg = "#000000";
 export const utrechtCalendarIconSize = "24px";
+export const utrechtFocusOutlineWidth = "2px";
+export const utrechtFocusOutlineStyle = "solid";
 export const utrechtFormControlBackgroundColor = "#ffffff";
@@ -207,2 +221,12 @@ export const utrechtFormFieldDescriptionColor = "#000000";
 export const utrechtLinkHoverTextDecoration = "none";
+export const utrechtSelectBackgroundColor = "#ffffff";
+export const utrechtSelectBorderColor = "#767676";
+export const utrechtSelectBorderRadius = "0";
+export const utrechtSelectBorderWidth = "1px";
+export const utrechtSelectMaxInlineSize = "100%";
+export const utrechtSelectPaddingBlockEnd = "12px";
+export const utrechtSelectPaddingBlockStart = "12px";
+export const utrechtSelectPaddingInlineEnd = "12px";
+export const utrechtSelectPaddingInlineStart = "12px";
+export const utrechtSelectDisabledBackgroundColor = "#e9ecef";
 export const utrechtTextareaBackgroundColor = "#ffffff";
@@ -209,0 +233,0 @@ export const utrechtTextareaBorderColor = "#767676";

package.json

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

src/components/fields/select.tokens.json

 {
   "of": {
     "select": {
+      "$extensions": {
+        "dte.metadata": {
+          "groupDescription": "(Deprecated) select component theming."
+        }
+      },
       "highlighted": {
@@ -9,4 +14,27 @@ "bg": {
       }
+    },
+    "select-menu": {
+      "$extensions": {
+        "dte.metadata": {
+          "groupDescription": "Select component theming, partially based on utrecht-select."
+        }
+      },
+      "background-color": {"value": "{of.color.bg}"},
+      "border": {"value": "solid 1px {of.color.border}"},
+      "border-radius": {"value": "0"},
+      "box-shadow": {"value": "0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)"},
+      "margin-block-end": {"value": "0"},
+      "margin-block-start": {"value": "-1px"},
+      "option": {
+        "font-weight": {"value": "normal"},
+        "padding-block-end": {"value": "10px"},
+        "padding-block-start": {"value": "10px"},
+        "padding-inline-end": {"value": "12px"},
+        "padding-inline-start": {"value": "12px"},
+        "focus": {
+          "background-color": {"value": "#E6E6E6"}
+        }
+      }
     }
   }
 }

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

268808

increased by8.23%

Number of package files

45

increased by4.65%

Lines of code

7282

increased by9.87%

No dependency changes