@utrecht/component-library-vue 1.0.0-alpha.84 → 1.0.0-alpha.85

package/dist/style.css

@@ -14,7 +14,7 @@
  * @license EUPL-1.2
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
  * Copyright (c) 2021 Gemeente Utrecht
- */.utrecht-button{--_utrecht-button-background-color: var(--utrecht-button-background-color);--_utrecht-button-color: var(--utrecht-button-color);--_utrecht-button-border-color: var(--utrecht-button-border-color, transparent);--_utrecht-button-border-bottom-color: var( --utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent) );--_utrecht-button-disabled-background-color: var( --utrecht-button-disabled-background-color, var(--utrecht-button-background-color) );--_utrecht-button-disabled-border-color: var( --utrecht-button-disabled-border-color, var(--utrecht-button-border-color) );--_utrecht-button-disabled-color: var(--utrecht-button-disabled-color, var(--utrecht-button-color));--_utrecht-button-focus-background-color: var( --utrecht-button-focus-background-color, var(--utrecht-button-background-color) );--_utrecht-button-focus-border-color: var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));--_utrecht-button-focus-color: var(--utrecht-button-focus-color, var(--utrecht-button-color));--_utrecht-button-hover-background-color: var( --utrecht-button-hover-background-color, var(--utrecht-button-background-color) );--_utrecht-button-hover-border-color: var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));--_utrecht-button-hover-color: var(--utrecht-button-hover-color, var(--utrecht-button-color));--_utrecht-button-active-background-color: var( --utrecht-button-active-background-color, var(--utrecht-button-background-color) );--_utrecht-button-active-border-color: var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));--_utrecht-button-active-color: var(--utrecht-button-active-color, var(--utrecht-button-color));--_utrecht-button-border-width: var(--utrecht-button-border-width, 0);--_utrecht-button-border-bottom-width: var( --utrecht-button-border-bottom-width, var(--utrecht-button-border-width, 0) );align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--utrecht-button-color);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-button--primary-action{--utrecht-button-active-background-color: var(--utrecht-button-primary-action-active-background-color);--utrecht-button-active-border-color: var(--utrecht-button-primary-action-active-border-color);--utrecht-button-active-color: var(--utrecht-button-primary-action-active-color);--utrecht-button-background-color: var(--utrecht-button-primary-action-background-color);--utrecht-button-border-color: var(--utrecht-button-primary-action-border-color);--utrecht-button-border-width: var(--utrecht-button-primary-action-border-width);--utrecht-button-color: var(--utrecht-button-primary-action-color);--utrecht-button-disabled-background-color: var(--utrecht-button-primary-action-disabled-background-color);--utrecht-button-disabled-border-color: var(--utrecht-button-primary-action-disabled-border-color);--utrecht-button-disabled-color: var(--utrecht-button-primary-action-disabled-color);--utrecht-button-focus-background-color: var(--utrecht-button-primary-action-focus-background-color);--utrecht-button-focus-border-color: var(--utrecht-button-primary-action-focus-border-color);--utrecht-button-focus-color: var(--utrecht-button-primary-action-focus-color);--utrecht-button-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);--utrecht-button-hover-border-color: var(--utrecht-button-primary-action-hover-border-color);--utrecht-button-hover-color: var(--utrecht-button-primary-action-hover-color)}.utrecht-button--secondary-action{--utrecht-button-active-background-color: var(--utrecht-button-secondary-action-active-background-color);--utrecht-button-active-border-color: var(--utrecht-button-secondary-action-active-border-color);--utrecht-button-active-color: var(--utrecht-button-secondary-action-active-color);--utrecht-button-background-color: var(--utrecht-button-secondary-action-background-color);--utrecht-button-border-color: var(--utrecht-button-secondary-action-border-color);--utrecht-button-border-width: var(--utrecht-button-secondary-action-border-width);--utrecht-button-color: var(--utrecht-button-secondary-action-color);--utrecht-button-disabled-background-color: var(--utrecht-button-secondary-action-disabled-background-color);--utrecht-button-disabled-border-color: var(--utrecht-button-secondary-action-disabled-border-color);--utrecht-button-disabled-color: var(--utrecht-button-secondary-action-disabled-color);--utrecht-button-focus-background-color: var(--utrecht-button-secondary-action-focus-background-color);--utrecht-button-focus-border-color: var(--utrecht-button-secondary-action-focus-border-color);--utrecht-button-focus-color: var(--utrecht-button-secondary-action-focus-color);--utrecht-button-hover-background-color: var(--utrecht-button-secondary-action-hover-background-color);--utrecht-button-hover-border-color: var(--utrecht-button-secondary-action-hover-border-color);--utrecht-button-hover-color: var(--utrecht-button-secondary-action-hover-color)}.utrecht-button--subtle{--utrecht-button-active-background-color: var(--utrecht-button-subtle-active-background-color);--utrecht-button-active-border-color: var(--utrecht-button-subtle-active-border-color);--utrecht-button-active-color: var(--utrecht-button-subtle-active-color);--utrecht-button-background-color: var(--utrecht-button-subtle-background-color);--utrecht-button-border-color: var(--utrecht-button-subtle-border-color);--utrecht-button-border-width: var(--utrecht-button-subtle-border-width);--utrecht-button-color: var(--utrecht-button-subtle-color);--utrecht-button-disabled-background-color: var(--utrecht-button-subtle-disabled-background-color);--utrecht-button-disabled-border-color: var(--utrecht-button-subtle-disabled-border-color);--utrecht-button-disabled-color: var(--utrecht-button-subtle-disabled-color);--utrecht-button-focus-background-color: var(--utrecht-button-subtle-focus-background-color);--utrecht-button-focus-border-color: var(--utrecht-button-subtle-focus-border-color);--utrecht-button-focus-color: var(--utrecht-button-subtle-focus-color);--utrecht-button-hover-background-color: var(--utrecht-button-subtle-hover-background-color);--utrecht-button-hover-border-color: var(--utrecht-button-subtle-hover-border-color);--utrecht-button-hover-color: var(--utrecht-button-subtle-hover-color)}/**
+ */.utrecht-button{--_utrecht-button-background-color: var(--utrecht-button-background-color);--_utrecht-button-color: var(--utrecht-button-color);--_utrecht-button-border-color: var(--utrecht-button-border-color, transparent);--_utrecht-button-border-bottom-color: var( --utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent) );--_utrecht-button-disabled-background-color: var( --utrecht-button-disabled-background-color, var(--utrecht-button-background-color) );--_utrecht-button-disabled-border-color: var( --utrecht-button-disabled-border-color, var(--utrecht-button-border-color) );--_utrecht-button-disabled-color: var(--utrecht-button-disabled-color, var(--utrecht-button-color));--_utrecht-button-focus-background-color: var( --utrecht-button-focus-background-color, var(--utrecht-button-background-color) );--_utrecht-button-focus-border-color: var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));--_utrecht-button-focus-color: var(--utrecht-button-focus-color, var(--utrecht-button-color));--_utrecht-button-hover-background-color: var( --utrecht-button-hover-background-color, var(--utrecht-button-background-color) );--_utrecht-button-hover-border-color: var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));--_utrecht-button-hover-color: var(--utrecht-button-hover-color, var(--utrecht-button-color));--_utrecht-button-active-background-color: var( --utrecht-button-active-background-color, var(--utrecht-button-background-color) );--_utrecht-button-active-border-color: var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));--_utrecht-button-active-color: var(--utrecht-button-active-color, var(--utrecht-button-color));--_utrecht-button-border-width: var(--utrecht-button-border-width, 0);--_utrecht-button-border-bottom-width: var( --utrecht-button-border-bottom-width, var(--utrecht-button-border-width, 0) );--utrecht-icon-size: var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--utrecht-button-color);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-button--primary-action{--utrecht-button-active-background-color: var(--utrecht-button-primary-action-active-background-color);--utrecht-button-active-border-color: var(--utrecht-button-primary-action-active-border-color);--utrecht-button-active-color: var(--utrecht-button-primary-action-active-color);--utrecht-button-background-color: var(--utrecht-button-primary-action-background-color);--utrecht-button-border-color: var(--utrecht-button-primary-action-border-color);--utrecht-button-border-width: var(--utrecht-button-primary-action-border-width);--utrecht-button-color: var(--utrecht-button-primary-action-color);--utrecht-button-disabled-background-color: var(--utrecht-button-primary-action-disabled-background-color);--utrecht-button-disabled-border-color: var(--utrecht-button-primary-action-disabled-border-color);--utrecht-button-disabled-color: var(--utrecht-button-primary-action-disabled-color);--utrecht-button-focus-background-color: var(--utrecht-button-primary-action-focus-background-color);--utrecht-button-focus-border-color: var(--utrecht-button-primary-action-focus-border-color);--utrecht-button-focus-color: var(--utrecht-button-primary-action-focus-color);--utrecht-button-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);--utrecht-button-hover-border-color: var(--utrecht-button-primary-action-hover-border-color);--utrecht-button-hover-color: var(--utrecht-button-primary-action-hover-color)}.utrecht-button--secondary-action{--utrecht-button-active-background-color: var(--utrecht-button-secondary-action-active-background-color);--utrecht-button-active-border-color: var(--utrecht-button-secondary-action-active-border-color);--utrecht-button-active-color: var(--utrecht-button-secondary-action-active-color);--utrecht-button-background-color: var(--utrecht-button-secondary-action-background-color);--utrecht-button-border-color: var(--utrecht-button-secondary-action-border-color);--utrecht-button-border-width: var(--utrecht-button-secondary-action-border-width);--utrecht-button-color: var(--utrecht-button-secondary-action-color);--utrecht-button-disabled-background-color: var(--utrecht-button-secondary-action-disabled-background-color);--utrecht-button-disabled-border-color: var(--utrecht-button-secondary-action-disabled-border-color);--utrecht-button-disabled-color: var(--utrecht-button-secondary-action-disabled-color);--utrecht-button-focus-background-color: var(--utrecht-button-secondary-action-focus-background-color);--utrecht-button-focus-border-color: var(--utrecht-button-secondary-action-focus-border-color);--utrecht-button-focus-color: var(--utrecht-button-secondary-action-focus-color);--utrecht-button-hover-background-color: var(--utrecht-button-secondary-action-hover-background-color);--utrecht-button-hover-border-color: var(--utrecht-button-secondary-action-hover-border-color);--utrecht-button-hover-color: var(--utrecht-button-secondary-action-hover-color)}.utrecht-button--subtle{--utrecht-button-active-background-color: var(--utrecht-button-subtle-active-background-color);--utrecht-button-active-border-color: var(--utrecht-button-subtle-active-border-color);--utrecht-button-active-color: var(--utrecht-button-subtle-active-color);--utrecht-button-background-color: var(--utrecht-button-subtle-background-color);--utrecht-button-border-color: var(--utrecht-button-subtle-border-color);--utrecht-button-border-width: var(--utrecht-button-subtle-border-width);--utrecht-button-color: var(--utrecht-button-subtle-color);--utrecht-button-disabled-background-color: var(--utrecht-button-subtle-disabled-background-color);--utrecht-button-disabled-border-color: var(--utrecht-button-subtle-disabled-border-color);--utrecht-button-disabled-color: var(--utrecht-button-subtle-disabled-color);--utrecht-button-focus-background-color: var(--utrecht-button-subtle-focus-background-color);--utrecht-button-focus-border-color: var(--utrecht-button-subtle-focus-border-color);--utrecht-button-focus-color: var(--utrecht-button-subtle-focus-color);--utrecht-button-hover-background-color: var(--utrecht-button-subtle-hover-background-color);--utrecht-button-hover-border-color: var(--utrecht-button-subtle-hover-border-color);--utrecht-button-hover-color: var(--utrecht-button-subtle-hover-color)}/**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 *//**

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.84",
+  "version": "1.0.0-alpha.85",
   "author": "Community for NL Design System",
   "description": "Vue.js components for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -42,7 +42,7 @@
     "@types/jest": "27.5.2",
     "@types/jsdom": "16.2.15",
     "@types/node": "16.11.47",
-    "@utrecht/components": "1.0.0-alpha.268",
+    "@utrecht/components": "1.0.0-alpha.269",
     "@vitejs/plugin-vue": "2.3.3",
     "@vue/tsconfig": "0.1.3",
     "@vue/vue3-jest": "28.0.1",
@@ -61,5 +61,5 @@
     "vue-router": "4.1.3",
     "vue-tsc": "0.39.4"
   },
-  "gitHead": "5b5af09a97a4d80406c3befbe73c9c3852845870"
+  "gitHead": "5c31ea600fbee226c7d49b4e1cf10d026884fb66"
 }