@rijkshuisstijl-community/design-tokens 1.0.0-alpha.82 → 1.0.0-alpha.84

package/dist/_variables.scss

@@ -1,9 +1,7 @@
 
 // Do not edit directly
-// Generated on Thu, 05 Dec 2024 09:01:29 GMT
+// Generated on Tue, 10 Dec 2024 09:19:19 GMT
 
-$todo-code-input-group-column-gap: 0.5rem;
-$todo-code-input-size: 48px;
 $rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
 $rhc-sub-nav-bar-content-max-inline-size: 1280px;
 $rhc-sub-nav-bar-content-padding-inline-start: 1rem;
@@ -302,20 +300,25 @@ $rhc-card-as-link-background-color: #fff;
 $rhc-checkbox-group-row-gap: 1rem;
 $rhc-checkbox-group-padding-block-start: 0.5rem;
 $rhc-checkbox-group-padding-block-end: 0.5rem;
+$rhc-code-input-group-column-gap: 0.5rem;
+$rhc-code-input-size: 48px;
 $rhc-dot-badge-size: 12px;
 $rhc-dot-badge-color: #d52b1e;
 $rhc-dot-badge-border-radius: 999px;
-$rhc-file-input-item-subtitle-color: #64748B;
-$rhc-file-input-item-error-border-color: #d52b1e;
-$rhc-file-input-item-column-gap: 0.25rem;
-$rhc-file-input-item-padding-block-end: 0.75rem;
-$rhc-file-input-item-padding-block-start: 0.75rem;
-$rhc-file-input-item-padding-inline-end: 1rem;
-$rhc-file-input-item-padding-inline-start: 1rem;
-$rhc-file-input-item-border-radius: 5px;
-$rhc-file-input-item-border-width: 1px;
-$rhc-file-input-item-border-color: #154273;
-$rhc-file-input-item-border-style: solid;
+$rhc-file-subtitle-color: #64748B;
+$rhc-file-error-border-color: #d52b1e;
+$rhc-file-column-gap: 0.25rem;
+$rhc-file-padding-block-end: 0.75rem;
+$rhc-file-padding-block-start: 0.75rem;
+$rhc-file-padding-inline-end: 1rem;
+$rhc-file-padding-inline-start: 1rem;
+$rhc-file-border-radius: 5px;
+$rhc-file-border-width: 1px;
+$rhc-file-border-color: #154273;
+$rhc-file-border-style: solid;
+$rhc-file-input-feedback-font-size: 1rem;
+$rhc-file-input-feedback-color: #475569;
+$rhc-file-input-row-gap: 0.75rem;
 $rhc-file-input-column-gap: 0.75rem;
 $rhc-page-footer-flex-direction: row;
 $rhc-page-footer-padding-inline-start: 2.5rem;

package/dist/index.css

