@swisspost/design-system-components 1.3.2 → 1.3.4

package/dist/types/components/post-icon/post-icon.d.ts

@@ -1,20 +1,26 @@
+declare const ANIMATION_NAMES: readonly ["cylon", "cylon-vertical", "spin", "spin-reverse", "fade", "throb"];
+type Animation = (typeof ANIMATION_NAMES)[number];
 /**
  * @class PostIcon - representing a stencil component
  */
 export declare class PostIcon {
-  private initialPath;
   private path;
+  private loadedPath;
   private svgSource;
+  private svgElement;
+  host: HTMLPostIconElement;
+  pathForceCDN: boolean;
+  svgStyles: string;
   svgOutput: string;
   /**
-   * The name of the animation (`cylon`, `cylon-vertical`, `spin`, `spin-reverse`, `fade`, `throb`).
+   * The name of the animation.
    */
-  readonly animation?: string;
-  validateAnimation(newValue?: string): void;
+  readonly animation?: Animation | null;
+  validateAnimation(newValue?: "cylon" | "cylon-vertical" | "spin" | "spin-reverse" | "fade" | "throb"): void;
   /**
-   * The base path, where the icons are located (must be a public url).
+   * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
    */
-  readonly base?: string;
+  readonly base?: string | null;
   validateBase(newValue?: string): void;
   /**
    * When set to `true`, the icon will be flipped horizontally.
@@ -32,19 +38,22 @@ export declare class PostIcon {
   readonly name: string;
   validateName(newValue?: string): void;
   /**
-   * The `number` of degree for the css `rotate` transformation.
+   * The number of degree for the css rotate transformation.
    */
-  readonly rotate?: number;
+  readonly rotate?: number | null;
   validateRotate(newValue?: number): void;
   /**
-   * The `number` for the css `scale` transformation.
+   * The number for the css scale transformation.
    */
-  readonly scale?: number;
+  readonly scale?: number | null;
   validateScale(newValue?: number): void;
-  connectedCallback(): void;
   componentWillLoad(): void;
   componentWillRender(): void;
-  private fetchSVG;
+  private setPath;
   private getPath;
+  private fetchIcon;
+  private createIconFromStorage;
+  private createIcon;
   render(): any;
 }
+export {};

package/dist/types/components.d.ts

@@ -25,13 +25,13 @@ export namespace Components {
      */
     interface PostIcon {
         /**
-          * The name of the animation (`cylon`, `cylon-vertical`, `spin`, `spin-reverse`, `fade`, `throb`).
+          * The name of the animation.
          */
-        "animation"?: string;
+        "animation"?: Animation | null;
         /**
-          * The base path, where the icons are located (must be a public url).
+          * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
          */
-        "base"?: string;
+        "base"?: string | null;
         /**
           * When set to `true`, the icon will be flipped horizontally.
          */
@@ -45,13 +45,13 @@ export namespace Components {
          */
         "name": string;
         /**
-          * The `number` of degree for the css `rotate` transformation.
+          * The number of degree for the css rotate transformation.
          */
-        "rotate"?: number;
+        "rotate"?: number | null;
         /**
-          * The `number` for the css `scale` transformation.
+          * The number for the css scale transformation.
          */
-        "scale"?: number;
+        "scale"?: number | null;
     }
 }
 declare global {
@@ -91,13 +91,13 @@ declare namespace LocalJSX {
      */
     interface PostIcon {
         /**
-          * The name of the animation (`cylon`, `cylon-vertical`, `spin`, `spin-reverse`, `fade`, `throb`).
+          * The name of the animation.
          */
-        "animation"?: string;
+        "animation"?: Animation | null;
         /**
-          * The base path, where the icons are located (must be a public url).
+          * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
          */
-        "base"?: string;
+        "base"?: string | null;
         /**
           * When set to `true`, the icon will be flipped horizontally.
          */
@@ -109,15 +109,15 @@ declare namespace LocalJSX {
         /**
           * The name/id of the icon (e.g. 1000, 1001, ...).
          */
-        "name"?: string;
+        "name": string;
         /**
-          * The `number` of degree for the css `rotate` transformation.
+          * The number of degree for the css rotate transformation.
          */
-        "rotate"?: number;
+        "rotate"?: number | null;
         /**
-          * The `number` for the css `scale` transformation.
+          * The number for the css scale transformation.
          */
-        "scale"?: number;
+        "scale"?: number | null;
     }
     interface IntrinsicElements {
         "post-collapsible": PostCollapsible;

package/dist/types/utils/property-checkers/check-non-empty.d.ts

@@ -0,0 +1 @@
+export declare function checkNonEmpty(value: unknown, error: string): void;

package/dist/types/utils/property-checkers/constants.d.ts

@@ -0,0 +1 @@
+export declare const EMPTY_VALUES: string[];

package/dist/types/utils/property-checkers/index.d.ts

@@ -1,4 +1,5 @@
 export declare const checkEmptyOrOneOf: <T>(value: T, possibleValues: T[], error: string) => void;
 export declare const checkEmptyOrType: (value: unknown, type: import("./check-type").PropertyType, error: string) => void;
+export * from './check-non-empty';
 export * from './check-one-of';
 export * from './check-type';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
   "license": "Apache-2.0",
   "main": "dist/index.cjs.js",
@@ -25,29 +25,29 @@
     "linkDirectory": true
   },
   "dependencies": {
-    "@popperjs/core": "2.11.6",
-    "@stencil-community/eslint-plugin": "^0.5.0",
-    "@stencil/core": "3.1.0",
-    "@stencil/react-output-target": "0.4.0",
-    "@stencil/sass": "3.0.0",
-    "@swisspost/design-system-styles": "6.0.0",
-    "bootstrap": "5.2.3",
-    "eslint-plugin-react": "7.32.2",
-    "puppeteer": "19.7.4",
-    "sass": "1.59.2"
+    "@stencil/core": "3.2.0"
   },
   "devDependencies": {
-    "@percy/cli": "1.20.3",
+    "@percy/cli": "1.21.0",
     "@percy/cypress": "3.1.2",
+    "@popperjs/core": "2.11.7",
+    "@stencil-community/eslint-plugin": "^0.5.0",
+    "@stencil/react-output-target": "0.5.0",
+    "@stencil/sass": "3.0.0",
+    "@swisspost/design-system-styles": "6.1.0",
     "@types/jest": "27.5.2",
-    "@typescript-eslint/eslint-plugin": "5.54.1",
-    "@typescript-eslint/parser": "5.54.1",
-    "cypress": "12.7.0",
+    "@typescript-eslint/eslint-plugin": "5.57.1",
+    "@typescript-eslint/parser": "5.57.1",
+    "bootstrap": "5.2.3",
+    "cypress": "12.9.0",
     "cypress-storybook": "0.5.1",
-    "eslint": "8.36.0",
+    "eslint": "8.37.0",
+    "eslint-plugin-react": "7.32.2",
     "jest": "27.5.1",
     "jest-cli": "27.5.1",
     "npm-run-all": "4.1.5",
+    "puppeteer": "19.8.3",
+    "sass": "1.60.0",
     "typescript": "4.9.5"
   },
   "scripts": {
@@ -58,7 +58,6 @@
     "unit:watch": "stencil test --spec --watchAll --silent",
     "e2e": "cypress run",
     "e2e:watch": "cypress open",
-    "snapshots": "percy exec -- cypress run --config-file ./cypress.snapshot.config.js",
     "generate": "stencil generate",
     "lint": "eslint src/**/*{.ts,.tsx}"
   }