@maggioli-design-system/mds-img - npm Package Compare versions

Comparing version 2.2.0 to 2.4.0

dist/cjs/loader.cjs.js

@@ -5,16 +5,7 @@ 'use strict';
 
-const index = require('./index-08babcf5.js');
+const index = require('./index-232d2be2.js');
 
-/*
- Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
 const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
+  if (typeof window === 'undefined') return undefined;
   return index.bootstrapLazy([["mds-img.cjs",[[1,"mds-img",{"alt":[1537],"aspectRatio":[1,"aspect-ratio"],"crossorigin":[1],"height":[1],"loading":[1],"referrerpolicy":[1],"sizes":[1],"src":[1],"srcset":[1],"width":[1]}]]]], options);
-  });
 };
@@ -21,0 +12,0 @@

dist/cjs/mds-img.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-08babcf5.js');
+const index = require('./index-232d2be2.js');
 
@@ -17,3 +17,3 @@ const setAttributeIfEmpty = (element, attribute, value) => {
 
-const mdsImgCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-center{-ms-flex-align:center;align-items:center}.gap-6{gap:1.5rem}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:-ms-flexbox;display:flex;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}img{width:100%}";
+const mdsImgCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-center{-ms-flex-align:center;align-items:center}.gap-6{gap:1.5rem}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:-ms-flexbox;display:flex;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;-o-object-fit:fill;object-fit:fill}img{width:100%;-o-object-fit:inherit;object-fit:inherit}";
 
@@ -84,3 +84,3 @@ const MdsImg = class {
     }
-    return (index.h(index.Host, { "aria-label": this.alt, role: "img" }, index.h("img", { alt: this.alt, "aria-hidden": "true", height: this.height, loading: this.loading, onError: this.onError, onLoad: this.onSuccess, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
+    return (index.h(index.Host, { "aria-label": this.alt, role: "img" }, index.h("img", { alt: this.alt, "aria-hidden": "true", height: this.height, loading: this.loading, onError: this.onError, onLoad: this.onSuccess, part: "media", sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
   }
@@ -87,0 +87,0 @@ get host() { return index.getElement(this); }

dist/cjs/mds-img.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-08babcf5.js');
+const index = require('./index-232d2be2.js');
 
 /*
- Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.2.1 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

 {
   "entries": [
-    "./components/mds-img/mds-img.js"
+    "components/mds-img/mds-img.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.3",
-    "typescriptVersion": "4.9.4"
+    "version": "4.2.1",
+    "typescriptVersion": "5.1.6"
   },
@@ -10,0 +10,0 @@ "collections": [],

dist/collection/components/mds-img/mds-img.js

@@ -1,3 +0,3 @@
-import { Host, h } from '@stencil/core';
-import { setAttributeIfEmpty } from '@common/aria';
+import { Host, h } from "@stencil/core";
+import { setAttributeIfEmpty } from "../../common/aria";
 export class MdsImg {
@@ -64,3 +64,3 @@ constructor() {
     }
-    return (h(Host, { "aria-label": this.alt, role: "img" }, h("img", { alt: this.alt, "aria-hidden": "true", height: this.height, loading: this.loading, onError: this.onError, onLoad: this.onSuccess, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
+    return (h(Host, { "aria-label": this.alt, role: "img" }, h("img", { alt: this.alt, "aria-hidden": "true", height: this.height, loading: this.loading, onError: this.onError, onLoad: this.onSuccess, part: "media", sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
   }
@@ -126,3 +126,4 @@ static get is() { return "mds-img"; }
               "location": "import",
-              "path": "./meta/types"
+              "path": "./meta/types",
+              "id": "src/components/mds-img/meta/types.ts::CrossoriginType"
             }
@@ -167,3 +168,4 @@ }
               "location": "import",
-              "path": "@type/loading"
+              "path": "@type/loading",
+              "id": "src/type/loading.ts::LoadingType"
             }
@@ -191,3 +193,4 @@ }
               "location": "import",
-              "path": "./meta/types"
+              "path": "./meta/types",
+              "id": "src/components/mds-img/meta/types.ts::ReferrerpolicyType"
             }
@@ -293,3 +296,4 @@ }
               "location": "import",
-              "path": "./meta/event-detail"
+              "path": "./meta/event-detail",
+              "id": "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail"
             }
@@ -314,3 +318,4 @@ }
               "location": "import",
-              "path": "./meta/event-detail"
+              "path": "./meta/event-detail",
+              "id": "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail"
             }
@@ -317,0 +322,0 @@ }

dist/collection/components/mds-img/meta/storybook.js

@@ -1,2 +0,2 @@
-import { loadingDictionary } from '@dictionary/loading';
+import { loadingDictionary } from "../../../dictionary/loading";
 const aspectRatios = [
@@ -3,0 +3,0 @@ '1/1',

dist/collection/components/mds-img/test/mds-img-accessibility.stories.js

@@ -1,3 +0,3 @@
-import { h } from '@stencil/core';
-import { argTypes, aspectRatios, URLs } from '../meta/storybook';
+import { h } from "@stencil/core";
+import { argTypes, aspectRatios, URLs } from "../meta/storybook";
 export default {
@@ -4,0 +4,0 @@ title: 'UI / Image / ARIA',

dist/collection/components/mds-img/test/mds-img.stories.js

@@ -1,3 +0,3 @@
-import { h } from '@stencil/core';
-import { argTypes, aspectRatios, URLs } from '../meta/storybook';
+import { h } from "@stencil/core";
+import { argTypes, aspectRatios, URLs } from "../meta/storybook";
 export default {
@@ -4,0 +4,0 @@ title: 'UI / Image',

dist/collection/dictionary/button.js

@@ -16,2 +16,6 @@ const buttonVariantDictionary = [
 ];
+const buttonTargetDictionary = [
+  'blank',
+  'self',
+];
 const buttonSizeDictionary = [
@@ -27,2 +31,2 @@ 'sm',
 ];
-export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, };
+export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };

dist/collection/dictionary/icon.js

@@ -1,5 +0,5 @@
-import jsonIconsDictionary from '../fixtures/icons.json';
-import jsonMggIconsDictionary from '../fixtures/iconsauce.json';
+import jsonIconsDictionary from "../fixtures/icons.json";
+import jsonMggIconsDictionary from "../fixtures/iconsauce.json";
 const iconsDictionary = jsonIconsDictionary;
 const mggIconsDictionary = jsonMggIconsDictionary;
 export { iconsDictionary, mggIconsDictionary, };

dist/collection/dictionary/variant.js

@@ -56,2 +56,10 @@ const themeVariantDictionary = [
 ];
+const toneActionVariantDictionary = [
+  'primary',
+  'secondary',
+  'tertiary',
+  'strong',
+  'weak',
+  'quiet',
+];
 const toneSimpleVariantDictionary = [
@@ -66,2 +74,2 @@ 'strong',
 ];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

dist/components/index.d.ts

@@ -1,3 +0,6 @@
-/* MdsImg custom elements */
-export { MdsImg as MdsImg } from '../types/components/mds-img/mds-img';
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
 
@@ -31,2 +34,1 @@ /**
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-export * from '../types/components';

dist/components/index.js

@@ -1,2 +0,1 @@
-export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-export { MdsImg, defineCustomElement as defineCustomElementMdsImg } from './mds-img.js';
+export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';

dist/components/mds-img.js

@@ -12,5 +12,5 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const mdsImgCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-center{-ms-flex-align:center;align-items:center}.gap-6{gap:1.5rem}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:-ms-flexbox;display:flex;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}img{width:100%}";
+const mdsImgCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-center{-ms-flex-align:center;align-items:center}.gap-6{gap:1.5rem}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:-ms-flexbox;display:flex;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;-o-object-fit:fill;object-fit:fill}img{width:100%;-o-object-fit:inherit;object-fit:inherit}";
 
-const MdsImg$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const MdsImg$1 = /*@__PURE__*/ proxyCustomElement(class MdsImg extends HTMLElement {
   constructor() {
@@ -81,3 +81,3 @@ super();
     }
-    return (h(Host, { "aria-label": this.alt, role: "img" }, h("img", { alt: this.alt, "aria-hidden": "true", height: this.height, loading: this.loading, onError: this.onError, onLoad: this.onSuccess, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
+    return (h(Host, { "aria-label": this.alt, role: "img" }, h("img", { alt: this.alt, "aria-hidden": "true", height: this.height, loading: this.loading, onError: this.onError, onLoad: this.onSuccess, part: "media", sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
   }
@@ -84,0 +84,0 @@ get host() { return this; }

dist/documentation.d.ts

@@ -6,49 +6,251 @@
  */
+interface ComponentCompilerPropertyComplexType {
+  /**
+   * The string of the original type annotation in the Stencil source code
+   */
+  original: string;
+  /**
+   * A 'resolved' type, where e.g. imported types have been resolved and inlined
+   *
+   * For instance, an annotation like `(foo: Foo) => string;` will be
+   * converted to `(foo: { foo: string }) => string;`.
+   */
+  resolved: string;
+  /**
+   * A record of the types which were referenced in the assorted type
+   * annotation in the original source file.
+   */
+  references: ComponentCompilerTypeReferences;
+}
+type ComponentCompilerTypeReferences = Record<string, ComponentCompilerTypeReference>;
+interface ComponentCompilerTypeReference {
+  /**
+   * A type may be defined:
+   * - locally (in the same file as the component that uses it)
+   * - globally
+   * - by importing it into a file (and is defined elsewhere)
+   */
+  location: "local" | "global" | "import";
+  /**
+   * The path to the type reference, if applicable (global types should not need a path associated with them)
+   */
+  path?: string;
+  /**
+   * An ID for this type which is unique within a Stencil project.
+   */
+  id: string;
+}
+interface ComponentCompilerReferencedType {
+  /**
+   * The path to the module where the type is declared.
+   */
+  path: string;
+  /**
+   * The string of the original type annotation in the Stencil source code
+   */
+  declaration: string;
+  /**
+   * An extracted docstring
+   */
+  docstring: string;
+}
+interface ComponentCompilerEventComplexType {
+  original: string;
+  resolved: string;
+  references: ComponentCompilerTypeReferences;
+}
+interface ComponentCompilerMethodComplexType {
+  signature: string;
+  parameters: CompilerJsDoc[];
+  references: ComponentCompilerTypeReferences;
+  return: string;
+}
+interface CompilerJsDoc {
+  /**
+   * The text associated with the JSDoc
+   */
+  text: string;
+  /**
+   * Tags included in the JSDoc
+   */
+  tags: CompilerJsDocTagInfo[];
+}
+interface CompilerJsDocTagInfo {
+  /**
+   * The name of the tag - e.g. `@deprecated`
+   */
+  name: string;
+  /**
+   * Additional text that is associated with the tag - e.g. `@deprecated use v2 of this API`
+   */
+  text?: string;
+}
+/**
+ * The Type Library holds information about the types which are used in a
+ * Stencil project. During compilation, Stencil gathers information about the
+ * types which form part of a component's public API, such as properties
+ * decorated with `@Prop`, `@Event`, `@Watch`, etc. This type information is
+ * then added to the Type Library, where it can be accessed later on for
+ * generating documentation.
+ *
+ * This information is included in the file written by the `docs-json` output
+ * target (see {@link JsonDocs.typeLibrary}).
+ */
+export type JsonDocsTypeLibrary = Record<string, ComponentCompilerReferencedType>;
+/**
+ * A container for JSDoc metadata for a project
+ */
 export interface JsonDocs {
-    components: JsonDocsComponent[];
-    timestamp: string;
-    compiler: {
-        name: string;
-        version: string;
-        typescriptVersion: string;
-    };
-}
-export interface JsonDocsComponent {
-    dirPath?: string;
-    fileName?: string;
-    filePath?: string;
-    readmePath?: string;
-    usagesDir?: string;
-    encapsulation: 'shadow' | 'scoped' | 'none';
-    tag: string;
-    readme: string;
-    docs: string;
-    docsTags: JsonDocsTag[];
+  /**
+   * The metadata for the JSDocs for each component in a Stencil project
+   */
+  components: JsonDocsComponent[];
+  /**
+   * The timestamp at which the metadata was generated, in the format YYYY-MM-DDThh:mm:ss
+   */
+  timestamp: string;
+  compiler: {
     /**
-     * The text from the class-level JSDoc for a Stencil component, if present.
+     * The name of the compiler that generated the metadata
      */
-    overview?: string;
-    usage: JsonDocsUsage;
-    props: JsonDocsProp[];
-    methods: JsonDocsMethod[];
-    events: JsonDocsEvent[];
-    listeners: JsonDocsListener[];
-    styles: JsonDocsStyle[];
-    slots: JsonDocsSlot[];
-    parts: JsonDocsPart[];
-    dependents: string[];
-    dependencies: string[];
-    dependencyGraph: JsonDocsDependencyGraph;
-    deprecation?: string;
+    name: string;
+    /**
+     * The version of the Stencil compiler that generated the metadata
+     */
+    version: string;
+    /**
+     * The version of TypeScript that was used to generate the metadata
+     */
+    typescriptVersion: string;
+  };
+  typeLibrary: JsonDocsTypeLibrary;
 }
+/**
+ * Container for JSDoc metadata for a single Stencil component
+ */
+export interface JsonDocsComponent {
+  /**
+   * The directory containing the Stencil component, minus the file name.
+   *
+   * @example /workspaces/stencil-project/src/components/my-component
+   */
+  dirPath?: string;
+  /**
+   * The name of the file containing the Stencil component, with no path
+   *
+   * @example my-component.tsx
+   */
+  fileName?: string;
+  /**
+   * The full path of the file containing the Stencil component
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/my-component.tsx
+   */
+  filePath?: string;
+  /**
+   * The path to the component's `readme.md` file, including the filename
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/readme.md
+   */
+  readmePath?: string;
+  /**
+   * The path to the component's `usage` directory
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/usage/
+   */
+  usagesDir?: string;
+  /**
+   * The encapsulation strategy for a component
+   */
+  encapsulation: "shadow" | "scoped" | "none";
+  /**
+   * The tag name for the component, for use in HTML
+   */
+  tag: string;
+  /**
+   * The contents of a component's `readme.md` that are user generated.
+   *
+   * Auto-generated contents are not stored in this reference.
+   */
+  readme: string;
+  /**
+   * The description of a Stencil component, found in the JSDoc that sits above the component's declaration
+   */
+  docs: string;
+  /**
+   * JSDoc tags found in the JSDoc comment written atop a component's declaration
+   */
+  docsTags: JsonDocsTag[];
+  /**
+   * The text from the class-level JSDoc for a Stencil component, if present.
+   */
+  overview?: string;
+  /**
+   * A mapping of usage example file names to their contents for the component.
+   */
+  usage: JsonDocsUsage;
+  /**
+   * Array of metadata for a component's `@Prop`s
+   */
+  props: JsonDocsProp[];
+  /**
+   * Array of metadata for a component's `@Method`s
+   */
+  methods: JsonDocsMethod[];
+  /**
+   * Array of metadata for a component's `@Event`s
+   */
+  events: JsonDocsEvent[];
+  /**
+   * Array of metadata for a component's `@Listen` handlers
+   */
+  listeners: JsonDocsListener[];
+  /**
+   * Array of metadata for a component's CSS styling information
+   */
+  styles: JsonDocsStyle[];
+  /**
+   * Array of component Slot information, generated from `@slot` tags
+   */
+  slots: JsonDocsSlot[];
+  /**
+   * Array of component Parts information, generate from `@part` tags
+   */
+  parts: JsonDocsPart[];
+  /**
+   * Array of metadata describing where the current component is used
+   */
+  dependents: string[];
+  /**
+   * Array of metadata listing the components which are used in current component
+   */
+  dependencies: string[];
+  /**
+   * Describes a tree of components coupling
+   */
+  dependencyGraph: JsonDocsDependencyGraph;
+  /**
+   * A deprecation reason/description found following a `@deprecated` tag
+   */
+  deprecation?: string;
+}
 export interface JsonDocsDependencyGraph {
-    [tagName: string]: string[];
+  [tagName: string]: string[];
 }
+/**
+ * A descriptor for a single JSDoc tag found in a block comment
+ */
 export interface JsonDocsTag {
-    name: string;
-    text?: string;
+  /**
+   * The tag name (immediately following the '@')
+   */
+  name: string;
+  /**
+   * The description that immediately follows the tag name
+   */
+  text?: string;
 }
 export interface JsonDocsValue {
-    value?: string;
-    type: string;
+  value?: string;
+  type: string;
 }
@@ -76,75 +278,146 @@ /**
 export interface JsonDocsUsage {
-    [key: string]: string;
+  [key: string]: string;
 }
+/**
+ * An intermediate representation of a `@Prop` decorated member's JSDoc
+ */
 export interface JsonDocsProp {
-    name: string;
-    type: string;
-    mutable: boolean;
-    /**
-     * The name of the attribute that is exposed to configure a compiled web component
-     */
-    attr?: string;
-    reflectToAttr: boolean;
-    docs: string;
-    docsTags: JsonDocsTag[];
-    default: string;
-    deprecation?: string;
-    values: JsonDocsValue[];
-    optional: boolean;
-    required: boolean;
+  /**
+   * the name of the prop
+   */
+  name: string;
+  complexType?: ComponentCompilerPropertyComplexType;
+  /**
+   * the type of the prop, in terms of the TypeScript type system (as opposed to JavaScript's or HTML's)
+   */
+  type: string;
+  /**
+   * `true` if the prop was configured as "mutable" where it was declared, `false` otherwise
+   */
+  mutable: boolean;
+  /**
+   * The name of the attribute that is exposed to configure a compiled web component
+   */
+  attr?: string;
+  /**
+   * `true` if the prop was configured to "reflect" back to HTML where it (the prop) was declared, `false` otherwise
+   */
+  reflectToAttr: boolean;
+  /**
+   * the JSDoc description text associated with the prop
+   */
+  docs: string;
+  /**
+   * JSDoc tags associated with the prop
+   */
+  docsTags: JsonDocsTag[];
+  /**
+   * The default value of the prop
+   */
+  default?: string;
+  /**
+   * Deprecation text associated with the prop. This is the text that immediately follows a `@deprecated` tag
+   */
+  deprecation?: string;
+  values: JsonDocsValue[];
+  /**
+   * `true` if a component is declared with a '?', `false` otherwise
+   *
+   * @example
+   * ```tsx
+   * @Prop() componentProps?: any;
+   * ```
+   */
+  optional: boolean;
+  /**
+   * `true` if a component is declared with a '!', `false` otherwise
+   *
+   * @example
+   * ```tsx
+   * @Prop() componentProps!: any;
+   * ```
+   */
+  required: boolean;
 }
 export interface JsonDocsMethod {
-    name: string;
-    docs: string;
-    docsTags: JsonDocsTag[];
-    deprecation?: string;
-    signature: string;
-    returns: JsonDocsMethodReturn;
-    parameters: JsonDocMethodParameter[];
+  name: string;
+  docs: string;
+  docsTags: JsonDocsTag[];
+  deprecation?: string;
+  signature: string;
+  returns: JsonDocsMethodReturn;
+  parameters: JsonDocMethodParameter[];
+  complexType: ComponentCompilerMethodComplexType;
 }
 export interface JsonDocsMethodReturn {
-    type: string;
-    docs: string;
+  type: string;
+  docs: string;
 }
 export interface JsonDocMethodParameter {
-    name: string;
-    type: string;
-    docs: string;
+  name: string;
+  type: string;
+  docs: string;
 }
 export interface JsonDocsEvent {
-    event: string;
-    bubbles: boolean;
-    cancelable: boolean;
-    composed: boolean;
-    docs: string;
-    docsTags: JsonDocsTag[];
-    deprecation?: string;
-    detail: string;
+  event: string;
+  bubbles: boolean;
+  cancelable: boolean;
+  composed: boolean;
+  complexType: ComponentCompilerEventComplexType;
+  docs: string;
+  docsTags: JsonDocsTag[];
+  deprecation?: string;
+  detail: string;
 }
 export interface JsonDocsStyle {
-    name: string;
-    docs: string;
-    annotation: string;
+  name: string;
+  docs: string;
+  annotation: string;
 }
 export interface JsonDocsListener {
-    event: string;
-    target?: string;
-    capture: boolean;
-    passive: boolean;
+  event: string;
+  target?: string;
+  capture: boolean;
+  passive: boolean;
 }
+/**
+ * A descriptor for a slot
+ *
+ * Objects of this type are translated from the JSDoc tag, `@slot`
+ */
 export interface JsonDocsSlot {
-    name: string;
-    docs: string;
+  /**
+   * The name of the slot. Defaults to an empty string for an unnamed slot.
+   */
+  name: string;
+  /**
+   * A textual description of the slot.
+   */
+  docs: string;
 }
+/**
+ * A descriptor of a CSS Shadow Part
+ *
+ * Objects of this type are translated from the JSDoc tag, `@part`, or the 'part'
+ * attribute on a component in TSX
+ */
 export interface JsonDocsPart {
-    name: string;
-    docs: string;
+  /**
+   * The name of the Shadow part
+   */
+  name: string;
+  /**
+   * A textual description of the Shadow part.
+   */
+  docs: string;
 }
 export interface StyleDoc {
-    name: string;
-    docs: string;
-    annotation: 'prop';
+  name: string;
+  docs: string;
+  annotation: "prop";
 }
 
+export {};
+
 declare const _default: JsonDocs;
 export default _default;

dist/documentation.json

 {
-  "timestamp": "2023-04-14T10:17:17",
+  "timestamp": "2023-09-18T09:16:57",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.3",
-    "typescriptVersion": "4.9.4"
+    "version": "4.2.1",
+    "typescriptVersion": "5.1.6"
   },
   "components": [
     {
-      "filePath": "./src/components/mds-img/mds-img.tsx",
+      "filePath": "src/components/mds-img/mds-img.tsx",
       "encapsulation": "shadow",
@@ -20,2 +20,7 @@ "tag": "mds-img",
           "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
           "mutable": true,
@@ -38,2 +43,7 @@ "attr": "alt",
           "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
           "mutable": false,
@@ -56,2 +66,13 @@ "attr": "aspect-ratio",
           "type": "\"anonymous\" | \"use-credentials\" | undefined",
+          "complexType": {
+            "original": "CrossoriginType",
+            "resolved": "\"anonymous\" | \"use-credentials\" | undefined",
+            "references": {
+              "CrossoriginType": {
+                "location": "import",
+                "path": "./meta/types",
+                "id": "src/components/mds-img/meta/types.ts::CrossoriginType"
+              }
+            }
+          },
           "mutable": false,
@@ -82,2 +103,7 @@ "attr": "crossorigin",
           "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
           "mutable": false,
@@ -102,2 +128,13 @@ "attr": "height",
           "type": "\"eager\" | \"lazy\" | undefined",
+          "complexType": {
+            "original": "LoadingType",
+            "resolved": "\"eager\" | \"lazy\" | undefined",
+            "references": {
+              "LoadingType": {
+                "location": "import",
+                "path": "@type/loading",
+                "id": "src/type/loading.ts::LoadingType"
+              }
+            }
+          },
           "mutable": false,
@@ -128,2 +165,13 @@ "attr": "loading",
           "type": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"unsafe-url\" | undefined",
+          "complexType": {
+            "original": "ReferrerpolicyType",
+            "resolved": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"unsafe-url\" | undefined",
+            "references": {
+              "ReferrerpolicyType": {
+                "location": "import",
+                "path": "./meta/types",
+                "id": "src/components/mds-img/meta/types.ts::ReferrerpolicyType"
+              }
+            }
+          },
           "mutable": false,
@@ -166,2 +214,7 @@ "attr": "referrerpolicy",
           "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
           "mutable": false,
@@ -186,2 +239,7 @@ "attr": "sizes",
           "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
           "mutable": false,
@@ -203,2 +261,7 @@ "attr": "src",
           "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
           "mutable": false,
@@ -223,2 +286,7 @@ "attr": "srcset",
           "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
           "mutable": false,
@@ -247,2 +315,13 @@ "attr": "width",
           "bubbles": true,
+          "complexType": {
+            "original": "MdsImgEventDetail",
+            "resolved": "MdsImgEventDetail",
+            "references": {
+              "MdsImgEventDetail": {
+                "location": "import",
+                "path": "./meta/event-detail",
+                "id": "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail"
+              }
+            }
+          },
           "cancelable": true,
@@ -257,2 +336,13 @@ "composed": true,
           "bubbles": true,
+          "complexType": {
+            "original": "MdsImgEventDetail",
+            "resolved": "MdsImgEventDetail",
+            "references": {
+              "MdsImgEventDetail": {
+                "location": "import",
+                "path": "./meta/event-detail",
+                "id": "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail"
+              }
+            }
+          },
           "cancelable": true,
@@ -267,3 +357,8 @@ "composed": true,
       "slots": [],
-      "parts": [],
+      "parts": [
+        {
+          "name": "media",
+          "docs": ""
+        }
+      ],
       "dependents": [],
@@ -273,3 +368,25 @@ "dependencies": [],
     }
-  ]
+  ],
+  "typeLibrary": {
+    "src/components/mds-img/meta/types.ts::CrossoriginType": {
+      "declaration": "export type CrossoriginType =\n  | 'anonymous'\n  | 'use-credentials'",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/types.ts"
+    },
+    "src/type/loading.ts::LoadingType": {
+      "declaration": "export type LoadingType =\n  | 'eager'\n  | 'lazy'",
+      "docstring": "",
+      "path": "src/type/loading.ts"
+    },
+    "src/components/mds-img/meta/types.ts::ReferrerpolicyType": {
+      "declaration": "export type ReferrerpolicyType =\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin'\n  | 'origin-when-cross-origin'\n  | 'unsafe-url'",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/types.ts"
+    },
+    "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail": {
+      "declaration": "export interface MdsImgEventDetail {\n  image: HTMLImageElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/event-detail.ts"
+    }
+  }
 }

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-7558ddd4.js";export{s as setNonce}from"./index-7558ddd4.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,s){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-img",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],s)}))};export{defineCustomElements};
+import{b as bootstrapLazy}from"./index-89b9ad9c.js";export{s as setNonce}from"./index-89b9ad9c.js";var defineCustomElements=function(e,t){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-img",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],t)};export{defineCustomElements};

dist/esm-es5/mds-img.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7558ddd4.js";var setAttributeIfEmpty=function(t,e,i){var s;if(t.hasAttribute(e)){return(s=t.getAttribute(e))!==null&&s!==void 0?s:""}t.setAttribute(e,i);return i};var mdsImgCss=".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-center{-ms-flex-align:center;align-items:center}.gap-6{gap:1.5rem}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:-ms-flexbox;display:flex;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}img{width:100%}";var MdsImg=function(){function t(t){var e=this;registerInstance(this,t);this.loadErrorEvent=createEvent(this,"mdsImgLoadError",7);this.loadSuccessEvent=createEvent(this,"mdsImgLoadSuccess",7);this.aspectRatioModern=false;this.onError=function(t){e.image=t.target;e.loadErrorEvent.emit({image:e.image})};this.onSuccess=function(t){e.image=t.target;e.loadSuccessEvent.emit({image:e.image})};this.alt="";this.aspectRatio="";this.crossorigin="use-credentials";this.height=undefined;this.loading="lazy";this.referrerpolicy="no-referrer-when-downgrade";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}t.prototype.aspectRatioPaddingTop=function(){var t=parseInt(this.aspectRatio.split("/")[1]);var e=parseInt(this.aspectRatio.split("/")[0]);return"".concat((t/e*100).toFixed(2),"%")};t.prototype.aspectRatioSanitized=function(){return"".concat(this.aspectRatio.split("/")[0]," / ").concat(this.aspectRatio.split("/")[1])};t.prototype.getAspectRatio=function(){if(this.aspectRatioModern){return{aspectRatio:this.aspectRatioSanitized()}}return{paddingTop:this.aspectRatioPaddingTop()}};t.prototype.autoAltName=function(){if(this.src){var t=this.src.lastIndexOf("/")+1;return this.src.substring(t)}return""};t.prototype.componentWillLoad=function(){this.image=this.host.querySelector("img");if(!this.alt){this.alt=this.autoAltName()}};t.prototype.setAriaAttributes=function(){if(this.aspectRatio!==""){setAttributeIfEmpty(this.host,"aria-label",this.alt)}};t.prototype.componentDidLoad=function(){this.setAriaAttributes()};t.prototype.render=function(){if(this.aspectRatio!==""){return h(Host,{"aria-label":this.alt,role:"img",style:Object.assign(Object.assign({},this.getAspectRatio()),{backgroundImage:"url(".concat(this.src,")"),width:"100%"})})}return h(Host,{"aria-label":this.alt,role:"img"},h("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsImg.style=mdsImgCss;export{MdsImg as mds_img};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-89b9ad9c.js";var setAttributeIfEmpty=function(t,e,i){var s;if(t.hasAttribute(e)){return(s=t.getAttribute(e))!==null&&s!==void 0?s:""}t.setAttribute(e,i);return i};var mdsImgCss=".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-center{-ms-flex-align:center;align-items:center}.gap-6{gap:1.5rem}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:-ms-flexbox;display:flex;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;-o-object-fit:fill;object-fit:fill}img{width:100%;-o-object-fit:inherit;object-fit:inherit}";var MdsImg=function(){function t(t){var e=this;registerInstance(this,t);this.loadErrorEvent=createEvent(this,"mdsImgLoadError",7);this.loadSuccessEvent=createEvent(this,"mdsImgLoadSuccess",7);this.aspectRatioModern=false;this.onError=function(t){e.image=t.target;e.loadErrorEvent.emit({image:e.image})};this.onSuccess=function(t){e.image=t.target;e.loadSuccessEvent.emit({image:e.image})};this.alt="";this.aspectRatio="";this.crossorigin="use-credentials";this.height=undefined;this.loading="lazy";this.referrerpolicy="no-referrer-when-downgrade";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}t.prototype.aspectRatioPaddingTop=function(){var t=parseInt(this.aspectRatio.split("/")[1]);var e=parseInt(this.aspectRatio.split("/")[0]);return"".concat((t/e*100).toFixed(2),"%")};t.prototype.aspectRatioSanitized=function(){return"".concat(this.aspectRatio.split("/")[0]," / ").concat(this.aspectRatio.split("/")[1])};t.prototype.getAspectRatio=function(){if(this.aspectRatioModern){return{aspectRatio:this.aspectRatioSanitized()}}return{paddingTop:this.aspectRatioPaddingTop()}};t.prototype.autoAltName=function(){if(this.src){var t=this.src.lastIndexOf("/")+1;return this.src.substring(t)}return""};t.prototype.componentWillLoad=function(){this.image=this.host.querySelector("img");if(!this.alt){this.alt=this.autoAltName()}};t.prototype.setAriaAttributes=function(){if(this.aspectRatio!==""){setAttributeIfEmpty(this.host,"aria-label",this.alt)}};t.prototype.componentDidLoad=function(){this.setAriaAttributes()};t.prototype.render=function(){if(this.aspectRatio!==""){return h(Host,{"aria-label":this.alt,role:"img",style:Object.assign(Object.assign({},this.getAspectRatio()),{backgroundImage:"url(".concat(this.src,")"),width:"100%"})})}return h(Host,{"aria-label":this.alt,role:"img"},h("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsImg.style=mdsImgCss;export{MdsImg as mds_img};

dist/esm-es5/mds-img.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-7558ddd4.js";export{s as setNonce}from"./index-7558ddd4.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-img",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-89b9ad9c.js";export{s as setNonce}from"./index-89b9ad9c.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-img",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],r)}));

dist/esm/loader.js

@@ -1,18 +0,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-7558ddd4.js';
-export { s as setNonce } from './index-7558ddd4.js';
+import { b as bootstrapLazy } from './index-89b9ad9c.js';
+export { s as setNonce } from './index-89b9ad9c.js';
 
-/*
- Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return promiseResolve();
-};
-
 const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
+  if (typeof window === 'undefined') return undefined;
   return bootstrapLazy([["mds-img",[[1,"mds-img",{"alt":[1537],"aspectRatio":[1,"aspect-ratio"],"crossorigin":[1],"height":[1],"loading":[1],"referrerpolicy":[1],"sizes":[1],"src":[1],"srcset":[1],"width":[1]}]]]], options);
-  });
 };
 
 export { defineCustomElements };

dist/esm/mds-img.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7558ddd4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89b9ad9c.js';
 
@@ -12,3 +12,3 @@ const setAttributeIfEmpty = (element, attribute, value) => {
 
-const mdsImgCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-center{-ms-flex-align:center;align-items:center}.gap-6{gap:1.5rem}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:-ms-flexbox;display:flex;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}img{width:100%}";
+const mdsImgCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-center{-ms-flex-align:center;align-items:center}.gap-6{gap:1.5rem}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:-ms-flexbox;display:flex;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;-o-object-fit:fill;object-fit:fill}img{width:100%;-o-object-fit:inherit;object-fit:inherit}";
 
@@ -79,3 +79,3 @@ const MdsImg = class {
     }
-    return (h(Host, { "aria-label": this.alt, role: "img" }, h("img", { alt: this.alt, "aria-hidden": "true", height: this.height, loading: this.loading, onError: this.onError, onLoad: this.onSuccess, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
+    return (h(Host, { "aria-label": this.alt, role: "img" }, h("img", { alt: this.alt, "aria-hidden": "true", height: this.height, loading: this.loading, onError: this.onError, onLoad: this.onSuccess, part: "media", sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
   }
@@ -82,0 +82,0 @@ get host() { return getElement(this); }

dist/esm/mds-img.js

@@ -1,6 +0,6 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-7558ddd4.js';
-export { s as setNonce } from './index-7558ddd4.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-89b9ad9c.js';
+export { s as setNonce } from './index-89b9ad9c.js';
 
 /*
- Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.2.1 | MIT Licensed | https://stenciljs.com
  */
@@ -7,0 +7,0 @@ const patchBrowser = () => {

dist/mds-img/mds-img.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as t}from"./p-7f3a874d.js";export{s as setNonce}from"./p-7f3a874d.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),r(t)})().then((s=>t([["p-f5978c19",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],s)));
+import{p as e,b as r}from"./p-74c6eca3.js";export{s as setNonce}from"./p-74c6eca3.js";(()=>{const s=import.meta.url,r={};return""!==s&&(r.resourcesUrl=new URL(".",s).href),e(r)})().then((s=>r([["p-8dd3187b",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],s)));

dist/stats.json

 {
-  "timestamp": "2023-04-14T10:17:17",
+  "timestamp": "2023-09-18T09:16:57",
   "compiler": {
     "name": "node",
-    "version": "18.3.0"
+    "version": "18.12.1"
   },
@@ -12,10 +12,11 @@ "app": {
     "entries": 1,
-    "bundles": 69,
+    "bundles": 71,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 28,
+        "files": 30,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/keyboard-manager.js",
+          "./dist/collection/common/unit.js",
           "./dist/collection/components/mds-img/mds-img.js",
@@ -26,2 +27,3 @@ "./dist/collection/components/mds-img/meta/event-detail.js",
           "./dist/collection/components/mds-img/test/mds-img-accessibility.stories.js",
+          "./dist/collection/components/mds-img/test/mds-img.e2e.js",
           "./dist/collection/components/mds-img/test/mds-img.stories.js",
@@ -64,3 +66,3 @@ "./dist/collection/dictionary/autocomplete.js",
         "generatedFiles": [
-          "./dist/cjs/index-08babcf5.js",
+          "./dist/cjs/index-232d2be2.js",
           "./dist/cjs/index.cjs.js",
@@ -70,3 +72,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-img.cjs.js",
-          "./dist/esm-es5/index-7558ddd4.js",
+          "./dist/esm-es5/index-89b9ad9c.js",
           "./dist/esm-es5/index.js",
@@ -76,3 +78,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-img.js",
-          "./dist/esm/index-7558ddd4.js",
+          "./dist/esm/index-89b9ad9c.js",
           "./dist/esm/index.js",
@@ -87,17 +89,17 @@ "./dist/esm/loader.js",
           "./dist/mds-img/mds-img.js",
+          "./dist/mds-img/p-137dd3a6.system.js",
           "./dist/mds-img/p-50ea2036.system.js",
-          "./dist/mds-img/p-7f3a874d.js",
-          "./dist/mds-img/p-9b9a5d51.system.js",
-          "./dist/mds-img/p-bdd213e4.system.js",
-          "./dist/mds-img/p-d4689232.system.entry.js",
-          "./dist/mds-img/p-f5978c19.entry.js",
+          "./dist/mds-img/p-74c6eca3.js",
+          "./dist/mds-img/p-838b96fb.system.js",
+          "./dist/mds-img/p-8dd3187b.entry.js",
+          "./dist/mds-img/p-e8d6b70e.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-img.esm.js",
           "./www/build/mds-img.js",
+          "./www/build/p-137dd3a6.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-7f3a874d.js",
-          "./www/build/p-9b9a5d51.system.js",
-          "./www/build/p-bdd213e4.system.js",
-          "./www/build/p-d4689232.system.entry.js",
-          "./www/build/p-f5978c19.entry.js"
+          "./www/build/p-74c6eca3.js",
+          "./www/build/p-838b96fb.system.js",
+          "./www/build/p-8dd3187b.entry.js",
+          "./www/build/p-e8d6b70e.system.entry.js"
         ]
@@ -135,8 +137,8 @@ },
         ],
-        "bundleId": "p-f5978c19",
-        "fileName": "p-f5978c19.entry.js",
+        "bundleId": "p-8dd3187b",
+        "fileName": "p-8dd3187b.entry.js",
         "imports": [
-          "p-7f3a874d.js"
+          "p-74c6eca3.js"
         ],
-        "originalByteSize": 3626
+        "originalByteSize": 3717
       }
@@ -153,5 +155,5 @@ ],
         "imports": [
-          "index-7558ddd4.js"
+          "index-89b9ad9c.js"
         ],
-        "originalByteSize": 3630
+        "originalByteSize": 3721
       }
@@ -168,5 +170,5 @@ ],
         "imports": [
-          "index-7558ddd4.js"
+          "index-89b9ad9c.js"
         ],
-        "originalByteSize": 3630
+        "originalByteSize": 3721
       }
@@ -180,8 +182,8 @@ ],
         ],
-        "bundleId": "p-d4689232.system",
-        "fileName": "p-d4689232.system.entry.js",
+        "bundleId": "p-e8d6b70e.system",
+        "fileName": "p-e8d6b70e.system.entry.js",
         "imports": [
-          "p-bdd213e4.system.js"
+          "p-838b96fb.system.js"
         ],
-        "originalByteSize": 4349
+        "originalByteSize": 4440
       }
@@ -198,5 +200,5 @@ ],
         "imports": [
-          "index-08babcf5.js"
+          "index-232d2be2.js"
         ],
-        "originalByteSize": 3695
+        "originalByteSize": 3786
       }
@@ -240,3 +242,4 @@ ]
                 "location": "import",
-                "path": "./meta/event-detail"
+                "path": "./meta/event-detail",
+                "id": "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail"
               }
@@ -263,3 +266,4 @@ }
                 "location": "import",
-                "path": "./meta/event-detail"
+                "path": "./meta/event-detail",
+                "id": "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail"
               }
@@ -272,4 +276,2 @@ }
       "internal": false,
-      "legacyConnect": [],
-      "legacyContext": [],
       "listeners": [],
@@ -334,3 +336,4 @@ "methods": [],
                 "location": "import",
-                "path": "./meta/types"
+                "path": "./meta/types",
+                "id": "src/components/mds-img/meta/types.ts::CrossoriginType"
               }
@@ -379,3 +382,4 @@ }
                 "location": "import",
-                "path": "@type/loading"
+                "path": "@type/loading",
+                "id": "src/type/loading.ts::LoadingType"
               }
@@ -405,3 +409,4 @@ }
                 "location": "import",
-                "path": "./meta/types"
+                "path": "./meta/types",
+                "id": "src/components/mds-img/meta/types.ts::ReferrerpolicyType"
               }
@@ -564,3 +569,4 @@ }
                     "location": "import",
-                    "path": "./meta/types"
+                    "path": "./meta/types",
+                    "id": "src/components/mds-img/meta/types.ts::CrossoriginType"
                   }
@@ -609,3 +615,4 @@ }
                     "location": "import",
-                    "path": "@type/loading"
+                    "path": "@type/loading",
+                    "id": "src/type/loading.ts::LoadingType"
                   }
@@ -635,3 +642,4 @@ }
                     "location": "import",