@@ -1,11 +1,9 @@
 /**
  * Do not edit directly
- * Generated on Thu, 05 Dec 2024 09:01:29 GMT
+ * Generated on Tue, 10 Dec 2024 09:19:19 GMT
  */
 
 .rhc-theme {
-  --todo-code-input-group-column-gap: 0.5rem;
-  --todo-code-input-size: 48px;
   --rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
   --rhc-sub-nav-bar-content-max-inline-size: 1280px;
   --rhc-sub-nav-bar-content-padding-inline-start: 1rem;
@@ -304,20 +302,25 @@
   --rhc-checkbox-group-row-gap: 1rem;
   --rhc-checkbox-group-padding-block-start: 0.5rem;
   --rhc-checkbox-group-padding-block-end: 0.5rem;
+  --rhc-code-input-group-column-gap: 0.5rem;
+  --rhc-code-input-size: 48px;
   --rhc-dot-badge-size: 12px;
   --rhc-dot-badge-color: #d52b1e;
   --rhc-dot-badge-border-radius: 999px;
-  --rhc-file-input-item-subtitle-color: #64748B;
-  --rhc-file-input-item-error-border-color: #d52b1e;
-  --rhc-file-input-item-column-gap: 0.25rem;
-  --rhc-file-input-item-padding-block-end: 0.75rem;
-  --rhc-file-input-item-padding-block-start: 0.75rem;
-  --rhc-file-input-item-padding-inline-end: 1rem;
-  --rhc-file-input-item-padding-inline-start: 1rem;
-  --rhc-file-input-item-border-radius: 5px;
-  --rhc-file-input-item-border-width: 1px;
-  --rhc-file-input-item-border-color: #154273;
-  --rhc-file-input-item-border-style: solid;
+  --rhc-file-subtitle-color: #64748B;
+  --rhc-file-error-border-color: #d52b1e;
+  --rhc-file-column-gap: 0.25rem;
+  --rhc-file-padding-block-end: 0.75rem;
+  --rhc-file-padding-block-start: 0.75rem;
+  --rhc-file-padding-inline-end: 1rem;
+  --rhc-file-padding-inline-start: 1rem;
+  --rhc-file-border-radius: 5px;
+  --rhc-file-border-width: 1px;
+  --rhc-file-border-color: #154273;
+  --rhc-file-border-style: solid;
+  --rhc-file-input-feedback-font-size: 1rem;
+  --rhc-file-input-feedback-color: #475569;
+  --rhc-file-input-row-gap: 0.75rem;
   --rhc-file-input-column-gap: 0.75rem;
   --rhc-page-footer-flex-direction: row;
   --rhc-page-footer-padding-inline-start: 2.5rem;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 05 Dec 2024 09:01:29 GMT
+ * Generated on Tue, 10 Dec 2024 09:19:19 GMT
  */
 
 export const utrechtActionActivateCursor : string;
@@ -868,20 +868,25 @@ export const rhcPageFooterPaddingBlockEnd : string;
 export const rhcPageFooterPaddingInlineStart : string;
 export const rhcPageFooterFlexDirection : string;
 export const rhcFileInputColumnGap : string;
-export const rhcFileInputItemBorderStyle : string;
-export const rhcFileInputItemBorderColor : string;
-export const rhcFileInputItemBorderWidth : string;
-export const rhcFileInputItemBorderRadius : string;
-export const rhcFileInputItemPaddingInlineStart : string;
-export const rhcFileInputItemPaddingInlineEnd : string;
-export const rhcFileInputItemPaddingBlockStart : string;
-export const rhcFileInputItemPaddingBlockEnd : string;
-export const rhcFileInputItemColumnGap : string;
-export const rhcFileInputItemErrorBorderColor : string;
-export const rhcFileInputItemSubtitleColor : string;
+export const rhcFileInputRowGap : string;
+export const rhcFileInputFeedbackColor : string;
+export const rhcFileInputFeedbackFontSize : string;
+export const rhcFileBorderStyle : string;
+export const rhcFileBorderColor : string;
+export const rhcFileBorderWidth : string;
+export const rhcFileBorderRadius : string;
+export const rhcFilePaddingInlineStart : string;
+export const rhcFilePaddingInlineEnd : string;
+export const rhcFilePaddingBlockStart : string;
+export const rhcFilePaddingBlockEnd : string;
+export const rhcFileColumnGap : string;
+export const rhcFileErrorBorderColor : string;
+export const rhcFileSubtitleColor : string;
 export const rhcDotBadgeBorderRadius : string;
 export const rhcDotBadgeColor : string;
 export const rhcDotBadgeSize : string;
+export const rhcCodeInputSize : string;
+export const rhcCodeInputGroupColumnGap : string;
 export const rhcCheckboxGroupPaddingBlockEnd : string;
 export const rhcCheckboxGroupPaddingBlockStart : string;
 export const rhcCheckboxGroupRowGap : string;
@@ -1180,5 +1185,3 @@ export const rhcSubNavBarContentPaddingInlineEnd : string;
 export const rhcSubNavBarContentPaddingInlineStart : string;
 export const rhcSubNavBarContentMaxInlineSize : string;
 export const rhcSubNavBarContentListRowGap : string;
-export const todoCodeInputSize : string;
-export const todoCodeInputGroupColumnGap : string;

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 05 Dec 2024 09:01:29 GMT
+ * Generated on Tue, 10 Dec 2024 09:19:19 GMT
  */
 
 export const utrechtActionActivateCursor = "pointer";
@@ -867,20 +867,25 @@ export const rhcPageFooterPaddingBlockEnd = "2.5rem";
 export const rhcPageFooterPaddingInlineStart = "2.5rem";
 export const rhcPageFooterFlexDirection = "row";
 export const rhcFileInputColumnGap = "0.75rem";
-export const rhcFileInputItemBorderStyle = "solid";
-export const rhcFileInputItemBorderColor = "#154273";
-export const rhcFileInputItemBorderWidth = "1px";
-export const rhcFileInputItemBorderRadius = "5px";
-export const rhcFileInputItemPaddingInlineStart = "1rem";
-export const rhcFileInputItemPaddingInlineEnd = "1rem";
-export const rhcFileInputItemPaddingBlockStart = "0.75rem";
-export const rhcFileInputItemPaddingBlockEnd = "0.75rem";
-export const rhcFileInputItemColumnGap = "0.25rem";
-export const rhcFileInputItemErrorBorderColor = "#d52b1e";
-export const rhcFileInputItemSubtitleColor = "#64748B";
+export const rhcFileInputRowGap = "0.75rem";
+export const rhcFileInputFeedbackColor = "#475569";
+export const rhcFileInputFeedbackFontSize = "1rem";
+export const rhcFileBorderStyle = "solid";
+export const rhcFileBorderColor = "#154273";
+export const rhcFileBorderWidth = "1px";
+export const rhcFileBorderRadius = "5px";
+export const rhcFilePaddingInlineStart = "1rem";
+export const rhcFilePaddingInlineEnd = "1rem";
+export const rhcFilePaddingBlockStart = "0.75rem";
+export const rhcFilePaddingBlockEnd = "0.75rem";
+export const rhcFileColumnGap = "0.25rem";
+export const rhcFileErrorBorderColor = "#d52b1e";
+export const rhcFileSubtitleColor = "#64748B";
 export const rhcDotBadgeBorderRadius = "999px";
 export const rhcDotBadgeColor = "#d52b1e";
 export const rhcDotBadgeSize = "12px";
+export const rhcCodeInputSize = "48px";
+export const rhcCodeInputGroupColumnGap = "0.5rem";
 export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
 export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
 export const rhcCheckboxGroupRowGap = "1rem";
@@ -1179,5 +1184,3 @@ export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
 export const rhcSubNavBarContentPaddingInlineStart = "1rem";
 export const rhcSubNavBarContentMaxInlineSize = "1280px";
 export const rhcSubNavBarContentListRowGap = "0.5rem";
-export const todoCodeInputSize = "48px";
-export const todoCodeInputGroupColumnGap = "0.5rem";

package/dist/index.json

@@ -863,20 +863,25 @@
   "rhcPageFooterPaddingInlineStart": "2.5rem",
   "rhcPageFooterFlexDirection": "row",
   "rhcFileInputColumnGap": "0.75rem",
-  "rhcFileInputItemBorderStyle": "solid",
-  "rhcFileInputItemBorderColor": "#154273",
-  "rhcFileInputItemBorderWidth": "1px",
-  "rhcFileInputItemBorderRadius": "5px",
-  "rhcFileInputItemPaddingInlineStart": "1rem",
-  "rhcFileInputItemPaddingInlineEnd": "1rem",
-  "rhcFileInputItemPaddingBlockStart": "0.75rem",
-  "rhcFileInputItemPaddingBlockEnd": "0.75rem",
-  "rhcFileInputItemColumnGap": "0.25rem",
-  "rhcFileInputItemErrorBorderColor": "#d52b1e",
-  "rhcFileInputItemSubtitleColor": "#64748B",
+  "rhcFileInputRowGap": "0.75rem",
+  "rhcFileInputFeedbackColor": "#475569",
+  "rhcFileInputFeedbackFontSize": "1rem",
+  "rhcFileBorderStyle": "solid",
+  "rhcFileBorderColor": "#154273",
+  "rhcFileBorderWidth": "1px",
+  "rhcFileBorderRadius": "5px",
+  "rhcFilePaddingInlineStart": "1rem",
+  "rhcFilePaddingInlineEnd": "1rem",
+  "rhcFilePaddingBlockStart": "0.75rem",
+  "rhcFilePaddingBlockEnd": "0.75rem",
+  "rhcFileColumnGap": "0.25rem",
+  "rhcFileErrorBorderColor": "#d52b1e",
+  "rhcFileSubtitleColor": "#64748B",
   "rhcDotBadgeBorderRadius": "999px",
   "rhcDotBadgeColor": "#d52b1e",
   "rhcDotBadgeSize": "12px",
+  "rhcCodeInputSize": "48px",
+  "rhcCodeInputGroupColumnGap": "0.5rem",
   "rhcCheckboxGroupPaddingBlockEnd": "0.5rem",
   "rhcCheckboxGroupPaddingBlockStart": "0.5rem",
   "rhcCheckboxGroupRowGap": "1rem",
@@ -1174,7 +1179,5 @@
   "rhcSubNavBarContentPaddingInlineEnd": "1rem",
   "rhcSubNavBarContentPaddingInlineStart": "1rem",
   "rhcSubNavBarContentMaxInlineSize": "1280px",
-  "rhcSubNavBarContentListRowGap": "0.5rem",
-  "todoCodeInputSize": "48px",
-  "todoCodeInputGroupColumnGap": "0.5rem"
+  "rhcSubNavBarContentListRowGap": "0.5rem"
 }

