@swisspost/design-system-components 1.3.1 → 1.3.3

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

@@ -1,22 +1,23 @@
 export declare class PostCollapsible {
+  private collapsibleElement;
+  private isLoaded;
+  host: HTMLPostCollapsibleElement;
+  collapseClasses: string;
+  collapseHeight: string | null;
+  collapsibleId: string;
+  hasHeader: boolean;
+  headingTag: string | undefined;
+  isOpen: boolean;
+  onAccordionButtonClick: () => Promise<boolean>;
   /**
    * If `true`, the element is initially collapsed otherwise it is displayed.
    */
-  collapsed?: boolean;
+  readonly collapsed?: boolean;
+  validateCollapsed(newValue?: boolean): void;
   /**
    * Defines the hierarchical level of the collapsible header within the headings structure.
    */
-  headingLevel?: number;
-  isOpen: boolean;
-  collapseClasses: string;
-  collapseHeight: string | null;
-  headingTag: string | undefined;
-  collapsibleId: string;
-  hasHeader: boolean;
-  host: HTMLElement;
-  isLoaded: boolean;
-  collapsibleElement: HTMLElement;
-  validateCollapsed(newValue?: boolean): void;
+  readonly headingLevel?: number;
   validateHeadingLevel(newValue?: number): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
@@ -24,7 +25,7 @@ export declare class PostCollapsible {
    * Triggers the collapse programmatically.
    */
   toggle(open?: boolean): Promise<boolean>;
-  startTransition(): void;
+  private startTransition;
   private getCollapseClasses;
   render(): any;
 }

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

@@ -2,49 +2,51 @@
  * @class PostIcon - representing a stencil component
  */
 export declare class PostIcon {
+  private path;
+  private loadedPath;
+  private svgSource;
+  pathForceCDN: boolean;
+  svgOutput: string;
   /**
-   * The name/id of the icon (e.g. 1000, 1001, ...).
+   * The name of the animation (`cylon`, `cylon-vertical`, `spin`, `spin-reverse`, `fade`, `throb`).
    */
-  name: string;
+  readonly animation?: string;
+  validateAnimation(newValue?: string): void;
   /**
    * The base path, where the icons are located (must be a public url).
    */
-  base?: string;
+  readonly base?: string;
+  validateBase(newValue?: string): void;
   /**
    * When set to `true`, the icon will be flipped horizontally.
    */
-  flipH?: boolean;
+  readonly flipH?: boolean;
+  validateFlipH(newValue?: boolean): void;
   /**
    * When set to `true`, the icon will be flipped vertically.
    */
-  flipV?: boolean;
+  readonly flipV?: boolean;
+  validateFlipV(newValue?: boolean): void;
   /**
-   * The `number` for the css `scale` transformation.
+   * The name/id of the icon (e.g. 1000, 1001, ...).
    */
-  scale?: number;
+  readonly name: string;
+  validateName(newValue?: string): void;
   /**
    * The `number` of degree for the css `rotate` transformation.
    */
-  rotate?: number;
+  readonly rotate?: number;
+  validateRotate(newValue?: number): void;
   /**
-   * The name of the animation (`cylon`, `cylon-vertical`, `spin`, `spin-reverse`, `fade`, `throb`).
+   * The `number` for the css `scale` transformation.
    */
-  animation?: string;
-  initialPath: string;
-  path: string;
-  svgSource: string;
-  svgOutput: string;
-  validateName(newValue?: string): void;
-  validateBase(newValue?: string): void;
-  validateFlipH(newValue?: boolean): void;
-  validateFlipV(newValue?: boolean): void;
+  readonly scale?: number;
   validateScale(newValue?: number): void;
-  validateRotate(newValue?: number): void;
-  validateAnimation(newValue?: string): void;
-  connectedCallback(): void;
   componentWillLoad(): void;
   componentWillRender(): void;
-  getPath(basePath: string): string;
-  fetchSVG(): void;
+  private setPath;
+  private getPath;
+  private fetchIcon;
+  private createIcon;
   render(): any;
 }

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/check-one-of.d.ts

@@ -0,0 +1 @@
+export declare function checkOneOf<T>(value: T, possibleValues: T[], error: string): void;

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

@@ -0,0 +1,2 @@
+export type PropertyType = 'boolean' | 'number' | 'string' | 'array' | 'object' | 'function';
+export declare function checkType(value: unknown, type: PropertyType, 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/empty-or.d.ts

@@ -0,0 +1 @@
+export declare function emptyOr<T extends unknown[]>(check: (...args: T) => void): (...args: T) => void;

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

@@ -0,0 +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.1",
+  "version": "1.3.3",
   "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,25 +25,30 @@
     "linkDirectory": true
   },
   "dependencies": {
-    "@popperjs/core": "2.11.6",
-    "@stencil/core": "3.0.1",
-    "@stencil/react-output-target": "0.4.0",
-    "@stencil/sass": "2.0.3",
-    "@swisspost/design-system-styles": "5.4.1",
-    "bootstrap": "5.1.3",
-    "puppeteer": "19.7.2",
-    "sass": "1.58.3"
+    "@stencil/core": "3.2.0"
   },
   "devDependencies": {
-    "@percy/cli": "1.20.0",
+    "@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.4.0",
+    "@stencil/sass": "3.0.0",
+    "@swisspost/design-system-styles": "6.1.0",
     "@types/jest": "27.5.2",
-    "cypress": "12.6.0",
+    "@typescript-eslint/eslint-plugin": "5.56.0",
+    "@typescript-eslint/parser": "5.56.0",
+    "bootstrap": "5.2.3",
+    "cypress": "12.8.1",
     "cypress-storybook": "0.5.1",
+    "eslint": "8.36.0",
+    "eslint-plugin-react": "7.32.2",
     "jest": "27.5.1",
     "jest-cli": "27.5.1",
     "npm-run-all": "4.1.5",
-    "typescript": "4.8.4"
+    "puppeteer": "19.8.0",
+    "sass": "1.60.0",
+    "typescript": "4.9.5"
   },
   "scripts": {
     "start": "stencil build --watch --docs-readme",
@@ -53,7 +58,7 @@
     "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"
+    "generate": "stencil generate",
+    "lint": "eslint src/**/*{.ts,.tsx}"
   }
 }