npm - @oiz/stzh-components - Versions diffs - 2.10.0-beta → 2.10.0 - Mend

@oiz/stzh-components 2.10.0-beta → 2.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (428) hide show

package/dist/collection/components/stzh-list-item/stzh-list-item.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-loader/stzh-loader.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-loadingbar/stzh-loadingbar.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-menu/stzh-menu.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-menu-item/stzh-menu-item.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-message/stzh-message.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-metanav/stzh-metanav.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

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

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-olmap/stzh-olmap.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-overlay/stzh-overlay.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-page-skiplinks/stzh-page-skiplinks.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-page-skiplinks/stzh-page-skiplinks.stories.js CHANGED Viewed

@@ -10,8 +10,8 @@ const story = createComponentStory(COMPONENT_NAME);
 const TEMPLATE = `
 <div>
   <stzh-page-skiplinks>
-    <stzh-skiplink href="#anchorNavMeta" link-accesskey="1" link-title="[ALT + 1]">Skip to navigation</stzh-skiplink>
-    <stzh-skiplink href="#anchorContent" link-accesskey="2" link-title="[ALT + 2]">Skip to content</stzh-skiplink>
+    <stzh-skiplink href="#anchorNavMeta" id="skiplinkNavMeta" link-accesskey="1" link-title="[ALT + 1]">Skip to navigation</stzh-skiplink>
+    <stzh-skiplink href="#anchorContent" id="skiplinkContent" link-accesskey="2" link-title="[ALT + 2]">Skip to content</stzh-skiplink>
   </stzh-page-skiplinks>
   <stzh-text>
     <p>Use <code>tab</code> key to go through skiplinks.</p>

package/dist/collection/components/stzh-pagebottom/stzh-pagebottom.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-pagetitle/stzh-pagetitle.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-pagetitle-hero/stzh-pagetitle-hero.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-pagination/stzh-pagination.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-panorama/stzh-panorama.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-popover/stzh-popover.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-print/stzh-print.css ADDED Viewed

@@ -0,0 +1,127 @@
+/**
+ * Colors
+ */
+/*
+ * Base
+ */
+/**
+ * Flyingfocus
+ */
+/**
+ * Link
+ */
+/**
+ * Text
+ */
+/**
+ * Richtext
+ */
+/**
+ * Section
+ */
+/**
+ * Header
+ */
+/**
+ * Appnav
+ */
+/**
+ * Progressbar
+ */
+/**
+ * Loader
+ */
+/**
+ * Table
+ */
+/**
+ * Heading
+ */
+/**
+ * Menu (Item)
+ */
+/**
+ * Form Elements (Input / Checkbox / Radio / Select / Datepicker)
+ */
+/**
+ * Popover
+ */
+/**
+ * Tooltips
+ */
+/**
+ * Overlays / Dialogs
+ */
+/**
+ * Accordions
+ */
+/**
+ * Buttons
+ */
+/* Ratios */
+/**
+ * Box Shadows
+ */
+/**
+ * Z-Indexes
+ * Inspired by https://www.duetds.com/tokens/#z-index
+ */
+/**
+ * Icon sizes
+ */
+/**
+ * Grid
+ */
+/**
+ * Breakpoints
+ */
+/**
+ * Container
+ */
+/**
+ * Ratios
+ */
+/**
+ * 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;
+  /* default outline value, which will be applied to all elements receiving focus
+  the .has-focus class is used by the focus target */
+}
+: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 .has-focus {
+  outline: var(--stzh-flyingfocus-color) solid 0.125rem;
+  outline-offset: 0.3125rem;
+}
+:host .stzh-fylingfocus-focused {
+  outline-style: none !important;
+}
+:host .stzh-fylingfocus-focused::-moz-focus-inner {
+  border: 0 !important;
+}
+:host {
+  display: contents;
+}
+.stzh-print {
+  display: contents;
+}

package/dist/collection/components/stzh-print/stzh-print.js ADDED Viewed

@@ -0,0 +1,53 @@
+import { Host, h, } from "@stencil/core";
+import { setPropsIfNull } from "../../utils/utils";
+/**
+ * @slot - Slot for label
+ */
+export class StzhPrint {
+  constructor() {
+    this.handleLinkClick = () => {
+      window.print();
+    };
+    this.init = () => {
+      const links = this.element.querySelectorAll("stzh-link, stzh-button");
+      links.forEach((link) => {
+        link.addEventListener('click', this.handleLinkClick);
+        setPropsIfNull(link, {
+          icon: "print"
+        });
+      });
+    };
+  }
+  connectedCallback() {
+    this.init();
+    this.observer = new MutationObserver(this.init);
+    this.observer.observe(this.element, {
+      childList: true,
+      subtree: true
+    });
+  }
+  disconnectedCallback() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  }
+  render() {
+    const classes = {
+      "stzh-print": true
+    };
+    return (h(Host, null, h("div", { class: classes }, h("slot", null))));
+  }
+  static get is() { return "stzh-print"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["stzh-print.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["stzh-print.css"]
+    };
+  }
+  static get elementRef() { return "element"; }
+}
+//# sourceMappingURL=stzh-print.js.map

package/dist/collection/components/stzh-print/stzh-print.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"stzh-print.js","sourceRoot":"","sources":["../../../src/components/stzh-print/stzh-print.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,OAAO,GACR,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;GAEG;AAKH,MAAM,OAAO,SAAS;EAJtB;IASU,oBAAe,GAAG,GAAG,EAAE;MAC7B,MAAM,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC,CAAA;IAEO,SAAI,GAAG,GAAG,EAAE;MAClB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;MAEtE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAErD,cAAc,CAAC,IAAI,EAAE;UACnB,IAAI,EAAE,OAAO;SACiC,CAAC,CAAA;MACnD,CAAC,CAAC,CAAC;IACL,CAAC,CAAA;GA+BF;EA7BC,iBAAiB;IACf,IAAI,CAAC,IAAI,EAAE,CAAC;IAEZ,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;MAClC,SAAS,EAAE,IAAI;MACf,OAAO,EAAE,IAAI;KACd,CAAC,CAAC;EACL,CAAC;EAED,oBAAoB;IAClB,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;KAC5B;EACH,CAAC;EAED,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,YAAY,EAAE,IAAI;KACnB,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,OAAO;QACjB,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Host,\n h,\n Element,\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for label\n */\n@Component({\n tag: \"stzh-print\",\n styleUrl: \"stzh-print.scss\"\n})\nexport class StzhPrint {\n @Element() element: HTMLStzhPrintElement;\n\n private observer: MutationObserver;\n\n private handleLinkClick = () => {\n window.print();\n }\n\n private init = () => {\n const links = this.element.querySelectorAll(\"stzh-link, stzh-button\");\n\n links.forEach((link) => {\n link.addEventListener('click', this.handleLinkClick);\n\n setPropsIfNull(link, {\n icon: \"print\"\n } as HTMLStzhLinkElement | HTMLStzhButtonElement)\n });\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-print\": true\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/stzh-print/stzh-print.stories.js ADDED Viewed

@@ -0,0 +1,43 @@
+import { createComponentStory } from '../../utils/story-utils';
+import { withActions } from '@storybook/addon-actions/decorator';
+import readme from './readme.md?raw';
+import { withDesign } from 'storybook-addon-designs';
+import { getFigmaLink } from '../../../figma';
+const COMPONENT_NAME = 'stzh-print';
+const story = createComponentStory(COMPONENT_NAME);
+const TEMPLATE = `
+<stzh-print>
+  <stzh-link>
+    Print page
+  </stzh-link>
+</stzh-print>
+`;
+export default {
+  title: 'Components/Print',
+  component: COMPONENT_NAME,
+  parameters: {
+    docs: {
+      description: {
+        component: readme
+      }
+    },
+    design: {
+      type: 'figma',
+      url: getFigmaLink('print'),
+      allowFullscreen: true
+    }
+  },
+  decorators: [
+    withActions,
+    withDesign
+  ]
+};
+export const Default = {
+  render: (args) => story(args, TEMPLATE),
+  args: {}
+};

package/dist/collection/components/stzh-progressbar/stzh-progressbar.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-progressbar-item/stzh-progressbar-item.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-radio/stzh-radio.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */

package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.css CHANGED Viewed

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */