@utrecht/component-library-css 1.0.0-alpha.122 → 1.0.0-alpha.126

package/dist/index.css

@@ -5096,9 +5096,10 @@ ol.utrecht-breadcrumb__list {
 /* Collection of CSS variables for Utrecht theme applied to `:root` */
 /**
  * Do not edit directly
- * Generated on Thu, 04 Nov 2021 15:20:00 GMT
+ * Generated on Sat, 20 Nov 2021 15:41:16 GMT
  */
 :root {
+  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
   --utrecht-topnav-link-focus-text-decoration: none;
   --utrecht-topnav-link-focus-border-type: dotted;
   --utrecht-search-bar-hover-transform: 1;
@@ -5193,6 +5194,12 @@ ol.utrecht-breadcrumb__list {
   --utrecht-unordered-list-item-margin-block-start: 0.5rem;
   --utrecht-unordered-list-margin-block-end: 1rem;
   --utrecht-unordered-list-margin-block-start: 0;
+  --utrecht-toptask-link-icon-size: 1.7rem;
+  --utrecht-toptask-link-hover-transform-scale: 1.02;
+  --utrecht-toptask-link-min-inline-size: 15rem;
+  --utrecht-toptask-link-min-block-size: 8.25rem;
+  --utrecht-toptask-link-line-height: 1.2;
+  --utrecht-toptask-link-font-size: 1rem;
   --utrecht-textbox-border-bottom-width: 3px;
   --utrecht-textarea-border-bottom-width: 3px;
   --utrecht-table-cell-padding-inline-start: 0.4em;
@@ -5453,6 +5460,7 @@ ol.utrecht-breadcrumb__list {
   --utrecht-badge-data-text-transform: uppercase;
   --utrecht-badge-data-letter-spacing: 0.15ch;
   --utrecht-article-max-inline-size: 780px;
+  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
   --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
   --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
   --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
@@ -5653,6 +5661,10 @@ ol.utrecht-breadcrumb__list {
   --utrecht-badge-background-color: var(--utrecht-color-grey-30);
   /* Default background color for badge components */
   --utrecht-search-bar-invalid-border-color: var(--utrecht-feedback-invalid-border-color);
+  --utrecht-toptask-link-hover-color: var(--utrecht-button-primary-action-hover-color);
+  --utrecht-toptask-link-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);
+  --utrecht-toptask-link-color: var(--utrecht-button-color);
+  --utrecht-toptask-link-background-color: var(--utrecht-button-background-color);
   --utrecht-mapcontrolbutton-focus-border-color: var(--utrecht-focus-border-color);
   --utrecht-mapcontrolbutton-focus-outline-color: var(--utrecht-focus-outline-color);
   --utrecht-mapcontrolbutton-focus-border-style: var(--utrecht-focus-border-style);

package/dist/root-theme.css

@@ -5,9 +5,10 @@
 /* Collection of CSS variables for Utrecht theme applied to `:root` */
 /**
  * Do not edit directly
- * Generated on Thu, 04 Nov 2021 15:20:00 GMT
+ * Generated on Sat, 20 Nov 2021 15:41:16 GMT
  */
 :root {
+  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
   --utrecht-topnav-link-focus-text-decoration: none;
   --utrecht-topnav-link-focus-border-type: dotted;
   --utrecht-search-bar-hover-transform: 1;
@@ -102,6 +103,12 @@
   --utrecht-unordered-list-item-margin-block-start: 0.5rem;
   --utrecht-unordered-list-margin-block-end: 1rem;
   --utrecht-unordered-list-margin-block-start: 0;
+  --utrecht-toptask-link-icon-size: 1.7rem;
+  --utrecht-toptask-link-hover-transform-scale: 1.02;
+  --utrecht-toptask-link-min-inline-size: 15rem;
+  --utrecht-toptask-link-min-block-size: 8.25rem;
+  --utrecht-toptask-link-line-height: 1.2;
+  --utrecht-toptask-link-font-size: 1rem;
   --utrecht-textbox-border-bottom-width: 3px;
   --utrecht-textarea-border-bottom-width: 3px;
   --utrecht-table-cell-padding-inline-start: 0.4em;
@@ -362,6 +369,7 @@
   --utrecht-badge-data-text-transform: uppercase;
   --utrecht-badge-data-letter-spacing: 0.15ch;
   --utrecht-article-max-inline-size: 780px;
+  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
   --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
   --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
   --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
@@ -562,6 +570,10 @@
   --utrecht-badge-background-color: var(--utrecht-color-grey-30);
   /* Default background color for badge components */
   --utrecht-search-bar-invalid-border-color: var(--utrecht-feedback-invalid-border-color);
+  --utrecht-toptask-link-hover-color: var(--utrecht-button-primary-action-hover-color);
+  --utrecht-toptask-link-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);
+  --utrecht-toptask-link-color: var(--utrecht-button-color);
+  --utrecht-toptask-link-background-color: var(--utrecht-button-background-color);
   --utrecht-mapcontrolbutton-focus-border-color: var(--utrecht-focus-border-color);
   --utrecht-mapcontrolbutton-focus-outline-color: var(--utrecht-focus-outline-color);
   --utrecht-mapcontrolbutton-focus-border-style: var(--utrecht-focus-border-style);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.122",
+  "version": "1.0.0-alpha.126",
   "author": "Community for NL Design System",
   "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -16,7 +16,7 @@
     "url": "git@github.com:nl-design-system/utrecht.git"
   },
   "devDependencies": {
-    "@utrecht/design-tokens": "1.0.0-alpha.115",
+    "@utrecht/design-tokens": "1.0.0-alpha.119",
     "node-sass-package-importer": "5.3.2",
     "rimraf": "3.0.2",
     "sass": "1.43.4"
@@ -26,5 +26,5 @@
     "build": "sass src/:dist/ --load-path=../../node_modules/ --no-source-map",
     "clean": "rimraf dist/"
   },
-  "gitHead": "d6dee20ba4840f558fad75fea2256887470c83b7"
+  "gitHead": "5c8c02cbbfdf3f86bef631ba92bc2477b511295f"
 }