Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@maggioli-design-system/mds-accordion-item

Package Overview
Dependencies
Maintainers
2
Versions
41
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@maggioli-design-system/mds-accordion-item - npm Package Compare versions

Comparing version 3.1.0 to 3.1.1

dist/mds-accordion-item/p-39043b0a.entry.js

2

dist/cjs/loader.cjs.js

@@ -8,3 +8,3 @@ 'use strict';

/*
Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
*/

@@ -11,0 +11,0 @@ const patchEsm = () => {

@@ -15,6 +15,2 @@ 'use strict';

this.openedEvent = index.createEvent(this, "openedEvent", 7);
/**
* Specifies the typography of the element
*/
this.typography = 'h5';
this.toggle = () => {

@@ -24,2 +20,5 @@ this.opened = !this.opened;

};
this.typography = 'h5';
this.opened = undefined;
this.description = undefined;
}

@@ -26,0 +25,0 @@ render() {

@@ -6,3 +6,3 @@ 'use strict';

/*
Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
*/

@@ -9,0 +9,0 @@ const patchBrowser = () => {

@@ -7,3 +7,3 @@ {

"name": "@stencil/core",
"version": "2.18.1",
"version": "2.19.3",
"typescriptVersion": "4.7.4"

@@ -10,0 +10,0 @@ },

@@ -5,6 +5,2 @@ import { Host, h } from '@stencil/core';

constructor() {
/**
* Specifies the typography of the element
*/
this.typography = 'h5';
this.toggle = () => {

@@ -14,2 +10,5 @@ this.opened = !this.opened;

};
this.typography = 'h5';
this.opened = undefined;
this.description = undefined;
}

@@ -16,0 +15,0 @@ render() {

const typographyDictionary = [
'action',
'caption',
'code',
'snippet',
'detail',

@@ -22,6 +22,6 @@ 'h1',

'read',
'mono',
'code',
];
const typographyMonoDictionary = [
'code',
'snippet',
'hack',

@@ -28,0 +28,0 @@ ];

@@ -13,6 +13,2 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';

this.openedEvent = createEvent(this, "openedEvent", 7);
/**
* Specifies the typography of the element
*/
this.typography = 'h5';
this.toggle = () => {

@@ -22,2 +18,5 @@ this.opened = !this.opened;

};
this.typography = 'h5';
this.opened = undefined;
this.description = undefined;
}

@@ -24,0 +23,0 @@ render() {

@@ -1,1 +0,1 @@

import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-28d2483c.js";var miBaselineKeyboardArrowUp='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>';var mdsAccordionItemCss="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.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)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--border-color:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-03));--description-color:rgb(var(--tone-neutral-02));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid 2px transparent !important;border-top:solid 2px transparent !important;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--border-color) !important;border-top:solid 2px var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--description-color);grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([opened]) .contents{height:auto;padding-top:1rem;opacity:1}.icon{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);fill:var(--color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";var MdsAccordionItem=function(){function o(o){var t=this;registerInstance(this,o);this.openedEvent=createEvent(this,"openedEvent",7);this.typography="h5";this.toggle=function(){t.opened=!t.opened;t.openedEvent.emit({id:t.element.id,opened:t.opened})}}o.prototype.render=function(){return h(Host,null,h("button",{"aria-controls":"contents","aria-expanded":this.opened?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description),h("mds-text",{"aria-hidden":"true",class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{"aria-labelledby":"action",class:"contents",id:"contents",role:"region"},h("slot",null)))};Object.defineProperty(o.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();MdsAccordionItem.style=mdsAccordionItemCss;export{MdsAccordionItem as mds_accordion_item};
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-28d2483c.js";var miBaselineKeyboardArrowUp='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>';var mdsAccordionItemCss="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.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)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--border-color:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-03));--description-color:rgb(var(--tone-neutral-02));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid 2px transparent !important;border-top:solid 2px transparent !important;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--border-color) !important;border-top:solid 2px var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--description-color);grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([opened]) .contents{height:auto;padding-top:1rem;opacity:1}.icon{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);fill:var(--color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";var MdsAccordionItem=function(){function o(o){var t=this;registerInstance(this,o);this.openedEvent=createEvent(this,"openedEvent",7);this.toggle=function(){t.opened=!t.opened;t.openedEvent.emit({id:t.element.id,opened:t.opened})};this.typography="h5";this.opened=undefined;this.description=undefined}o.prototype.render=function(){return h(Host,null,h("button",{"aria-controls":"contents","aria-expanded":this.opened?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description),h("mds-text",{"aria-hidden":"true",class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{"aria-labelledby":"action",class:"contents",id:"contents",role:"region"},h("slot",null)))};Object.defineProperty(o.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();MdsAccordionItem.style=mdsAccordionItemCss;export{MdsAccordionItem as mds_accordion_item};
import { p as promiseResolve, b as bootstrapLazy } from './index-28d2483c.js';
/*
Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
*/

@@ -6,0 +6,0 @@ const patchEsm = () => {

@@ -11,6 +11,2 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-28d2483c.js';

this.openedEvent = createEvent(this, "openedEvent", 7);
/**
* Specifies the typography of the element
*/
this.typography = 'h5';
this.toggle = () => {

@@ -20,2 +16,5 @@ this.opened = !this.opened;

};
this.typography = 'h5';
this.opened = undefined;
this.description = undefined;
}

@@ -22,0 +21,0 @@ render() {

import { p as promiseResolve, b as bootstrapLazy } from './index-28d2483c.js';
/*
Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
*/

@@ -6,0 +6,0 @@ const patchBrowser = () => {

@@ -1,1 +0,1 @@

import{p as o,b as p}from"./p-34b25e49.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-245a1340",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)));
import{p as o,b as p}from"./p-34b25e49.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-39043b0a",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)));
{
"timestamp": "2022-11-18T09:21:53",
"timestamp": "2022-12-06T12:50:26",
"compiler": {

@@ -77,17 +77,17 @@ "name": "node",

"./dist/mds-accordion-item/mds-accordion-item.js",
"./dist/mds-accordion-item/p-245a1340.entry.js",
"./dist/mds-accordion-item/p-34b25e49.js",
"./dist/mds-accordion-item/p-3ffeb6c7.system.entry.js",
"./dist/mds-accordion-item/p-39043b0a.entry.js",
"./dist/mds-accordion-item/p-3ba2c6ef.system.js",
"./dist/mds-accordion-item/p-50ea2036.system.js",
"./dist/mds-accordion-item/p-7ac61d86.system.js",
"./dist/mds-accordion-item/p-fb386493.system.js",
"./dist/mds-accordion-item/p-fed7f963.system.entry.js",
"./www/build/index.esm.js",
"./www/build/mds-accordion-item.esm.js",
"./www/build/mds-accordion-item.js",
"./www/build/p-245a1340.entry.js",
"./www/build/p-34b25e49.js",
"./www/build/p-3ffeb6c7.system.entry.js",
"./www/build/p-39043b0a.entry.js",
"./www/build/p-3ba2c6ef.system.js",
"./www/build/p-50ea2036.system.js",
"./www/build/p-7ac61d86.system.js",
"./www/build/p-fb386493.system.js"
"./www/build/p-fed7f963.system.entry.js"
]

@@ -125,4 +125,4 @@ },

],
"bundleId": "p-245a1340",
"fileName": "p-245a1340.entry.js",
"bundleId": "p-39043b0a",
"fileName": "p-39043b0a.entry.js",
"imports": [

@@ -168,8 +168,8 @@ "p-34b25e49.js"

],
"bundleId": "p-3ffeb6c7.system",
"fileName": "p-3ffeb6c7.system.entry.js",
"bundleId": "p-fed7f963.system",
"fileName": "p-fed7f963.system.entry.js",
"imports": [
"p-7ac61d86.system.js"
],
"originalByteSize": 6106
"originalByteSize": 6100
}

