@maggioli-design-system/mds-accordion-timer 3.2.1 → 3.4.0

package/documentation.json

@@ -1,23 +1,33 @@
 {
-  "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-accordion-timer/mds-accordion-timer.tsx",
+      "filePath": "src/components/mds-accordion-timer/mds-accordion-timer.tsx",
       "encapsulation": "shadow",
       "tag": "mds-accordion-timer",
       "readme": "# mds-accordion-timer\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Add `mds-accordion-timer-item` element/s."
+        }
+      ],
       "usage": {},
       "props": [
         {
           "name": "duration",
           "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
           "mutable": false,
           "attr": "duration",
           "reflectToAttr": false,
@@ -39,6 +49,11 @@
           "event": "mdsAccordionTimerChange",
           "detail": "void",
           "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
           "cancelable": true,
           "composed": true,
           "docs": "Emits when the accordion changes it's item",
@@ -62,12 +77,385 @@
           "passive": false
         }
       ],
-      "styles": [],
-      "slots": [],
+      "styles": [
+        {
+          "name": "--mds-accordion-timer-color",
+          "annotation": "prop",
+          "docs": "Sets the text color of the component mds-accordion-timer-item"
+        },
+        {
+          "name": "--mds-accordion-timer-duration",
+          "annotation": "prop",
+          "docs": "Sets the transition duration of open/close animation of the mds-accordion-timer-item"
+        },
+        {
+          "name": "--mds-accordion-timer-progress-bar-background",
+          "annotation": "prop",
+          "docs": "Sets the background-color of the progress bar when the mds-accordion-timer-item is selected"
+        },
+        {
+          "name": "--mds-accordion-timer-progress-bar-color",
+          "annotation": "prop",
+          "docs": "Sets the color of the progress bar when the mds-accordion-timer-item is selected"
+        },
+        {
+          "name": "--mds-accordion-timer-progress-bar-thickness",
+          "annotation": "prop",
+          "docs": "Sets thickness of the progress bar of the mds-accordion-timer-item"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Add `mds-accordion-timer-item` element/s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
       "dependencyGraph": {}
     }
-  ]
+  ],
+  "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"
+    }
+  }
 }

package/loader/index.d.ts

