@oiz/stzh-components 2.6.0-beta → 2.7.0-alpha

package/dist/collection/components/stzh-invert/stzh-invert.css

@@ -146,13 +146,13 @@
   --hover-background-color: var(--stzh-base-invert-color72);
   --hover-border-color: transparent;
 }
-:host ::slotted(*) stzh-button[disabled]:not([disabled=false]) {
+:host ::slotted(*) stzh-button[disabled]:not([disabled=false]), :host ::slotted(*) stzh-button[a11y-disabled]:not([a11y-disabled=false]) {
   --border-color: transparent;
   --background-color: var(--stzh-base-invert-color32);
   --hover-border-color: transparent;
   --hover-background-color: var(--stzh-base-invert-color32);
 }
-:host ::slotted(*) stzh-button[disabled]:not([disabled=false])[variant=secondary], :host ::slotted(*) stzh-button[disabled]:not([disabled=false])[variant=input], :host ::slotted(*) stzh-button[disabled]:not([disabled=false])[variant=tertiary] {
+:host ::slotted(*) stzh-button[disabled]:not([disabled=false])[variant=secondary], :host ::slotted(*) stzh-button[disabled]:not([disabled=false])[variant=input], :host ::slotted(*) stzh-button[disabled]:not([disabled=false])[variant=tertiary], :host ::slotted(*) stzh-button[a11y-disabled]:not([a11y-disabled=false])[variant=secondary], :host ::slotted(*) stzh-button[a11y-disabled]:not([a11y-disabled=false])[variant=input], :host ::slotted(*) stzh-button[a11y-disabled]:not([a11y-disabled=false])[variant=tertiary] {
   --color: var(--stzh-base-invert-color32);
   --border-color: var(--stzh-base-invert-color32);
   --background-color: transparent;

package/dist/collection/components/stzh-monthyearpicker/stzh-monthyearpicker.css

@@ -0,0 +1,123 @@
+/**
+ * Colors
+ */
+/*
+ * Base
+ */
+/**
+ * Flyingfocus
+ */
+/**
+ * Link
+ */
+/**
+ * Text
+ */
+/**
+ * Richtext
+ */
+/**
+ * Section
+ */
+/**
+ * Header
+ */
+/**
+ * Appnav
+ */
+/**
+ * Progressbar
+ */
+/**
+ * Loader
+ */
+/**
+ * Table
+ */
+/**
+ * Heading
+ */
+/**
+ * Menu (Item)
+ */
+/**
+ * Form Elements (Input / Checkbox / Radio / Select / Datepicker)
+ */
+/**
+ * Popover
+ */
+/**
+ * Tooltips
+ */
+/**
+ * Accordions
+ */
+/**
+ * Buttons
+ */
+/**
+ * Box Shadows
+ */
+/**
+ * Z-Indexes
+ * Inspired by https://www.duetds.com/tokens/#z-index
+ */
+/**
+ * Icon sizes
+ */
+/**
+ * Grid
+ */
+/**
+ * Breakpoints
+ */
+/**
+ * Container
+ */
+/**
+ * Spaces
+ */
+/**
+ * Fonts
+ */
+:host {
+  font-family: var(--stzh-font-family-regular);
+  font-weight: var(--stzh-font-weight-regular);
+  font-style: normal;
+  color: var(--stzh-base-color);
+  box-sizing: border-box;
+  display: block;
+}
+:host[hidden] {
+  display: none;
+}
+:host *,
+:host *::before,
+:host *::after {
+  box-sizing: border-box;
+  text-underline-offset: var(--stzh-link-text-underline-offset);
+  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);
+}
+
+:host {
+  width: 100%;
+  --separator-height: var(--stzh-form-input-height);
+}
+:host[size=small] {
+  --separator-height: var(--stzh-form-input-small-height);
+}
+
+.stzh-monthyearpicker__wrapper {
+  display: flex;
+  align-items: flex-start;
+}
+.stzh-monthyearpicker__separator {
+  font-size: var(--stzh-font-milli-font-size);
+  line-height: var(--stzh-font-milli-text-line-height);
+  letter-spacing: var(--stzh-font-curve---text-letter-spacing);
+  margin-left: var(--stzh-space-medium);
+  margin-right: var(--stzh-space-medium);
+  height: var(--separator-height);
+  display: flex;
+  align-items: center;
+}