-                    "path": "./meta/types"
+                    "path": "./meta/types",
+                    "id": "src/components/mds-img/meta/types.ts::ReferrerpolicyType"
                   }
@@ -744,3 +752,4 @@ }
                     "location": "import",
-                    "path": "./meta/event-detail"
+                    "path": "./meta/event-detail",
+                    "id": "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail"
                   }
@@ -767,3 +776,4 @@ }
                     "location": "import",
-                    "path": "./meta/event-detail"
+                    "path": "./meta/event-detail",
+                    "id": "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail"
                   }
@@ -791,4 +801,2 @@ }
           ],
-          "legacyConnect": [],
-          "legacyContext": [],
           "internal": false,
@@ -860,2 +868,3 @@ "assetsDirs": [],
             "onLoad",
+            "part",
             "sizes",
@@ -869,3 +878,5 @@ "src",
           ],
-          "htmlParts": [],
+          "htmlParts": [
+            "media"
+          ],
           "isUpdateable": true,
@@ -884,3 +895,3 @@ "potentialCmpRefs": [],
     "sc-mds-img": [
-      "p-7f3a874d.js"
+      "p-74c6eca3.js"
     ]
@@ -891,2 +902,3 @@ },
     "./src/common/keyboard-manager.ts": [],
+    "./src/common/unit.ts": [],
     "./src/components/mds-img/mds-img.tsx": [],
@@ -899,2 +911,3 @@ "./src/components/mds-img/meta/event-detail.ts": [],
     ],
+    "./src/components/mds-img/test/mds-img.e2e.ts": [],
     "./src/components/mds-img/test/mds-img.stories.tsx": [
@@ -901,0 +914,0 @@ "./src/components/mds-img/meta/storybook"

dist/types/components.d.ts

@@ -11,2 +11,5 @@ /* eslint-disable */
 import { MdsImgEventDetail } from "./components/mds-img/meta/event-detail";
+export { CrossoriginType, ReferrerpolicyType } from "./components/mds-img/meta/types";
+export { LoadingType } from "@type/loading";
+export { MdsImgEventDetail } from "./components/mds-img/meta/event-detail";
 export namespace Components {
@@ -13,0 +16,0 @@ interface MdsImg {

dist/types/dictionary/button.d.ts

 declare const buttonVariantDictionary: string[];
 declare const buttonToneVariantDictionary: string[];
+declare const buttonTargetDictionary: string[];
 declare const buttonSizeDictionary: string[];
 declare const buttonIconPositionDictionary: string[];
-export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, };
+export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };

dist/types/dictionary/variant.d.ts

@@ -7,4 +7,5 @@ declare const themeVariantDictionary: string[];
 declare const toneVariantDictionary: string[];
+declare const toneActionVariantDictionary: string[];
 declare const toneSimpleVariantDictionary: string[];
 declare const toneMinimalVariantDictionary: string[];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

dist/types/stencil-public-runtime.d.ts

@@ -65,3 +65,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
@@ -132,3 +132,3 @@ attribute?: string | null;
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
@@ -437,3 +437,3 @@ */
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
@@ -477,3 +477,3 @@ [className: string]: boolean;
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
@@ -819,2 +819,3 @@ */
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
@@ -879,2 +880,4 @@ open?: boolean;
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
@@ -901,4 +904,4 @@ importance?: 'low' | 'auto' | 'high';
         alt?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoComplete?: string;
@@ -939,2 +942,4 @@ autocomplete?: string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
@@ -1141,2 +1146,4 @@ placeholder?: string;
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
         autoFocus?: boolean;
@@ -1152,2 +1159,4 @@ autofocus?: boolean | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
@@ -1230,4 +1239,4 @@ readOnly?: boolean;
         vocab?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoCorrect?: string;
@@ -1300,3 +1309,3 @@ autocorrect?: string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
@@ -1524,8 +1533,8 @@ 'color-rendering'?: number | string;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionEnd?: (event: CompositionEvent) => void;
-        onCompositionEndCapture?: (event: CompositionEvent) => void;
-        onCompositionStart?: (event: CompositionEvent) => void;
-        onCompositionStartCapture?: (event: CompositionEvent) => void;
-        onCompositionUpdate?: (event: CompositionEvent) => void;
-        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
+        onCompositionend?: (event: CompositionEvent) => void;
+        onCompositionendCapture?: (event: CompositionEvent) => void;
+        onCompositionstart?: (event: CompositionEvent) => void;
+        onCompositionstartCapture?: (event: CompositionEvent) => void;
+        onCompositionupdate?: (event: CompositionEvent) => void;
+        onCompositionupdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
@@ -1541,4 +1550,4 @@ onFocusCapture?: (event: FocusEvent) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: Event) => void;
-        onInputCapture?: (event: Event) => void;
+        onInput?: (event: InputEvent) => void;
+        onInputCapture?: (event: InputEvent) => void;
         onReset?: (event: Event) => void;
@@ -1633,4 +1642,10 @@ onResetCapture?: (event: Event) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
@@ -1637,0 +1652,0 @@ }

dist/types/type/button.d.ts

 export type ButtonType = 'a' | 'button' | 'reset' | 'submit';
+export type ButtonTargetType = 'self' | 'blank';
 export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl';
 export type ButtonIconPositionType = 'left' | 'right';
 export type ButtonVariantType = 'primary' | 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning';

dist/types/type/variant.d.ts

@@ -8,4 +8,5 @@ export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
 export type StateVariantType = 'disabled' | 'focused' | 'readonly';
+export type ToneActionVariantType = 'primary' | 'secondary' | 'tertiary' | 'strong' | 'weak' | 'ghost' | 'quiet';
 export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
 export type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet';
 export type ToneMinimalVariantType = 'strong' | 'weak';