@@ -8,10 +8,10 @@ export interface CustomElementsDefineOptions {
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
-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.
  * When set, the nonce will be added to all dynamically created script and style tags at runtime.
  * Alternatively, the nonce value can be set on a meta tag in the DOM head

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-accordion-timer",
-  "version": "3.2.1",
+  "version": "3.4.0",
   "description": "mds-accordion-timer 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.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,9 +24,9 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-accordion-timer-item": "^3.1.1",
-    "@maggioli-design-system/styles": "^11.4.0",
-    "@stencil/core": "^2.22.3"
+    "@maggioli-design-system/mds-accordion-timer-item": "^3.3.0",
+    "@maggioli-design-system/styles": "^11.7.0",
+    "@stencil/core": "^4.2.1"
   },
   "license": "MIT",
   "author": {

package/readme.md

@@ -19,6 +19,24 @@
 | `mdsAccordionTimerChange` | Emits when the accordion changes it's item | `CustomEvent<void>` |
 
 
+## Slots
+
+| Slot        | Description                               |
+| ----------- | ----------------------------------------- |
+| `"default"` | Add `mds-accordion-timer-item` element/s. |
+
+
+## CSS Custom Properties
+
+| Name                                            | Description                                                                                 |
+| ----------------------------------------------- | ------------------------------------------------------------------------------------------- |
+| `--mds-accordion-timer-color`                   | Sets the text color of the component mds-accordion-timer-item                               |
+| `--mds-accordion-timer-duration`                | Sets the transition duration of open/close animation of the mds-accordion-timer-item        |
+| `--mds-accordion-timer-progress-bar-background` | Sets the background-color of the progress bar when the mds-accordion-timer-item is selected |
+| `--mds-accordion-timer-progress-bar-color`      | Sets the color of the progress bar when the mds-accordion-timer-item is selected            |
+| `--mds-accordion-timer-progress-bar-thickness`  | Sets thickness of the progress bar of the mds-accordion-timer-item                          |
+
+
 ----------------------------------------------
 
 Built with love @ **Maggioli Informatica / R&D Department**

package/src/common/unit.ts

@@ -0,0 +1,14 @@
+const cssDurationToMilliseconds = (duration: string, defaultValue = 1000): number => {
+  if (duration.includes('s')) {
+    return Number(duration.replace('s', '')) * 1000
+  }
+
+  if (duration.includes('ms')) {
+    return Number(duration.replace('s', ''))
+  }
+
+  return defaultValue
+}
+export {
+  cssDurationToMilliseconds,
+}

package/src/components/mds-accordion-timer/mds-accordion-timer.css

@@ -1,3 +1,17 @@
+/**
+* @prop --mds-accordion-timer-progress-bar-color: Sets the color of the progress bar when the mds-accordion-timer-item is selected
+* @prop --mds-accordion-timer-progress-bar-background: Sets the background-color of the progress bar when the mds-accordion-timer-item is selected
+* @prop --mds-accordion-timer-color: Sets the text color of the component mds-accordion-timer-item
+* @prop --mds-accordion-timer-progress-bar-thickness: Sets thickness of the progress bar of the mds-accordion-timer-item
+* @prop --mds-accordion-timer-duration: Sets the transition duration of open/close animation of the mds-accordion-timer-item
+*/
+
 :host {
+
+  --mds-accordion-timer-progress-bar-color: theme('colors.tone-neutral-03');
+  --mds-accordion-timer-progress-bar-background: theme('colors.tone-neutral-08');
+  --mds-accordion-timer-progress-bar-thickness: theme('width.1');
+  --mds-accordion-timer-duration: 500ms;
+
   display: block;
 }

package/src/components/mds-accordion-timer/mds-accordion-timer.tsx

@@ -1,6 +1,10 @@
 import { MdsAccordionTimerItemEventDetail } from '@component/mds-accordion-timer-item/meta/event-detail'
 import { Component, Host, Element, Event, EventEmitter, h, Prop, Listen, State } from '@stencil/core'
 
+/**
+ * @slot default - Add `mds-accordion-timer-item` element/s.
+ */
+
 @Component({
   tag: 'mds-accordion-timer',
   styleUrl: 'mds-accordion-timer.css',

package/src/components/mds-accordion-timer/readme.md

@@ -19,6 +19,24 @@
 | `mdsAccordionTimerChange` | Emits when the accordion changes it's item | `CustomEvent<void>` |
 
 
+## Slots
+
+| Slot        | Description                               |
+| ----------- | ----------------------------------------- |
+| `"default"` | Add `mds-accordion-timer-item` element/s. |
+
+
+## CSS Custom Properties
+
+| Name                                            | Description                                                                                 |
+| ----------------------------------------------- | ------------------------------------------------------------------------------------------- |
+| `--mds-accordion-timer-color`                   | Sets the text color of the component mds-accordion-timer-item                               |
+| `--mds-accordion-timer-duration`                | Sets the transition duration of open/close animation of the mds-accordion-timer-item        |
+| `--mds-accordion-timer-progress-bar-background` | Sets the background-color of the progress bar when the mds-accordion-timer-item is selected |
+| `--mds-accordion-timer-progress-bar-color`      | Sets the color of the progress bar when the mds-accordion-timer-item is selected            |
+| `--mds-accordion-timer-progress-bar-thickness`  | Sets thickness of the progress bar of the mds-accordion-timer-item                          |
+
+
 ----------------------------------------------
 
 Built with love @ **Maggioli Informatica / R&D Department**

package/src/components/mds-accordion-timer/test/mds-accordion-timer.stories.tsx

@@ -14,7 +14,7 @@ export default {
 const Template = args =>
   <div>
     <mds-accordion-timer {...args}>
-      <mds-accordion-timer-item description="Blipbug">
+      <mds-accordion-timer-item selected description="Blipbug">
         <mds-text>Blipbug presenta delle fattezze riconducibili agli insetti nello stadio pre-crisalide. Il suo corpo si sviluppa in lunghezza, ed è formato principalmente da tre parti: la sua grande testa, il suo collo (molto simile ad un collare), e il corpo vero e proprio. La prima di queste è suddivisa in una parte color crema e una parte color denim; dello stesso colore sono le appenidici a forma di "V" che si trovano sopra e ai lati della testa. I suoi occhi sono enormi e grigi, ed hanno delle sottilissime sopracciglia sopra di essi. Il suo "collare", anch'esso color denim, presenta delle "setole" giallo sabbia, con le quali percepisce i segnali esterni: stesso colore si presenta nel segmento centrale della sua parte inferiore, dove sono presenti un primo paio di zampe crema. Il segmento superiore del corpo è bianco e ospita delle zampe anteriori color crema, ed infine, la parte finale, o la "coda", è color denim e finisce con un'appendice a "V" un po' piú grossa.</mds-text>
       </mds-accordion-timer-item>
       <mds-accordion-timer-item description="Drednaw">

package/src/dictionary/button.ts

@@ -15,6 +15,11 @@ const buttonToneVariantDictionary = [
   'quiet',
 ]
 
+const buttonTargetDictionary = [
+  'blank',
+  'self',
+]
+
 const buttonSizeDictionary = [
   'sm',
   'md',
@@ -28,8 +33,9 @@ const buttonIconPositionDictionary = [
 ]
 
 export {
+  buttonIconPositionDictionary,
   buttonSizeDictionary,
+  buttonTargetDictionary,
   buttonToneVariantDictionary,
   buttonVariantDictionary,
-  buttonIconPositionDictionary,
 }

package/src/dictionary/variant.ts

@@ -59,6 +59,15 @@ const toneVariantDictionary = [
   'quiet',
 ]
 
+const toneActionVariantDictionary = [
+  'primary',
+  'secondary',
+  'tertiary',
+  'strong',
+  'weak',
+  'quiet',
+]
+
 const toneSimpleVariantDictionary = [
   'strong',
   'weak',
@@ -76,6 +85,7 @@ export {
   themeLuminanceVariantDictionary,
   themeStatusVariantDictionary,
   themeVariantDictionary,
+  toneActionVariantDictionary,
   toneMinimalVariantDictionary,
   toneSimpleVariantDictionary,
   toneVariantDictionary,