package/dist/index.tokens.json

@@ -1354,22 +1354,27 @@
     },
     "file-input": {
       "column-gap": "0.75rem",
-      "item": {
-        "border-style": "solid",
-        "border-color": "#154273",
-        "border-width": "1px",
-        "border-radius": "5px",
-        "padding-inline-start": "1rem",
-        "padding-inline-end": "1rem",
-        "padding-block-start": "0.75rem",
-        "padding-block-end": "0.75rem",
-        "column-gap": "0.25rem",
-        "error": {
-          "border-color": "#d52b1e"
-        },
-        "subtitle": {
-          "color": "#64748B"
-        }
+      "row-gap": "0.75rem",
+      "feedback": {
+        "color": "#475569",
+        "font-size": "1rem"
+      }
+    },
+    "file": {
+      "border-style": "solid",
+      "border-color": "#154273",
+      "border-width": "1px",
+      "border-radius": "5px",
+      "padding-inline-start": "1rem",
+      "padding-inline-end": "1rem",
+      "padding-block-start": "0.75rem",
+      "padding-block-end": "0.75rem",
+      "column-gap": "0.25rem",
+      "error": {
+        "border-color": "#d52b1e"
+      },
+      "subtitle": {
+        "color": "#64748B"
       }
     },
     "dot-badge": {
@@ -1377,6 +1382,12 @@
       "color": "#d52b1e",
       "size": "12px"
     },
+    "code-input": {
+      "size": "48px"
+    },
+    "code-input-group": {
+      "column-gap": "0.5rem"
+    },
     "checkbox-group": {
       "padding-block-end": "0.5rem",
       "padding-block-start": "0.5rem",
@@ -1827,13 +1838,5 @@
         }
       }
     }
-  },
-  "todo": {
-    "code-input": {
-      "size": "48px"
-    },
-    "code-input-group": {
-      "column-gap": "0.5rem"
-    }
   }
 }

package/dist/root.css

@@ -1,11 +1,9 @@
 /**
  * Do not edit directly
- * Generated on Thu, 05 Dec 2024 09:01:29 GMT
+ * Generated on Tue, 10 Dec 2024 09:19:19 GMT
  */
 
 :root {
-  --todo-code-input-group-column-gap: 0.5rem;
-  --todo-code-input-size: 48px;
   --rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
   --rhc-sub-nav-bar-content-max-inline-size: 1280px;
   --rhc-sub-nav-bar-content-padding-inline-start: 1rem;
@@ -304,20 +302,25 @@
   --rhc-checkbox-group-row-gap: 1rem;
   --rhc-checkbox-group-padding-block-start: 0.5rem;
   --rhc-checkbox-group-padding-block-end: 0.5rem;
+  --rhc-code-input-group-column-gap: 0.5rem;
+  --rhc-code-input-size: 48px;
   --rhc-dot-badge-size: 12px;
   --rhc-dot-badge-color: #d52b1e;
   --rhc-dot-badge-border-radius: 999px;
-  --rhc-file-input-item-subtitle-color: #64748B;
-  --rhc-file-input-item-error-border-color: #d52b1e;
-  --rhc-file-input-item-column-gap: 0.25rem;
-  --rhc-file-input-item-padding-block-end: 0.75rem;
-  --rhc-file-input-item-padding-block-start: 0.75rem;
-  --rhc-file-input-item-padding-inline-end: 1rem;
-  --rhc-file-input-item-padding-inline-start: 1rem;
-  --rhc-file-input-item-border-radius: 5px;
-  --rhc-file-input-item-border-width: 1px;
-  --rhc-file-input-item-border-color: #154273;
-  --rhc-file-input-item-border-style: solid;
+  --rhc-file-subtitle-color: #64748B;
+  --rhc-file-error-border-color: #d52b1e;
+  --rhc-file-column-gap: 0.25rem;
+  --rhc-file-padding-block-end: 0.75rem;
+  --rhc-file-padding-block-start: 0.75rem;
+  --rhc-file-padding-inline-end: 1rem;
+  --rhc-file-padding-inline-start: 1rem;
+  --rhc-file-border-radius: 5px;
+  --rhc-file-border-width: 1px;
+  --rhc-file-border-color: #154273;
+  --rhc-file-border-style: solid;
+  --rhc-file-input-feedback-font-size: 1rem;
+  --rhc-file-input-feedback-color: #475569;
+  --rhc-file-input-row-gap: 0.75rem;
   --rhc-file-input-column-gap: 0.75rem;
   --rhc-page-footer-flex-direction: row;
   --rhc-page-footer-padding-inline-start: 2.5rem;

package/dist/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 05 Dec 2024 09:01:29 GMT
+ * Generated on Tue, 10 Dec 2024 09:19:19 GMT
  */
 
 export default tokens;
@@ -1377,22 +1377,27 @@ declare const tokens: {
     },
     "file-input": {
       "column-gap": DesignToken,
-      "item": {
-        "border-style": DesignToken,
-        "border-color": DesignToken,
-        "border-width": DesignToken,
-        "border-radius": DesignToken,
-        "padding-inline-start": DesignToken,
-        "padding-inline-end": DesignToken,
-        "padding-block-start": DesignToken,
-        "padding-block-end": DesignToken,
-        "column-gap": DesignToken,
-        "error": {
-          "border-color": DesignToken
-        },
-        "subtitle": {
-          "color": DesignToken
-        }
+      "row-gap": DesignToken,
+      "feedback": {
+        "color": DesignToken,
+        "font-size": DesignToken
+      }
+    },
+    "file": {
+      "border-style": DesignToken,
+      "border-color": DesignToken,
+      "border-width": DesignToken,
+      "border-radius": DesignToken,
+      "padding-inline-start": DesignToken,
+      "padding-inline-end": DesignToken,
+      "padding-block-start": DesignToken,
+      "padding-block-end": DesignToken,
+      "column-gap": DesignToken,
+      "error": {
+        "border-color": DesignToken
+      },
+      "subtitle": {
+        "color": DesignToken
       }
     },
     "dot-badge": {
@@ -1400,6 +1405,12 @@ declare const tokens: {
       "color": DesignToken,
       "size": DesignToken
     },
+    "code-input": {
+      "size": DesignToken
+    },
+    "code-input-group": {
+      "column-gap": DesignToken
+    },
     "checkbox-group": {
       "padding-block-end": DesignToken,
       "padding-block-start": DesignToken,
@@ -1850,13 +1861,5 @@ declare const tokens: {
         }
       }
     }
-  },
-  "todo": {
-    "code-input": {
-      "size": DesignToken
-    },
-    "code-input-group": {
-      "column-gap": DesignToken
-    }
   }
 }