documentation.json

 {
-  "timestamp": "2023-04-14T09:57:39",
+  "timestamp": "2023-09-18T08:43:05",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.3",
-    "typescriptVersion": "4.9.4"
+    "version": "4.2.1",
+    "typescriptVersion": "5.1.6"
   },
   "components": [
     {
-      "filePath": "./src/components/mds-img/mds-img.tsx",
+      "filePath": "src/components/mds-img/mds-img.tsx",
       "encapsulation": "shadow",
@@ -21,2 +21,7 @@ "tag": "mds-img",
           "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
           "mutable": true,
@@ -39,2 +44,7 @@ "attr": "alt",
           "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
           "mutable": false,
@@ -57,2 +67,13 @@ "attr": "aspect-ratio",
           "type": "\"anonymous\" | \"use-credentials\" | undefined",
+          "complexType": {
+            "original": "CrossoriginType",
+            "resolved": "\"anonymous\" | \"use-credentials\" | undefined",
+            "references": {
+              "CrossoriginType": {
+                "location": "import",
+                "path": "./meta/types",
+                "id": "src/components/mds-img/meta/types.ts::CrossoriginType"
+              }
+            }
+          },
           "mutable": false,
@@ -83,2 +104,7 @@ "attr": "crossorigin",
           "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
           "mutable": false,
@@ -103,2 +129,13 @@ "attr": "height",
           "type": "\"eager\" | \"lazy\" | undefined",
+          "complexType": {
+            "original": "LoadingType",
+            "resolved": "\"eager\" | \"lazy\" | undefined",
+            "references": {
+              "LoadingType": {
+                "location": "import",
+                "path": "@type/loading",
+                "id": "src/type/loading.ts::LoadingType"
+              }
+            }
+          },
           "mutable": false,
@@ -129,2 +166,13 @@ "attr": "loading",
           "type": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"unsafe-url\" | undefined",
+          "complexType": {
+            "original": "ReferrerpolicyType",
+            "resolved": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"unsafe-url\" | undefined",
+            "references": {
+              "ReferrerpolicyType": {
+                "location": "import",
+                "path": "./meta/types",
+                "id": "src/components/mds-img/meta/types.ts::ReferrerpolicyType"
+              }
+            }
+          },
           "mutable": false,
@@ -167,2 +215,7 @@ "attr": "referrerpolicy",
           "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
           "mutable": false,
@@ -187,2 +240,7 @@ "attr": "sizes",
           "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
           "mutable": false,
@@ -204,2 +262,7 @@ "attr": "src",
           "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
           "mutable": false,
@@ -224,2 +287,7 @@ "attr": "srcset",
           "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
           "mutable": false,
@@ -248,2 +316,13 @@ "attr": "width",
           "bubbles": true,
+          "complexType": {
+            "original": "MdsImgEventDetail",
+            "resolved": "MdsImgEventDetail",
+            "references": {
+              "MdsImgEventDetail": {
+                "location": "import",
+                "path": "./meta/event-detail",
+                "id": "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail"
+              }
+            }
+          },
           "cancelable": true,
@@ -258,2 +337,13 @@ "composed": true,
           "bubbles": true,
+          "complexType": {
+            "original": "MdsImgEventDetail",
+            "resolved": "MdsImgEventDetail",
+            "references": {
+              "MdsImgEventDetail": {
+                "location": "import",
+                "path": "./meta/event-detail",
+                "id": "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail"
+              }
+            }
+          },
           "cancelable": true,
@@ -268,3 +358,8 @@ "composed": true,
       "slots": [],
-      "parts": [],
+      "parts": [
+        {
+          "name": "media",
+          "docs": ""
+        }
+      ],
       "dependents": [
@@ -280,3 +375,345 @@ "mds-avatar"
     }
-  ]
+  ],
+  "typeLibrary": {
+    "src/components/mds-accordion/meta/event-detail.ts::MdsAccordionEventDetail": {
+      "declaration": "export interface MdsAccordionEventDetail {\n  children: NodeListOf<HTMLMdsAccordionItemElement>\n  selected: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-accordion/meta/event-detail.ts"
+    },
+    "src/type/typography.ts::TypographyTitleType": {
+      "declaration": "export type TypographyTitleType =\n  | 'action'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-accordion-item/meta/event-detail.ts::MdsAccordionItemEventDetail": {
+      "declaration": "export interface MdsAccordionItemEventDetail {\n  id: string;\n  selected: boolean;\n}",
+      "docstring": "",
+      "path": "src/components/mds-accordion-item/meta/event-detail.ts"
+    },
+    "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail": {
+      "declaration": "export interface MdsAccordionTimerItemEventDetail {\n  selected: boolean;\n  uuid: number;\n}",
+      "docstring": "",
+      "path": "src/components/mds-accordion-timer-item/meta/event-detail.ts"
+    },
+    "src/type/variant.ts::ThemeFullVariantType": {
+      "declaration": "export type ThemeFullVariantType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'dark'\n  | 'error'\n  | 'green'\n  | 'info'\n  | 'light'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'sky'\n  | 'success'\n  | 'violet'\n  | 'warning'\n  | 'yellow'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/variant.ts::ToneSimpleVariantType": {
+      "declaration": "export type ToneSimpleVariantType =\n  | 'strong'\n  | 'weak'\n  | 'quiet'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/typography.ts::TypographyInfoType": {
+      "declaration": "export type TypographyInfoType =\n  | 'caption'\n  | 'detail'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/type/typography.ts::TypographyReadType": {
+      "declaration": "export type TypographyReadType =\n  | 'caption'\n  | 'detail'\n  | 'paragraph'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/type/typography.ts::TypographyVariants": {
+      "declaration": "export type TypographyVariants =\n  | 'title'\n  | 'info'\n  | 'read'\n  | 'code'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/type/variant.ts::ThemeVariantType": {
+      "declaration": "export type ThemeVariantType =\n  | 'dark'\n  | 'error'\n  | 'info'\n  | 'light'\n  | 'primary'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/components/mds-benchmark-bar/meta/types.ts::BenchmarkBarTypographyType": {
+      "declaration": "export type BenchmarkBarTypographyType =\n  | 'option'\n  | 'label'",
+      "docstring": "",
+      "path": "src/components/mds-benchmark-bar/meta/types.ts"
+    },
+    "src/components/mds-bibliography/meta/types.ts::BibliographyFormatType": {
+      "declaration": "export type BibliographyFormatType =\n  | 'apa' // American Psychological Association - Simmons, B. (2015, January 9). The tale of two Flaccos. Grantland. http://grantland.com/the-triangle/the-tale-of-two-flaccos/\n  | 'mla' // Modern Language Association - Author's Last name, First name. \"Title of Source.\" Title of Container, Other contributors, Version, Numbers, Publisher, Publication Date, Location.\n  | 'turabian'",
+      "docstring": "",
+      "path": "src/components/mds-bibliography/meta/types.ts"
+    },
+    "src/components/mds-bibliography/meta/types.ts::BibliographyRelationshipType": {
+      "declaration": "export type BibliographyRelationshipType =\n  | 'author'\n  | 'external'",
+      "docstring": "",
+      "path": "src/components/mds-bibliography/meta/types.ts"
+    },
+    "src/components/mds-breadcrumb/meta/event-detail.ts::MdsBreadcrumbEventDetail": {
+      "declaration": "export interface MdsBreadcrumbEventDetail {\n  caller: HTMLMdsBreadcrumbItemElement\n  id: string\n  selected?: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-breadcrumb/meta/event-detail.ts"
+    },
+    "src/components/mds-breadcrumb-item/meta/event-detail.ts::MdsBreadcrumbItemEventDetail": {
+      "declaration": "export interface MdsBreadcrumbItemEventDetail {\n  id: string\n  selected: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-breadcrumb-item/meta/event-detail.ts"
+    },
+    "src/type/button.ts::ButtonIconPositionType": {
+      "declaration": "export type ButtonIconPositionType =\n  | 'left'\n  | 'right'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/button.ts::ButtonType": {
+      "declaration": "export type ButtonType =\n  | 'a'\n  | 'button'\n  | 'reset'\n  | 'submit'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/button.ts::ButtonVariantType": {
+      "declaration": "export type ButtonVariantType =\n  | 'primary'\n  | 'dark'\n  | 'light'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/variant.ts::ToneVariantType": {
+      "declaration": "export type ToneVariantType =\n  | 'strong' // background strong\n  | 'weak' // background weak\n  | 'ghost' // bordered\n  | 'quiet'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/button.ts::ButtonSizeType": {
+      "declaration": "export type ButtonSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/button.ts::ButtonTargetType": {
+      "declaration": "export type ButtonTargetType =\n  |'self'\n  |'blank'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/components/mds-chip/meta/interface.ts::MdsChipEvent": {
+      "declaration": "interface MdsChipEvent {\n  event: Event\n  element: HTMLMdsChipElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-chip/meta/interface.ts"
+    },
+    "src/type/floating-ui.ts::FloatingUIPlacement": {
+      "declaration": "export type FloatingUIPlacement =\n  | 'bottom'\n  | 'bottom-end'\n  | 'bottom-start'\n  | 'left'\n  | 'left-end'\n  | 'left-start'\n  | 'right'\n  | 'right-end'\n  | 'right-start'\n  | 'top'\n  | 'top-end'\n  | 'top-start'",
+      "docstring": "",
+      "path": "src/type/floating-ui.ts"
+    },
+    "src/type/floating-ui.ts::FloatingUIStrategy": {
+      "declaration": "export type FloatingUIStrategy =\n  | 'absolute'\n  | 'fixed'",
+      "docstring": "",
+      "path": "src/type/floating-ui.ts"
+    },
+    "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail": {
+      "declaration": "export interface MdsDropdownEventDetail {\n  caller: HTMLElement\n  visible: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-dropdown/meta/event-detail.ts"
+    },
+    "src/components/mds-file/meta/types.ts::ExtensionSuffixType": {
+      "declaration": "export type ExtensionSuffixType =\n  | '7z'\n  | 'ace'\n  | 'ai'\n  | 'db'\n  | 'default'\n  | 'dmg'\n  | 'doc'\n  | 'docm'\n  | 'docx'\n  | 'eml'\n  | 'eps'\n  | 'exe'\n  | 'flac'\n  | 'gif'\n  | 'htm'\n  | 'html'\n  | 'jpe'\n  | 'jpeg'\n  | 'jpg'\n  | 'js'\n  | 'json'\n  | 'jsx'\n  | 'm2v'\n  | 'mp2'\n  | 'mp3'\n  | 'mp4'\n  | 'mp4v'\n  | 'mpeg'\n  | 'mpg'\n  | 'mpg4'\n  | 'mpga'\n  | 'odp'\n  | 'ods'\n  | 'odt'\n  | 'pdf'\n  | 'php'\n  | 'png'\n  | 'ppt'\n  | 'rar'\n  | 'rtf'\n  | 'sass'\n  | 'shtml'\n  | 'svg'\n  | 'tar'\n  | 'ts'\n  | 'txt'\n  | 'wav'\n  | 'xar'\n  | 'xls'\n  | 'xlsx'\n  | 'zip'",
+      "docstring": "",
+      "path": "src/components/mds-file/meta/types.ts"
+    },
+    "src/components/mds-file/meta/event-detail.ts::MdsFileEventDetail": {
+      "declaration": "export interface MdsFileEventDetail {\n  description: string\n  extension: string\n  filename: string\n  target: HTMLMdsFileElement\n  type: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-file/meta/event-detail.ts"
+    },
+    "src/components/mds-filter/meta/event-detail.ts::MdsFilterEventDetail": {
+      "declaration": "export interface MdsFilterEventDetail {\n  children: NodeListOf<HTMLMdsFilterItemElement>\n  value: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-filter/meta/event-detail.ts"
+    },
+    "src/components/mds-filter-item/meta/event-detail.ts::MdsFilterItemEventDetail": {
+      "declaration": "export interface MdsFilterItemEventDetail {\n  id: string\n  selected: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-filter-item/meta/event-detail.ts"
+    },
+    "src/components/mds-form/meta/types.ts::CharacterSetType": {
+      "declaration": "export type CharacterSetType =\n  | '8859-1'\n  | 'ansi'\n  | 'ascii'\n  | 'utf-8'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-form/meta/types.ts::FormAutocompleteType": {
+      "declaration": "export type FormAutocompleteType =\n  | 'off'\n  | 'on'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-form/meta/types.ts::EnctypeType": {
+      "declaration": "export type EnctypeType =\n  | 'application/x-www-form-urlencoded'\n  | 'multipart/form-data'\n  | 'text/plain'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-form/meta/types.ts::FormMethodType": {
+      "declaration": "export type FormMethodType =\n  | 'get'\n  | 'post'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-header/meta/event-detail.ts::MdsHeaderEventDetail": {
+      "declaration": "export interface MdsHeaderEventDetail {\n  bar: HTMLMdsHeaderBarElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-header/meta/event-detail.ts"
+    },
+    "src/components/mds-horizontal-scroll/meta/types.ts::SnapType": {
+      "declaration": "export type SnapType =\n  | 'center'\n  | 'end'\n  | 'none'\n  | 'start'",
+      "docstring": "",
+      "path": "src/components/mds-horizontal-scroll/meta/types.ts"
+    },
+    "src/components/mds-img/meta/types.ts::CrossoriginType": {
+      "declaration": "export type CrossoriginType =\n  | 'anonymous'\n  | 'use-credentials'",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/types.ts"
+    },
+    "src/type/loading.ts::LoadingType": {
+      "declaration": "export type LoadingType =\n  | 'eager'\n  | 'lazy'",
+      "docstring": "",
+      "path": "src/type/loading.ts"
+    },
+    "src/components/mds-img/meta/types.ts::ReferrerpolicyType": {
+      "declaration": "export type ReferrerpolicyType =\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin'\n  | 'origin-when-cross-origin'\n  | 'unsafe-url'",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/types.ts"
+    },
+    "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail": {
+      "declaration": "export interface MdsImgEventDetail {\n  image: HTMLImageElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/event-detail.ts"
+    },
+    "src/type/autocomplete.ts::AutocompleteType": {
+      "declaration": "export type AutocompleteType =\n  | 'additional-name'\n  | 'address'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'cc-additional-name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-family-name'\n  | 'cc-family-name'\n  | 'cc-given-name'\n  | 'cc-name'\n  | 'cc-number'\n  | 'cc-type'\n  | 'country'\n  | 'country-name'\n  | 'current-password'\n  | 'email'\n  | 'family-name'\n  | 'given-name'\n  | 'honorific-prefix'\n  | 'honorific-suffix'\n  | 'impp'\n  | 'language'\n  | 'name'\n  | 'new-password'\n  | 'nickname'\n  | 'off'\n  | 'on'\n  | 'one-time-code'\n  | 'organization'\n  | 'organization-title'\n  | 'photo'\n  | 'postal-code'\n  | 'sex'\n  | 'street-address'\n  | 'tel'\n  | 'tel-area-code'\n  | 'tel-country-code'\n  | 'tel-extension'\n  | 'tel-local'\n  | 'tel-national'\n  | 'transaction-amount'\n  | 'transaction-currency'\n  | 'url'\n  | 'username'",
+      "docstring": "",
+      "path": "src/type/autocomplete.ts"
+    },
+    "src/type/variant.ts::ThemeStatusVariantType": {
+      "declaration": "export type ThemeStatusVariantType =\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/input-text-type.ts::InputTextType": {
+      "declaration": "export type InputTextType =\n  | 'date'\n  | 'email'\n  | 'number'\n  | 'password'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'textarea'\n  | 'time'\n  | 'url'",
+      "docstring": "",
+      "path": "src/type/input-text-type.ts"
+    },
+    "src/type/input-value-type.ts::InputValueType": {
+      "declaration": "export type InputValueType =\n  | null\n  | number\n  | string\n  | undefined",
+      "docstring": "",
+      "path": "src/type/input-value-type.ts"
+    },
+    "src/components/mds-input/meta/interfaces.ts::InputValue": {
+      "declaration": "export interface InputValue {\n  value: InputValueType\n}",
+      "docstring": "",
+      "path": "src/components/mds-input/meta/interfaces.ts"
+    },
+    "src/components/mds-input-field/meta/types.ts::ValidationModelType": {
+      "declaration": "export type ValidationModelType =\n  | 'cf'\n  | 'email'\n  | 'isbn'\n  | 'piva'",
+      "docstring": "",
+      "path": "src/components/mds-input-field/meta/types.ts"
+    },
+    "src/interface/input-value.ts::InputValue": {
+      "declaration": "export interface InputValue {\n  value: InputValueType\n}",
+      "docstring": "",
+      "path": "src/interface/input-value.ts"
+    },
+    "src/components/mds-input-switch/meta/types.ts::InputSwitchSizeType": {
+      "declaration": "export type InputSwitchSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'",
+      "docstring": "",
+      "path": "src/components/mds-input-switch/meta/types.ts"
+    },
+    "src/components/mds-input-switch/meta/types.ts::InputSwitchType": {
+      "declaration": "export type InputSwitchType =\n  | 'checkbox'\n  | 'radio'\n  | 'switch'",
+      "docstring": "",
+      "path": "src/components/mds-input-switch/meta/types.ts"
+    },
+    "src/type/typography.ts::TypographyType": {
+      "declaration": "export type TypographyType =\n  | 'action'\n  | 'caption'\n  | 'snippet'\n  | 'detail'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'hack'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/type/typography.ts::TypographyReadingVariants": {
+      "declaration": "export type TypographyReadingVariants =\n  | 'info'\n  | 'read'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-modal/meta/types.ts::ModalPositionType": {
+      "declaration": "export type ModalPositionType =\n  | 'bottom'\n  | 'center'\n  | 'left'\n  | 'right'\n  | 'top'",
+      "docstring": "",
+      "path": "src/components/mds-modal/meta/types.ts"
+    },
+    "src/type/variant.ts::LabelVariantType": {
+      "declaration": "export type LabelVariantType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'green'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'sky'\n  | 'violet'\n  | 'yellow'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/components/mds-notification/meta/types.ts::StrategyType": {
+      "declaration": "export type StrategyType =\n  | 'absolute'\n  | 'fixed'\n  | 'disabled'",
+      "docstring": "",
+      "path": "src/components/mds-notification/meta/types.ts"
+    },
+    "src/components/mds-paginator/meta/event-detail.ts::MdsPaginatorEventDetail": {
+      "declaration": "export interface MdsPaginatorEventDetail {\n  caller?: HTMLMdsPaginatorItemElement\n  page: number\n}",
+      "docstring": "",
+      "path": "src/components/mds-paginator/meta/event-detail.ts"
+    },
+    "src/components/mds-progress/meta/types.ts::DirectionType": {
+      "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'",
+      "docstring": "",
+      "path": "src/components/mds-progress/meta/types.ts"
+    },
+    "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
+      "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-stepper-bar/meta/event-detail.ts"
+    },
+    "src/components/mds-stepper-bar-item/meta/event-detail.ts::MdsStepperBarItemEventDetail": {
+      "declaration": "export interface MdsStepperBarItemEventDetail {\n  value: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-stepper-bar-item/meta/event-detail.ts"
+    },
+    "src/components/mds-tab/meta/event-detail.ts::MdsTabEventDetail": {
+      "declaration": "export interface MdsTabEventDetail {\n  id: number\n}",
+      "docstring": "",
+      "path": "src/components/mds-tab/meta/event-detail.ts"
+    },
+    "src/components/mds-tab-bar/meta/event-detail.ts::MdsTabBarEventDetail": {
+      "declaration": "export interface MdsTabBarEventDetail {\n  index: number\n}",
+      "docstring": "",
+      "path": "src/components/mds-tab-bar/meta/event-detail.ts"
+    },
+    "src/type/typography.ts::TypographySmallerType": {
+      "declaration": "export type TypographySmallerType =\n  | 'tip'\n  | 'option'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-text/meta/types.ts::TypographyTagType": {
+      "declaration": "export type TypographyTagType =\n  | 'abbr'\n  | 'address'\n  | 'article'\n  | 'b'\n  | 'bdo'\n  | 'blockquote'\n  | 'cite'\n  | 'code'\n  | 'dd'\n  | 'del'\n  | 'details'\n  | 'dfn'\n  | 'div'\n  | 'dl'\n  | 'dt'\n  | 'em'\n  | 'figcaption'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'i'\n  | 'ins'\n  | 'kbd'\n  | 'label'\n  | 'legend'\n  | 'li'\n  | 'mark'\n  | 'ol'\n  | 'p'\n  | 'pre'\n  | 'q'\n  | 'rb'\n  | 'rt'\n  | 'ruby'\n  | 's'\n  | 'samp'\n  | 'small'\n  | 'span'\n  | 'strong'\n  | 'sub'\n  | 'summary'\n  | 'sup'\n  | 'time'\n  | 'u'\n  | 'ul'\n  | 'var'",
+      "docstring": "",
+      "path": "src/components/mds-text/meta/types.ts"
+    },
+    "src/type/variant.ts::ThemeLuminanceVariantType": {
+      "declaration": "export type ThemeLuminanceVariantType =\n  | 'dark'\n  | 'light'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/variant.ts::ToneMinimalVariantType": {
+      "declaration": "export type ToneMinimalVariantType =\n| 'strong'\n| 'weak'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/components/mds-toast/meta/types.ts::ToastPosition": {
+      "declaration": "export type ToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right'",
+      "docstring": "",
+      "path": "src/components/mds-toast/meta/types.ts"
+    },
+    "src/type/typography.ts::TypographyTooltipType": {
+      "declaration": "export type TypographyTooltipType =\n  | 'caption'\n  | 'detail'\n  | 'tip'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-usage/meta/types.ts::UsageType": {
+      "declaration": "export type UsageType =\n  | 'do'\n  | 'dont'\n  | 'info'\n  | 'warn'",
+      "docstring": "",
+      "path": "src/components/mds-usage/meta/types.ts"
+    },
+    "src/components/mds-video-wall/meta/types.ts::NoiseType": {
+      "declaration": "export type NoiseType =\n  | 'classic'\n  | 'none'\n  | 'sharp'\n  | 'soft'\n  | 'tv'",
+      "docstring": "",
+      "path": "src/components/mds-video-wall/meta/types.ts"
+    },
+    "src/components/mds-video-wall/meta/types.ts::PreloadType": {
+      "declaration": "export type PreloadType =\n  | 'auto'\n  | 'metadata'\n  | 'none'",
+      "docstring": "",
+      "path": "src/components/mds-video-wall/meta/types.ts"
+    }
+  }
 }

loader/index.d.ts

@@ -11,6 +11,6 @@ export * from '../dist/types/components';
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
 export declare function applyPolyfills(): Promise<void>;
 
-/** 
+/**
  * Used to specify a nonce value that corresponds with an application's CSP.
@@ -17,0 +17,0 @@ * When set, the nonce will be added to all dynamically created script and style tags at runtime.

package.json

 {
   "name": "@maggioli-design-system/mds-img",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "mds-img is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
@@ -26,3 +26,3 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@stencil/core": "^2.22.3"
+    "@stencil/core": "^4.2.1"
   },
@@ -29,0 +29,0 @@ "license": "MIT",

readme.md

@@ -32,2 +32,9 @@ # mds-img
 
+## Shadow Parts
+
+| Part      | Description |
+| --------- | ----------- |
+| `"media"` |             |
+
+
 ## Dependencies
@@ -34,0 +41,0 @@

src/components.d.ts

@@ -11,2 +11,5 @@ /* eslint-disable */
 import { MdsImgEventDetail } from "./components/mds-img/meta/event-detail";
+export { CrossoriginType, ReferrerpolicyType } from "./components/mds-img/meta/types";
+export { LoadingType } from "@type/loading";
+export { MdsImgEventDetail } from "./components/mds-img/meta/event-detail";
 export namespace Components {
@@ -13,0 +16,0 @@ interface MdsImg {

src/components/mds-img/readme.md

@@ -32,4 +32,11 @@ # mds-img
 
+## Shadow Parts
+
+| Part      | Description |
+| --------- | ----------- |
+| `"media"` |             |
+
+
 ----------------------------------------------
 
 Built with love @ **Maggioli Informatica / R&D Department**

src/dictionary/button.ts

@@ -18,2 +18,7 @@ const buttonVariantDictionary = [
 
+const buttonTargetDictionary = [
+  'blank',
+  'self',
+]
+
 const buttonSizeDictionary = [
@@ -32,6 +37,7 @@ 'sm',
 export {
+  buttonIconPositionDictionary,
   buttonSizeDictionary,
+  buttonTargetDictionary,
   buttonToneVariantDictionary,
   buttonVariantDictionary,
-  buttonIconPositionDictionary,
 }

src/dictionary/variant.ts

@@ -62,2 +62,11 @@ const themeVariantDictionary = [
 
+const toneActionVariantDictionary = [
+  'primary',
+  'secondary',
+  'tertiary',
+  'strong',
+  'weak',
+  'quiet',
+]
+
 const toneSimpleVariantDictionary = [
@@ -80,2 +89,3 @@ 'strong',
   themeVariantDictionary,
+  toneActionVariantDictionary,
   toneMinimalVariantDictionary,
@@ -82,0 +92,0 @@ toneSimpleVariantDictionary,

src/fixtures/icons.json

@@ -24,2 +24,3 @@ [
     "mgg/action-show-sidebar-right",
+    "mgg/activity-list",
     "mgg/add-document-settings",
@@ -32,7 +33,19 @@ "mgg/additional-contents",
     "mgg/area-weather",
+    "mgg/assignments-accept-rejection",
+    "mgg/assignments-acceptance-accepted",
+    "mgg/assignments-assignment",
+    "mgg/assignments-competence",
+    "mgg/assignments-completed",
+    "mgg/assignments-rejected",
+    "mgg/assignments-sorted",
+    "mgg/auto-awesome-motion",
+    "mgg/balance",
+    "mgg/bill",
     "mgg/box-multiple",
     "mgg/breadcrumb",
+    "mgg/bus-stops",
     "mgg/calendar-euro",
     "mgg/calendar-multiple",
     "mgg/calendar-schedule",
+    "mgg/cancelled-sheet",
     "mgg/car-license",
@@ -44,3 +57,5 @@ "mgg/card-stamping",
     "mgg/city-bin",
+    "mgg/classic-permission",
     "mgg/copy-paste",
+    "mgg/d-instrumental-buildings",
     "mgg/data-analytics-alt",
@@ -56,2 +71,5 @@ "mgg/data-analytics-search",
     "mgg/dataset",
+    "mgg/delivered-to-the-recipient",
+    "mgg/document-euro",
+    "mgg/document-less",
     "mgg/document-magic",
@@ -85,5 +103,9 @@ "mgg/document-rename",
     "mgg/fit-vertical",
+    "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
     "mgg/google-place-item",
+    "mgg/group-assigned-automatically-system",
+    "mgg/group-ceased",
+    "mgg/group-inherited",
     "mgg/heart",
@@ -99,2 +121,6 @@ "mgg/heart-outline",
     "mgg/input-calendar-time",
+    "mgg/instrumental-buildings",
+    "mgg/internationalization-add",
+    "mgg/internationalization-check",
+    "mgg/internationalization-delete",
     "mgg/isbn",
@@ -104,2 +130,3 @@ "mgg/judge-hammer",
     "mgg/layers",
+    "mgg/liquidated-document",
     "mgg/list-dot",
@@ -113,2 +140,3 @@ "mgg/logo-girasole-camuno",
     "mgg/money-on-hand",
+    "mgg/money-paid",
     "mgg/move-down",
@@ -123,2 +151,4 @@ "mgg/move-left",
     "mgg/national-document-off",
+    "mgg/not-instrumental-d-buildings",
+    "mgg/not-sent-yet",
     "mgg/order-return-down-left-to-right",
@@ -142,4 +172,7 @@ "mgg/order-return-down-left-to-up",
     "mgg/other-properties-off",
+    "mgg/other-residential-buildings",
+    "mgg/pagopa",
     "mgg/partial-wall",
     "mgg/payment-settings",
+    "mgg/pec-sent-to-the-not-pec-recipient",
     "mgg/places-green",
@@ -158,2 +191,3 @@ "mgg/places-green-doc",
     "mgg/residency-permit",
+    "mgg/roles-permission",
     "mgg/rubber-stamp",
@@ -163,2 +197,3 @@ "mgg/rurale",
     "mgg/send-progress",
+    "mgg/sending-error",
     "mgg/settings-attachment",
@@ -173,2 +208,3 @@ "mgg/sign-shop",
     "mgg/stuck-codes",
+    "mgg/subtractive-permission",
     "mgg/tea-light",
@@ -190,2 +226,3 @@ "mgg/terminal",
     "mgg/trending-down",
+    "mgg/tribute",
     "mgg/tributes",
@@ -197,2 +234,3 @@ "mgg/urban-city",
     "mgg/user-location-off",
+    "mgg/user-signed-out",
     "mgg/view-chart-gantt",
@@ -256,3 +294,4 @@ "mgg/view-side-by-side",
     "mi/round/menu",
+    "mi/round/more-vert",
     "mi/round/person"
 ]

src/fixtures/iconsauce.json

@@ -13,2 +13,3 @@ [
     "mgg/action-show-sidebar-right",
+    "mgg/activity-list",
     "mgg/add-document-settings",
@@ -21,7 +22,19 @@ "mgg/additional-contents",
     "mgg/area-weather",
+    "mgg/assignments-accept-rejection",
+    "mgg/assignments-acceptance-accepted",
+    "mgg/assignments-assignment",
+    "mgg/assignments-competence",
+    "mgg/assignments-completed",
+    "mgg/assignments-rejected",
+    "mgg/assignments-sorted",
+    "mgg/auto-awesome-motion",
+    "mgg/balance",
+    "mgg/bill",
     "mgg/box-multiple",
     "mgg/breadcrumb",
+    "mgg/bus-stops",
     "mgg/calendar-euro",
     "mgg/calendar-multiple",
     "mgg/calendar-schedule",
+    "mgg/cancelled-sheet",
     "mgg/car-license",
@@ -33,3 +46,5 @@ "mgg/card-stamping",
     "mgg/city-bin",
+    "mgg/classic-permission",
     "mgg/copy-paste",
+    "mgg/d-instrumental-buildings",
     "mgg/data-analytics-alt",
@@ -45,2 +60,5 @@ "mgg/data-analytics-search",
     "mgg/dataset",
+    "mgg/delivered-to-the-recipient",
+    "mgg/document-euro",
+    "mgg/document-less",
     "mgg/document-magic",
@@ -74,5 +92,9 @@ "mgg/document-rename",
     "mgg/fit-vertical",
+    "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
     "mgg/google-place-item",
+    "mgg/group-assigned-automatically-system",
+    "mgg/group-ceased",
+    "mgg/group-inherited",
     "mgg/heart-outline",
@@ -88,2 +110,6 @@ "mgg/heart",
     "mgg/input-calendar-time",
+    "mgg/instrumental-buildings",
+    "mgg/internationalization-add",
+    "mgg/internationalization-check",
+    "mgg/internationalization-delete",
     "mgg/isbn",
@@ -93,2 +119,3 @@ "mgg/judge-hammer",
     "mgg/layers",
+    "mgg/liquidated-document",
     "mgg/list-dot",
@@ -102,2 +129,3 @@ "mgg/logo-girasole-camuno",
     "mgg/money-on-hand",
+    "mgg/money-paid",
     "mgg/move-down",
@@ -112,2 +140,4 @@ "mgg/move-left",
     "mgg/national-document",
+    "mgg/not-instrumental-d-buildings",
+    "mgg/not-sent-yet",
     "mgg/order-return-down-left-to-right",
@@ -131,4 +161,7 @@ "mgg/order-return-down-left-to-up",
     "mgg/other-properties",
+    "mgg/other-residential-buildings",
+    "mgg/pagopa",
     "mgg/partial-wall",
     "mgg/payment-settings",
+    "mgg/pec-sent-to-the-not-pec-recipient",
     "mgg/places-green-doc",
@@ -147,2 +180,3 @@ "mgg/places-green-history",
     "mgg/residency-permit",
+    "mgg/roles-permission",
     "mgg/rubber-stamp",
@@ -152,2 +186,3 @@ "mgg/rurale",
     "mgg/send-progress",
+    "mgg/sending-error",
     "mgg/settings-attachment",
@@ -162,2 +197,3 @@ "mgg/sign-shop",
     "mgg/stuck-codes",
+    "mgg/subtractive-permission",
     "mgg/tea-light",
@@ -179,2 +215,3 @@ "mgg/terminal",
     "mgg/trending-down",
+    "mgg/tribute",
     "mgg/tributes",
@@ -186,2 +223,3 @@ "mgg/urban-city",
     "mgg/user-location",
+    "mgg/user-signed-out",
     "mgg/view-chart-gantt",
@@ -188,0 +226,0 @@ "mgg/view-side-by-side",

src/type/button.ts

@@ -7,2 +7,6 @@ export type ButtonType =
 
+export type ButtonTargetType =
+  |'self'
+  |'blank'
+
 export type ButtonSizeType =
@@ -9,0 +13,0 @@ | 'sm'

src/type/variant.ts

@@ -60,2 +60,11 @@ export type ThemeStatusVariantType =
 
+export type ToneActionVariantType =
+  | 'primary' // background strong
+  | 'secondary' // background weak
+  | 'tertiary' // no background, no border
+  | 'strong' // background strong
+  | 'weak' // background weak
+  | 'ghost' // bordered
+  | 'quiet' // no background, no border
+
 export type ToneVariantType =
@@ -62,0 +71,0 @@ | 'strong' // background strong

www/build/mds-img.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as t}from"./p-7f3a874d.js";export{s as setNonce}from"./p-7f3a874d.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),r(t)})().then((s=>t([["p-f5978c19",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],s)));
+import{p as e,b as r}from"./p-74c6eca3.js";export{s as setNonce}from"./p-74c6eca3.js";(()=>{const s=import.meta.url,r={};return""!==s&&(r.resourcesUrl=new URL(".",s).href),e(r)})().then((s=>r([["p-8dd3187b",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],s)));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

845490

increased by6.19%

Number of package files

158

increased by1.28%

Lines of code

12621

increased by11.33%

Number of lines in readme file

55

increased by14.58%

Number of medium supply chain risk alerts

3

decreased by-25%

Dependency changes

• + Added@stencil/core@4.22.2(transitive)

• - Removed@stencil/core@2.22.3(transitive)

• Updated@stencil/core@^4.2.1