@spectrum-web-components/accordion - npm Package Compare versions

Comparing version 0.2.0 to 0.3.0

CHANGELOG.md

@@ -6,2 +6,20 @@ # Change Log
 
+# [0.3.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/accordion@0.1.4...@spectrum-web-components/accordion@0.3.0) (2021-01-21)
+
+### Bug Fixes
+
+-   include the "types" entry in package.json files ([b432f59](https://github.com/adobe/spectrum-web-components/commit/b432f5982b3b79f80af12f6d0312cbe2285e608b))
+-   prevent infinite loops when all children are [disabled] ([2deac3d](https://github.com/adobe/spectrum-web-components/commit/2deac3d88ea7f2f27e74d60793e253952d0d765f))
+-   stop merging selectors in a way that alters the cascade ([369388f](https://github.com/adobe/spectrum-web-components/commit/369388f8cc147543891087991c569f849ddb9b38))
+-   update latest Spectrum CSS beta releases ([d8d3acc](https://github.com/adobe/spectrum-web-components/commit/d8d3acc86de31e58219db6ba2a9d045b83cbe103))
+-   use icons without "size" values ([3fc7c91](https://github.com/adobe/spectrum-web-components/commit/3fc7c91713793a928082eae15fc3d9dec638a31a))
+-   use latest @spectrum-css/\* versions ([c35eb86](https://github.com/adobe/spectrum-web-components/commit/c35eb86defd89a0c36b5ea186f6d40f20851b5e5))
+-   use the "browsers" listing in postcss-preset-env ([4eaf6a2](https://github.com/adobe/spectrum-web-components/commit/4eaf6a28f7b5eaf60487841d264d6d804ae675ce))
+
+### Features
+
+-   **accordion:** allow accordion items to close ([3c715ab](https://github.com/adobe/spectrum-web-components/commit/3c715abc4038b1baeb2412613cc0acdd194c0e2d))
+-   **accordion:** update spectrum css input ([d94e059](https://github.com/adobe/spectrum-web-components/commit/d94e059a8735405fedc5615bc9c66e4f71120e4d))
+-   **action-button:** add action button pattern ([03ac00a](https://github.com/adobe/spectrum-web-components/commit/03ac00a710290e6a78340f206d88385a4f8ae8c2))
+
 # [0.2.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/accordion@0.1.4...@spectrum-web-components/accordion@0.2.0) (2021-01-13)
@@ -8,0 +26,0 @@

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.2.0",
+    "version": "0.3.0",
     "description": "",
@@ -58,9 +58,9 @@ "main": "./src/index.js",
     "dependencies": {
-        "@spectrum-web-components/base": "^0.2.0",
-        "@spectrum-web-components/icon": "^0.7.0",
-        "@spectrum-web-components/icons-ui": "^0.4.0",
-        "@spectrum-web-components/shared": "^0.8.0",
+        "@spectrum-web-components/base": "^0.3.0",
+        "@spectrum-web-components/icon": "^0.8.0",
+        "@spectrum-web-components/icons-ui": "^0.5.0",
+        "@spectrum-web-components/shared": "^0.9.0",
         "tslib": "^2.0.0"
     },
-    "gitHead": "62f319d0f7272f4ac83f35c8180e7c4adfff37e3"
+    "gitHead": "a5734426f36555951dc10c5740c9044bbd951315"
 }

src/accordion-item.css.js

@@ -21,3 +21,3 @@ /*
 var(--spectrum-alias-border-size-thick)))}:host([dir=ltr]) #header{padding-right:var(--spectrum-accordion-item-padding-x,var(--spectrum-global-dimension-size-225))}:host([dir=rtl]) #header{padding-left:var(--spectrum-accordion-item-padding-x,var(--spectrum-global-dimension-size-225))}:host([dir=ltr]) #header{text-align:left}:host([dir=rtl]) #header{text-align:right}#header{position:relative;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;padding-top:var(--spectrum-global-dimension-size-150);padding-bottom:var(--spectrum-global-dimension-size-150);margin:0;font-size:var(--spectrum-accordion-item-title-text-size,var(--spectrum-global-dimension-font-size-50));line-height:1.3;text-transform:uppercase;letter-spacing:calc(var(--spectrum-accordion-item-title-tracking,
-var(--spectrum-global-font-letter-spacing-medium))/100);text-overflow:ellipsis;cursor:pointer;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:inherit;border:0;font-family:inherit;width:100%}#header:focus{outline:none}:host([dir=ltr]) #header:focus:after{left:0}:host([dir=rtl]) #header:focus:after{right:0}#header:focus:after{content:"";position:absolute;top:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));bottom:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));width:var(--spectrum-accordion-item-border-left-size-key-focus,var(--spectrum-alias-border-size-thick))}#content{padding-top:0;padding-bottom:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-left:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-right:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));display:none}:host([dir=ltr][open])>#heading>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{border-color:var(--spectrum-accordion-border-color,var(--spectrum-global-color-gray-300))}#indicator{color:var(--spectrum-accordion-icon-color,var(--spectrum-global-color-gray-600))}#header{color:var(--spectrum-accordion-text-color,var(--spectrum-global-color-gray-700))}#header:hover{color:var(--spectrum-accordion-text-color-hover,var(--spectrum-global-color-gray-900));background-color:var(--spectrum-accordion-background-color-hover,var(--spectrum-global-color-gray-200))}#header:hover+#indicator{color:var(--spectrum-accordion-icon-color-hover,var(--spectrum-global-color-gray-800))}#header.focus-visible:after,#header.focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}#header.focus-visible:after,#header:focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([open]) #header:hover{background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header+#indicator{color:var(--spectrum-accordion-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host{--spectrum-accordion-item-header-height:46px}#indicator{top:calc(50% - var(--spectrum-accordion-icon-height,
+var(--spectrum-global-font-letter-spacing-medium))/100);text-overflow:ellipsis;cursor:pointer;font-weight:500;-webkit-appearance:none;appearance:none;background-color:inherit;border:0;font-family:inherit;width:100%}#header:focus{outline:none}:host([dir=ltr]) #header:focus:after{left:0}:host([dir=rtl]) #header:focus:after{right:0}#header:focus:after{content:"";position:absolute;top:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));bottom:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));width:var(--spectrum-accordion-item-border-left-size-key-focus,var(--spectrum-alias-border-size-thick))}#content{padding-top:0;padding-bottom:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-left:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-right:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));display:none}:host([dir=ltr][open])>#heading>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{border-color:var(--spectrum-accordion-border-color,var(--spectrum-global-color-gray-300))}#indicator{color:var(--spectrum-accordion-icon-color,var(--spectrum-global-color-gray-600))}#header{color:var(--spectrum-accordion-text-color,var(--spectrum-global-color-gray-700))}#header:hover{color:var(--spectrum-accordion-text-color-hover,var(--spectrum-global-color-gray-900));background-color:var(--spectrum-accordion-background-color-hover,var(--spectrum-global-color-gray-200))}#header:hover+#indicator{color:var(--spectrum-accordion-icon-color-hover,var(--spectrum-global-color-gray-800))}#header.focus-visible:after,#header.focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}#header.focus-visible:after,#header:focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([open]) #header:hover{background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header+#indicator{color:var(--spectrum-accordion-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host{--spectrum-accordion-item-header-height:46px}#indicator{top:calc(50% - var(--spectrum-accordion-icon-height,
 var(--spectrum-global-dimension-size-125))/2)}#heading{height:auto;position:relative}#header{min-height:calc(100% - var(--spectrum-accordion-item-border-size,
@@ -24,0 +24,0 @@ var(--spectrum-alias-border-size-thin)))}:host([open])>#header:after{height:calc(100% - var(--spectrum-accordion-item-border-size,

src/accordion-item.css.ts

@@ -21,3 +21,3 @@ /*
 var(--spectrum-alias-border-size-thick)))}:host([dir=ltr]) #header{padding-right:var(--spectrum-accordion-item-padding-x,var(--spectrum-global-dimension-size-225))}:host([dir=rtl]) #header{padding-left:var(--spectrum-accordion-item-padding-x,var(--spectrum-global-dimension-size-225))}:host([dir=ltr]) #header{text-align:left}:host([dir=rtl]) #header{text-align:right}#header{position:relative;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;padding-top:var(--spectrum-global-dimension-size-150);padding-bottom:var(--spectrum-global-dimension-size-150);margin:0;font-size:var(--spectrum-accordion-item-title-text-size,var(--spectrum-global-dimension-font-size-50));line-height:1.3;text-transform:uppercase;letter-spacing:calc(var(--spectrum-accordion-item-title-tracking,
-var(--spectrum-global-font-letter-spacing-medium))/100);text-overflow:ellipsis;cursor:pointer;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:inherit;border:0;font-family:inherit;width:100%}#header:focus{outline:none}:host([dir=ltr]) #header:focus:after{left:0}:host([dir=rtl]) #header:focus:after{right:0}#header:focus:after{content:"";position:absolute;top:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));bottom:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));width:var(--spectrum-accordion-item-border-left-size-key-focus,var(--spectrum-alias-border-size-thick))}#content{padding-top:0;padding-bottom:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-left:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-right:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));display:none}:host([dir=ltr][open])>#heading>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{border-color:var(--spectrum-accordion-border-color,var(--spectrum-global-color-gray-300))}#indicator{color:var(--spectrum-accordion-icon-color,var(--spectrum-global-color-gray-600))}#header{color:var(--spectrum-accordion-text-color,var(--spectrum-global-color-gray-700))}#header:hover{color:var(--spectrum-accordion-text-color-hover,var(--spectrum-global-color-gray-900));background-color:var(--spectrum-accordion-background-color-hover,var(--spectrum-global-color-gray-200))}#header:hover+#indicator{color:var(--spectrum-accordion-icon-color-hover,var(--spectrum-global-color-gray-800))}#header.focus-visible:after,#header.focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}#header.focus-visible:after,#header:focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([open]) #header:hover{background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header+#indicator{color:var(--spectrum-accordion-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host{--spectrum-accordion-item-header-height:46px}#indicator{top:calc(50% - var(--spectrum-accordion-icon-height,
+var(--spectrum-global-font-letter-spacing-medium))/100);text-overflow:ellipsis;cursor:pointer;font-weight:500;-webkit-appearance:none;appearance:none;background-color:inherit;border:0;font-family:inherit;width:100%}#header:focus{outline:none}:host([dir=ltr]) #header:focus:after{left:0}:host([dir=rtl]) #header:focus:after{right:0}#header:focus:after{content:"";position:absolute;top:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));bottom:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));width:var(--spectrum-accordion-item-border-left-size-key-focus,var(--spectrum-alias-border-size-thick))}#content{padding-top:0;padding-bottom:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-left:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-right:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));display:none}:host([dir=ltr][open])>#heading>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{border-color:var(--spectrum-accordion-border-color,var(--spectrum-global-color-gray-300))}#indicator{color:var(--spectrum-accordion-icon-color,var(--spectrum-global-color-gray-600))}#header{color:var(--spectrum-accordion-text-color,var(--spectrum-global-color-gray-700))}#header:hover{color:var(--spectrum-accordion-text-color-hover,var(--spectrum-global-color-gray-900));background-color:var(--spectrum-accordion-background-color-hover,var(--spectrum-global-color-gray-200))}#header:hover+#indicator{color:var(--spectrum-accordion-icon-color-hover,var(--spectrum-global-color-gray-800))}#header.focus-visible:after,#header.focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}#header.focus-visible:after,#header:focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([open]) #header:hover{background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header+#indicator{color:var(--spectrum-accordion-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host{--spectrum-accordion-item-header-height:46px}#indicator{top:calc(50% - var(--spectrum-accordion-icon-height,
 var(--spectrum-global-dimension-size-125))/2)}#heading{height:auto;position:relative}#header{min-height:calc(100% - var(--spectrum-accordion-item-border-size,
@@ -24,0 +24,0 @@ var(--spectrum-alias-border-size-thin)))}:host([open])>#header:after{height:calc(100% - var(--spectrum-accordion-item-border-size,

src/spectrum-accordion-item.css.js

@@ -23,3 +23,3 @@ /*
 var(--spectrum-alias-border-size-thin)));font-size:var(--spectrum-accordion-item-title-text-size,var(--spectrum-global-dimension-font-size-50));line-height:1.3;text-transform:uppercase;letter-spacing:calc(var(--spectrum-accordion-item-title-tracking,
-var(--spectrum-global-font-letter-spacing-medium))/100);text-overflow:ellipsis;cursor:pointer;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:inherit;border:0;font-family:inherit;width:100%}#header:focus{outline:none}:host([dir=ltr]) #header:focus:after{left:0}:host([dir=rtl]) #header:focus:after{right:0}#header:focus:after{content:"";position:absolute;top:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));bottom:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));width:var(--spectrum-accordion-item-border-left-size-key-focus,var(--spectrum-alias-border-size-thick))}#content{padding-top:0;padding-bottom:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-left:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-right:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));display:none}:host([dir=ltr][open])>#heading>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#header:after{height:calc(100% - var(--spectrum-accordion-item-border-size,
+var(--spectrum-global-font-letter-spacing-medium))/100);text-overflow:ellipsis;cursor:pointer;font-weight:500;-webkit-appearance:none;appearance:none;background-color:inherit;border:0;font-family:inherit;width:100%}#header:focus{outline:none}:host([dir=ltr]) #header:focus:after{left:0}:host([dir=rtl]) #header:focus:after{right:0}#header:focus:after{content:"";position:absolute;top:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));bottom:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));width:var(--spectrum-accordion-item-border-left-size-key-focus,var(--spectrum-alias-border-size-thick))}#content{padding-top:0;padding-bottom:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-left:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-right:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));display:none}:host([dir=ltr][open])>#heading>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#header:after{height:calc(100% - var(--spectrum-accordion-item-border-size,
 var(--spectrum-alias-border-size-thin)))}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{border-color:var(--spectrum-accordion-border-color,var(--spectrum-global-color-gray-300))}#indicator{color:var(--spectrum-accordion-icon-color,var(--spectrum-global-color-gray-600))}#header{color:var(--spectrum-accordion-text-color,var(--spectrum-global-color-gray-700))}#header:hover{color:var(--spectrum-accordion-text-color-hover,var(--spectrum-global-color-gray-900));background-color:var(--spectrum-accordion-background-color-hover,var(--spectrum-global-color-gray-200))}#header:hover+#indicator{color:var(--spectrum-accordion-icon-color-hover,var(--spectrum-global-color-gray-800))}#header.focus-visible:after,#header.focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}#header.focus-visible:after,#header:focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([open]) #header:hover{background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header+#indicator{color:var(--spectrum-accordion-icon-color-disabled,var(--spectrum-global-color-gray-400))}
@@ -26,0 +26,0 @@ `;

src/spectrum-accordion-item.css.ts

@@ -23,5 +23,5 @@ /*
 var(--spectrum-alias-border-size-thin)));font-size:var(--spectrum-accordion-item-title-text-size,var(--spectrum-global-dimension-font-size-50));line-height:1.3;text-transform:uppercase;letter-spacing:calc(var(--spectrum-accordion-item-title-tracking,
-var(--spectrum-global-font-letter-spacing-medium))/100);text-overflow:ellipsis;cursor:pointer;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:inherit;border:0;font-family:inherit;width:100%}#header:focus{outline:none}:host([dir=ltr]) #header:focus:after{left:0}:host([dir=rtl]) #header:focus:after{right:0}#header:focus:after{content:"";position:absolute;top:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));bottom:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));width:var(--spectrum-accordion-item-border-left-size-key-focus,var(--spectrum-alias-border-size-thick))}#content{padding-top:0;padding-bottom:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-left:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-right:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));display:none}:host([dir=ltr][open])>#heading>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#header:after{height:calc(100% - var(--spectrum-accordion-item-border-size,
+var(--spectrum-global-font-letter-spacing-medium))/100);text-overflow:ellipsis;cursor:pointer;font-weight:500;-webkit-appearance:none;appearance:none;background-color:inherit;border:0;font-family:inherit;width:100%}#header:focus{outline:none}:host([dir=ltr]) #header:focus:after{left:0}:host([dir=rtl]) #header:focus:after{right:0}#header:focus:after{content:"";position:absolute;top:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));bottom:calc(-1*var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));width:var(--spectrum-accordion-item-border-left-size-key-focus,var(--spectrum-alias-border-size-thick))}#content{padding-top:0;padding-bottom:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-left:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));padding-right:var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));display:none}:host([dir=ltr][open])>#heading>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>#indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#header:after{height:calc(100% - var(--spectrum-accordion-item-border-size,
 var(--spectrum-alias-border-size-thin)))}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{border-color:var(--spectrum-accordion-border-color,var(--spectrum-global-color-gray-300))}#indicator{color:var(--spectrum-accordion-icon-color,var(--spectrum-global-color-gray-600))}#header{color:var(--spectrum-accordion-text-color,var(--spectrum-global-color-gray-700))}#header:hover{color:var(--spectrum-accordion-text-color-hover,var(--spectrum-global-color-gray-900));background-color:var(--spectrum-accordion-background-color-hover,var(--spectrum-global-color-gray-200))}#header:hover+#indicator{color:var(--spectrum-accordion-icon-color-hover,var(--spectrum-global-color-gray-800))}#header.focus-visible:after,#header.focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}#header.focus-visible:after,#header:focus-visible:after{background-color:var(--spectrum-accordion-item-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([open]) #header:hover{background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{color:var(--spectrum-accordion-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:initial}:host([disabled]) #header+#indicator{color:var(--spectrum-accordion-icon-color-disabled,var(--spectrum-global-color-gray-400))}
 `;
 export default styles;

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

123907

increased by1.34%

Worsened metrics

Lines of code

1445

decreased by-0.07%

Dependency changes

• + Added@spectrum-web-components/icon@0.8.3(transitive)

• + Added@spectrum-web-components/icons-ui@0.5.3(transitive)

• + Added@spectrum-web-components/iconset@0.4.3(transitive)

• + Added@spectrum-web-components/shared@0.9.0(transitive)

• - Removed@spectrum-web-components/base@0.2.0(transitive)

• - Removed@spectrum-web-components/icon@0.7.0(transitive)

• - Removed@spectrum-web-components/icons-ui@0.4.0(transitive)

• - Removed@spectrum-web-components/iconset@0.3.0(transitive)

• - Removed@spectrum-web-components/shared@0.8.0(transitive)

• - Removed@spectrum-web-components/styles@0.8.1(transitive)

• - Removed@spectrum-web-components/theme@0.7.4(transitive)

• Updated@spectrum-web-components/base@^0.3.0

• Updated@spectrum-web-components/icon@^0.8.0

• Updated@spectrum-web-components/icons-ui@^0.5.0

• Updated@spectrum-web-components/shared@^0.9.0