Merge pull request #6 from web-illinois/jonker/BugFixes

Jonker/bug fixes

README.md

@@ -16,7 +16,7 @@ There are two components bundled in this, the `ilw-accordion` and `ilw-accordion
 
 The `ilw-accordion` component has the following attributes:
 * `theme`: the theme/background of the line to the left of the accordion. Options are `blue`, `orange`, `arches`, `industrial`
-* `width`: whether or not this is contained in the parent (default), if it will expand to full width (`full`), or if just the background will expand and the text will be in a narrow window (`auto`). If `auto` is used, the left border will not be used. 
+* `width`: whether or not this is contained in the parent (default), if it will expand to full width (`full`), or if just the background will expand and the text will be in a narrow window (`auto`), or if it will size itself (`page`). If `auto` is used, the left border will not be used.
 * `limit`: a boolean attribute that determines if other panels close when a panel is opened. Use this if the user will not be comparing information in different panels. 
 
 The `ilw-accordion-panel` component has the following slots:

builder/versions/ilw-accordion.1.0-beta.json

@@ -6,10 +6,10 @@
     "element-name": "ilw-accordion",
     "description": "This is an accordion where you have headers and each header can be opened to display more information. ",
     "builder-version": "1.0-beta",
-    "version": "1.0.0-beta",
-    "date": "09/13/2024",
-    "css": "https://dev.toolkit.illinois.edu/ilw-accordion/1.0.0-beta/ilw-accordion.css",
-    "js": "https://dev.toolkit.illinois.edu/ilw-accordion/1.0.0-beta/ilw-accordion.js",
+    "version": "1.0.1-beta",
+    "date": "10/09/2024",
+    "css": "https://dev.toolkit.illinois.edu/ilw-accordion/1.0.1-beta/ilw-accordion.css",
+    "js": "https://dev.toolkit.illinois.edu/ilw-accordion/1.0.1-beta/ilw-accordion.js",
     "production": false,
     "notes": "",
     "parent-style": "margin: 0 auto; max-width: 1200px;",
@@ -47,7 +47,8 @@
             "values": [
                 "",
                 "full",
-                "auto"
+                "auto",
+                "page"
             ]
         },
         {

package.json

@@ -3,7 +3,7 @@
     "description": "Illinois Toolkit: a bunch of headers and each header can be opened to display more information.",
     "repository": "github:web-illinois/ilw-accordion",
     "private": false,
-    "version": "1.0.0-beta",
+    "version": "1.0.1-beta",
     "type": "module",
     "files": [
       "src/**",

src/ilw-accordion.styles.js

@@ -1,6 +1,10 @@
 import { css } from 'lit';
 
 export default css`
+  .page {
+    margin: 0 var(--ilw-margin--side, max(1.875rem, calc(50cqw - 37.5rem))) 0;
+  }
+
   .full, .auto {
     left:50%;
     margin-left:-50vw;