@@ -176,0 +176,0 @@ ],

@@ -226,2 +226,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;

* @param ref a reference to the node to get styles for
* @returns the current mode or undefined, if not found
*/

@@ -241,2 +242,3 @@ export declare function getMode<T = string | undefined>(ref: any): T;

* used in conjunction with the base asset path
* @returns the base path
*/

@@ -257,2 +259,3 @@ export declare function getAssetPath(path: string): string;

* @param path the asset path to set
* @returns the set path
*/

@@ -263,2 +266,3 @@ export declare function setAssetPath(path: string): string;

* @param ref the ref to get the Stencil element for
* @returns a reference to the element
*/

@@ -276,2 +280,3 @@ export declare function getElement(ref: any): HTMLStencilElement;

* getRenderingRef
* @returns the rendering ref
*/

@@ -278,0 +283,0 @@ export declare function getRenderingRef(): any;

@@ -1,3 +0,3 @@

export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
export declare type TypographyVariants = 'title' | 'info' | 'read' | 'mono';
export declare type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
export declare type TypographyVariants = 'title' | 'info' | 'read' | 'code';
export declare type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

@@ -7,3 +7,3 @@ export declare type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';

export declare type TypographySmallerType = 'tip' | 'option';
export declare type TypographyMonoType = 'code' | 'hack';
export declare type TypographyMonoType = 'snippet' | 'hack';
export declare type TypographyTooltipType = 'caption' | 'detail' | 'tip';
{
"name": "@maggioli-design-system/mds-accordion-item",
"version": "3.1.0",
"version": "3.1.1",
"description": "mds-accordion-item 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,5 +26,5 @@ "main": "dist/index.cjs.js",

"dependencies": {
"@maggioli-design-system/mds-text": "^2.0.2",
"@maggioli-design-system/styles": "^9.0.0",
"@stencil/core": "^2.18.1"
"@maggioli-design-system/mds-text": "^3.0.0",
"@maggioli-design-system/styles": "^10.0.0",
"@stencil/core": "^2.19.3"
},

@@ -31,0 +31,0 @@ "license": "MIT",

const typographyDictionary = [
'action',
'caption',
'code',
'snippet',
'detail',

@@ -23,7 +23,7 @@ 'h1',

'read',
'mono',
'code',
]
const typographyMonoDictionary = [
'code',
'snippet',
'hack',

@@ -30,0 +30,0 @@ ]

@@ -21,6 +21,6 @@ [

"mi/baseline/border-all",
"mi/baseline/cancel",
"mi/baseline/check-box",
"mi/baseline/check-box-outline-blank",
"mi/baseline/check-circle",
"mi/baseline/check-circle-outline",
"mi/baseline/close",

@@ -32,3 +32,3 @@ "mi/baseline/css",

"mi/baseline/email",
"mi/baseline/error-outline",
"mi/baseline/error",
"mi/baseline/explore",

@@ -35,0 +35,0 @@ "mi/baseline/folder-zip",

export type TypographyType =
| 'action'
| 'caption'
| 'code'
| 'snippet'
| 'detail'

@@ -22,3 +22,3 @@ | 'h1'

| 'read'
| 'mono'
| 'code'

@@ -52,3 +52,3 @@ export type TypographyTitleType =

export type TypographyMonoType =
| 'code'
| 'snippet'
| 'hack'

@@ -55,0 +55,0 @@

@@ -1,1 +0,1 @@

import{p as o,b as p}from"./p-34b25e49.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-245a1340",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)));
import{p as o,b as p}from"./p-34b25e49.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-39043b0a",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)));

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc