@roadtrip/components 2.25.0 → 2.25.1

package/dist/cjs/road-radio-group.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const radioGroupCss = ".sc-road-radio-group-h{--asterisk-color:var(--text);position:relative;display:block;margin-bottom:1rem}.asterisk.sc-road-radio-group{color:var(--asterisk-color)}.is-invalid.sc-road-radio-group-h .invalid-feedback.sc-road-radio-group{display:block}.invalid-feedback.sc-road-radio-group{display:none;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;margin:0.5rem 0 0;font-size:0.75rem;color:var(--danger-text)}";
 

package/dist/cjs/road-radio.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 require('./polyfill-c7a0fa22.js');
 
 const radioCss = ".sc-road-radio-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--font, sans-serif);font-size:0.875rem;line-height:1.5;color:var(--text)}.form-radio-inline.sc-road-radio-h{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;margin-right:1.5rem;margin-bottom:0}.form-radio-input.sc-road-radio{position:absolute;z-index:-1;opacity:0}.form-radio-label.sc-road-radio{position:relative;display:-ms-inline-flexbox;display:inline-flex;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-radio-label.sc-road-radio::before{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;-ms-flex-negative:0;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0 1rem 0 0;content:\"\";background:var(--white);border:1px solid var(--border-form);border-radius:50%;-webkit-transition:border-color 0.2s ease-in-out;transition:border-color 0.2s ease-in-out}.form-radio-label.sc-road-radio::after{position:absolute;top:0.1875rem;left:0.1875rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:0.875rem;height:0.875rem;content:\"\";background:var(--border-form);border:none;border-radius:50%;-webkit-transition:background 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:background 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:background 0.2s ease-in-out, transform 0.2s ease-in-out;transition:background 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}@media (hover: hover){.form-radio-input.sc-road-radio:not(:checked):not(:disabled)~.form-radio-label.sc-road-radio:hover::after{opacity:1;-webkit-transform:scale(0.42);transform:scale(0.42)}.form-radio-input.sc-road-radio:not(:checked)~.form-radio-label.sc-road-radio:hover::before{border-color:var(--secondary)}}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--secondary);opacity:1;-webkit-transform:scale(1);transform:scale(1)}.form-radio-input.focus-visible.sc-road-radio~.form-radio-label.sc-road-radio::before{-webkit-box-shadow:0 0 0 0.125rem var(--white), 0 0 0 0.1875rem var(--secondary);box-shadow:0 0 0 0.125rem var(--white), 0 0 0 0.1875rem var(--secondary)}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio{color:var(--text-disabled);cursor:not-allowed}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::before,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::before{background:var(--background-second);border:none}.form-radio-input.is-invalid.sc-road-radio~.form-radio-label.sc-road-radio::before{border-color:var(--danger)}.form-radio-inverse.sc-road-radio{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:justify;justify-content:space-between}.form-radio-inverse.sc-road-radio::before{margin:0 0 0 1rem}.form-radio-inverse.sc-road-radio::after{right:0.1875rem;left:auto}";

package/dist/cjs/road-range.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const rangeCss = ".sc-road-range-h{display:block}.form-range.sc-road-range{position:relative;display:block;width:100%;margin-bottom:6px}.form-range-input.sc-road-range{position:relative;z-index:1;width:100%;height:0.5rem;background:transparent;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range.sc-road-range>output.sc-road-range::after{display:block;font-size:0.875rem;text-align:right;content:counter(variable);counter-reset:variable var(--value)}.form-range-progress.sc-road-range{position:relative;z-index:0;display:block;width:100%;margin-top:-0.875rem}.form-range-input.sc-road-range::-webkit-slider-runnable-track{height:0.5rem;border:0;-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-track{height:0.5rem;border:0;-moz-appearance:none;appearance:none}.form-range-progress.sc-road-range::before{display:block;height:0.5rem;content:\"\";background-color:var(--background);border:0;border-radius:1.125rem}.form-range-progress.sc-road-range::after{position:absolute;top:0;right:0;left:0;display:block;width:calc((var(--value) * 100%) / var(--max));height:0.5rem;content:\"\";background:var(--secondary);border-radius:1.125rem}.form-range-input.sc-road-range::-webkit-slider-thumb{position:relative;z-index:1;width:1.625rem;height:1.625rem;margin-top:-0.625rem;cursor:-webkit-grab;cursor:grab;background:var(--white);border:none;border-radius:1.625rem;-webkit-box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-thumb{position:relative;z-index:1;box-sizing:border-box;width:1.625rem;height:1.625rem;margin-top:-0.625rem;cursor:grab;background:var(--white);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);-moz-appearance:none;appearance:none}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-webkit-slider-thumb{background:var(--secondary);border:0.5rem solid var(--white)}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-moz-range-thumb{background:var(--secondary);border:0.5rem solid var(--white)}";
 

package/dist/cjs/road-rating.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 const index$1 = require('./index-0181f02a.js');
 
 const ratingCss = ":host{display:-ms-flexbox;display:flex}.rating-stars{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0}.rating-star{color:var(--border)}.rating-number{margin-left:0.5rem;font-size:0.875rem;color:var(--text-second)}";

package/dist/cjs/road-select-filter.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 /**
- * Fuse.js v6.4.6 - Lightweight fuzzy-search (http://fusejs.io)
+ * Fuse.js v6.5.3 - Lightweight fuzzy-search (http://fusejs.io)
  *
  * Copyright (c) 2021 Kiro Risk (http://kiro.me)
  * All Rights Reserved. Apache Software License 2.0
@@ -270,7 +270,9 @@ const AdvancedOptions = {
   // When `true`, the calculation for the relevance score (used for sorting) will
   // ignore the field-length norm.
   // More info: https://fusejs.io/concepts/scoring-theory.html#field-length-norm
-  ignoreFieldNorm: false
+  ignoreFieldNorm: false,
+  // The weight to determine how much field length norm effects scoring.
+  fieldNormWeight: 1
 };
 
 var Config = {
@@ -284,7 +286,7 @@ const SPACE = /[^ ]+/g;
 
 // Field-length norm: the shorter the field, the higher the weight.
 // Set to 3 decimals to reduce index size.
-function norm(mantissa = 3) {
+function norm(weight = 1, mantissa = 3) {
   const cache = new Map();
   const m = Math.pow(10, mantissa);
 
@@ -296,7 +298,8 @@ function norm(mantissa = 3) {
         return cache.get(numTokens)
       }
 
-      const norm = 1 / Math.sqrt(numTokens);
+      // Default function is 1/sqrt(x), weight makes that variable
+      const norm = 1 / Math.pow(numTokens, 0.5 * weight);
 
       // In place of `toFixed(mantissa)`, for faster computation
       const n = parseFloat(Math.round(norm * m) / m);
@@ -312,8 +315,11 @@ function norm(mantissa = 3) {
 }
 
 class FuseIndex {
-  constructor({ getFn = Config.getFn } = {}) {
-    this.norm = norm(3);
+  constructor({
+    getFn = Config.getFn,
+    fieldNormWeight = Config.fieldNormWeight
+  } = {}) {
+    this.norm = norm(fieldNormWeight, 3);
     this.getFn = getFn;
     this.isCreated = false;
 
@@ -429,7 +435,7 @@ class FuseIndex {
                 value: item
               });
             });
-          }
+          } else ;
         }
         record.$[keyIndex] = subRecords;
       } else if (!isBlank(value)) {
@@ -452,23 +458,30 @@ class FuseIndex {
   }
 }
 
-function createIndex(keys, docs, { getFn = Config.getFn } = {}) {
-  const myIndex = new FuseIndex({ getFn });
+function createIndex(
+  keys,
+  docs,
+  { getFn = Config.getFn, fieldNormWeight = Config.fieldNormWeight } = {}
+) {
+  const myIndex = new FuseIndex({ getFn, fieldNormWeight });
   myIndex.setKeys(keys.map(createKey));
   myIndex.setSources(docs);
   myIndex.create();
   return myIndex
 }
 
-function parseIndex(data, { getFn = Config.getFn } = {}) {
+function parseIndex(
+  data,
+  { getFn = Config.getFn, fieldNormWeight = Config.fieldNormWeight } = {}
+) {
   const { keys, records } = data;
-  const myIndex = new FuseIndex({ getFn });
+  const myIndex = new FuseIndex({ getFn, fieldNormWeight });
   myIndex.setKeys(keys);
   myIndex.setIndexRecords(records);
   return myIndex
 }
 
-function computeScore(
+function computeScore$1(
   pattern,
   {
     errors = 0,
@@ -565,7 +578,7 @@ function search(
 
   // Get all exact matches, here for speed up
   while ((index = text.indexOf(pattern, bestLocation)) > -1) {
-    let score = computeScore(pattern, {
+    let score = computeScore$1(pattern, {
       currentLocation: index,
       expectedLocation,
       distance,
@@ -601,7 +614,7 @@ function search(
     let binMid = binMax;
 
     while (binMin < binMid) {
-      const score = computeScore(pattern, {
+      const score = computeScore$1(pattern, {
         errors: i,
         currentLocation: expectedLocation + binMid,
         expectedLocation,
@@ -650,7 +663,7 @@ function search(
       }
 
       if (bitArr[j] & mask) {
-        finalScore = computeScore(pattern, {
+        finalScore = computeScore$1(pattern, {
           errors: i,
           currentLocation,
           expectedLocation,
@@ -677,7 +690,7 @@ function search(
     }
 
     // No hope for a (better) match at greater error levels.
-    const score = computeScore(pattern, {
+    const score = computeScore$1(pattern, {
       errors: i + 1,
       currentLocation: expectedLocation,
       expectedLocation,
@@ -1408,7 +1421,7 @@ function parse(query, options, { auto = true } = {}) {
 }
 
 // Practical scoring function
-function computeScore$1(
+function computeScore(
   results,
   { ignoreFieldNorm = Config.ignoreFieldNorm }
 ) {
@@ -1521,7 +1534,8 @@ class Fuse {
     this._myIndex =
       index ||
       createIndex(this.options.keys, this._docs, {
-        getFn: this.options.getFn
+        getFn: this.options.getFn,
+        fieldNormWeight: this.options.fieldNormWeight
       });
   }
 
@@ -1575,7 +1589,7 @@ class Fuse {
         : this._searchObjectList(query)
       : this._searchLogical(query);
 
-    computeScore$1(results, { ignoreFieldNorm });
+    computeScore(results, { ignoreFieldNorm });
 
     if (shouldSort) {
       results.sort(sortFn);
@@ -1643,34 +1657,17 @@ class Fuse {
         return []
       }
 
-      /*eslint indent: [2, 2, {"SwitchCase": 1}]*/
-      switch (node.operator) {
-        case LogicalOperator.AND: {
-          const res = [];
-          for (let i = 0, len = node.children.length; i < len; i += 1) {
-            const child = node.children[i];
-            const result = evaluate(child, item, idx);
-            if (result.length) {
-              res.push(...result);
-            } else {
-              return []
-            }
-          }
-          return res
-        }
-        case LogicalOperator.OR: {
-          const res = [];
-          for (let i = 0, len = node.children.length; i < len; i += 1) {
-            const child = node.children[i];
-            const result = evaluate(child, item, idx);
-            if (result.length) {
-              res.push(...result);
-              break
-            }
-          }
-          return res
+      const res = [];
+      for (let i = 0, len = node.children.length; i < len; i += 1) {
+        const child = node.children[i];
+        const result = evaluate(child, item, idx);
+        if (result.length) {
+          res.push(...result);
+        } else if (node.operator === LogicalOperator.AND) {
+          return []
         }
       }
+      return res
     };
 
     const records = this._myIndex.records;
@@ -1772,7 +1769,7 @@ class Fuse {
   }
 }
 
-Fuse.version = '6.4.6';
+Fuse.version = '6.5.3';
 Fuse.createIndex = createIndex;
 Fuse.parseIndex = parseIndex;
 Fuse.config = Config;

package/dist/cjs/road-select.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const selectCss = ".sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--font, sans-serif);color:var(--text)}.form-select.sc-road-select{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 1rem;margin:0;font-size:1rem;line-height:1.5;color:var(--text);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right 0.5rem center/2rem 2rem;background-color:var(--white);border:1px solid var(--border-form);border-radius:0.25rem;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::-webkit-input-placeholder{color:var(--text-second)}.form-select.sc-road-select::-moz-placeholder{color:var(--text-second)}.form-select.sc-road-select:-ms-input-placeholder{color:var(--text-second)}.form-select.sc-road-select::-ms-input-placeholder{color:var(--text-second)}.form-select.sc-road-select::placeholder{color:var(--text-second)}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{-webkit-transform:scale(0.625) translateY(-0.625rem);transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:focus{border-color:var(--secondary);outline:0}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--text-disabled);cursor:not-allowed;background-color:var(--background-second);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:1rem;line-height:1.5;color:var(--text-second);pointer-events:none;-webkit-transition:-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;-webkit-transform-origin:0 0;transform-origin:0 0}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:0.75rem;color:var(--danger-text)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--danger)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}";
 

package/dist/cjs/road-skeleton.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const skeletonCss = ":host{position:relative;display:block;width:100%;min-height:1rem;background:-webkit-gradient(linear, left top, right top, color-stop(8%, var(--background-second)), color-stop(18%, var(--background)), color-stop(33%, var(--background-second)));background:linear-gradient(to right, var(--background-second) 8%, var(--background) 18%, var(--background-second) 33%);background-size:800px 104px;-webkit-animation:road-skeleton-animation 1s linear infinite;animation:road-skeleton-animation 1s linear infinite}@-webkit-keyframes road-skeleton-animation{0%{background-position:-468px 0}100%{background-position:468px 0}}@keyframes road-skeleton-animation{0%{background-position:-468px 0}100%{background-position:468px 0}}";
 

package/dist/cjs/road-spinner.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const spinnerCss = ":host{display:block}.spinner{width:3rem;height:3rem;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:road-rotate 2s linear infinite;animation:road-rotate 2s linear infinite}.spinner-circle{-webkit-animation:road-dash 1.5s ease-in-out infinite;animation:road-dash 1.5s ease-in-out infinite;fill:none;stroke:var(--secondary);stroke-width:3;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes road-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes road-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes road-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:90, 200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}@keyframes road-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:90, 200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}";
 

package/dist/cjs/road-switch.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 require('./polyfill-c7a0fa22.js');
 
 const switchCss = ".sc-road-switch-h{--switch-lever-width:4.5rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--font, sans-serif);font-size:0.875rem;color:var(--text)}.form-switch-input.sc-road-switch{position:absolute;z-index:-1;opacity:0}.form-switch-label.sc-road-switch{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-switch-lever.sc-road-switch{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:var(--switch-lever-width);height:2rem;padding:0.5rem 0.625rem;margin-right:0.5rem;font-size:0.625rem;font-weight:700;line-height:1.6;content:\"\";background:var(--border);border:0.125rem solid transparent;border-radius:1.125rem;-webkit-transition:background 0.2s ease-in-out;transition:background 0.2s ease-in-out}.form-switch-lever.sc-road-switch::before{font-size:0.625rem;font-weight:700;color:var(--white);text-transform:uppercase;content:attr(data-off)}.form-switch-lever.sc-road-switch::after{position:absolute;top:0.0625rem;left:0.0625rem;display:block;width:1.625rem;height:1.625rem;content:\"\";background:var(--white);border-radius:50%;-webkit-box-shadow:0 0.125rem 0.125rem rgba(0, 0, 0, 0.1);box-shadow:0 0.125rem 0.125rem rgba(0, 0, 0, 0.1);-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{-ms-flex-pack:start;justify-content:flex-start}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::before{content:attr(data-on)}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::after{-webkit-transform:translateX(calc(var(--switch-lever-width) - 2rem));transform:translateX(calc(var(--switch-lever-width) - 2rem))}.form-switch-input.focus-visible.sc-road-switch~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{-webkit-box-shadow:0 0 0 0.125rem var(--white), 0 0 0 0.1875rem var(--secondary);box-shadow:0 0 0 0.125rem var(--white), 0 0 0 0.1875rem var(--secondary)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--secondary)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--secondary-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--info)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--info-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--success)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--success-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--warning)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--warning-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--danger)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--danger-contrast)}.form-switch-right.sc-road-switch{margin-right:0;margin-left:0.5rem}.form-switch-spaced.sc-road-switch{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}";
@@ -14,7 +14,7 @@ let Switch = class {
     this.roadFocus = index.createEvent(this, "roadFocus", 7);
     this.roadBlur = index.createEvent(this, "roadBlur", 7);
     /**
-     * The id of input
+     * The id of switch
      */
     this.switchId = `road-switch-${switchIds++}`;
     /**
@@ -22,11 +22,11 @@ let Switch = class {
      */
     this.name = this.switchId;
     /**
-     * If `true`, the toggle is selected.
+     * If `true`, the switch is checked.
      */
     this.checked = false;
     /**
-     * If `true`, the user cannot interact with the toggle.
+     * If `true`, the user cannot interact with the switch.
      */
     this.disabled = false;
     /**

package/dist/cjs/road-tab-bar.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 require('./polyfill-c7a0fa22.js');
 
 const tabBarCss = ":host{--tab-bar-background:var(--white);--tab-color:var(--text-second);--tab-color-selected:var(--text);--tab-underline-selected:var(--secondary);--tab-background:var(--white);--tab-background-hover:var(--background-second);--tab-background-focused:var(--background);display:-ms-flexbox;display:flex;width:100%;padding:0 0.5rem;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--font, sans-serif);line-height:1.5;color:var(--text);text-transform:uppercase;list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--border);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){-ms-flex-positive:1;flex-grow:1}:host(.tab-center){-ms-flex-pack:center;justify-content:center}";

package/dist/cjs/road-tab-button.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const tabButtonCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;-webkit-transition:background 0.15s ease-in-out;transition:background 0.15s ease-in-out}:host(.tab-selected){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-icon){color:var(--tab-color-selected)}:host(.tab-selected) .button-native::after{background:var(--tab-underline-selected);opacity:1;-webkit-transform:none;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused)}.button-native{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;-o-border-image:initial;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-native::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;content:\"\";opacity:0;-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center;transform-origin:center}.button-inner{position:relative;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}:host ::slotted(road-icon){color:var(--tab-color)}:host(.tab-layout-icon-start) ::slotted(road-icon){margin-right:0.5rem}:host(.tab-layout-icon-top) .button-inner{-ms-flex-direction:column;flex-direction:column}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:0.625rem}";
 

package/dist/cjs/road-tab.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const tabCss = ":host{display:block}:host(.tab-hidden){display:none}";
 

package/dist/cjs/road-table.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const tableCss = ".sc-road-table-h{-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.sc-road-table-s>table{width:100%;font-family:var(--font, sans-serif);font-size:0.875rem;line-height:1.5;color:var(--text);border-collapse:collapse;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sc-road-table-s>table th,.sc-road-table-s>table td{padding:1.5rem 1.25rem;text-align:left}.sc-road-table-s>table thead tr,.sc-road-table-s>table tbody tr:nth-child(2n){background:var(--background-second)}";
 

package/dist/cjs/road-tabs.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const tabsCss = ":host{position:relative;display:block}";
 

package/dist/cjs/road-text.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const textCss = ":host(.text-primary){color:var(--primary)}:host(.text-secondary){color:var(--secondary)}:host(.text-accent){color:var(--accent)}:host(.text-info){color:var(--info)}:host(.text-success){color:var(--success)}:host(.text-warning){color:var(--warning)}:host(.text-danger){color:var(--danger)}:host(.text-default){color:var(--text)}:host(.text-default-second){color:var(--text-second)}:host(.text-disabled){color:var(--text-disabled)}:host(.text-white){color:var(--white)}";
 

package/dist/cjs/road-textarea.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const textareaCss = ".sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--font, sans-serif);color:var(--text)}.form-control.sc-road-textarea{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.625rem 1rem 0;margin:0;font-size:0.875rem;color:var(--text);background:var(--white);border:1px solid var(--border-form);border-radius:0.25rem;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control.sc-road-textarea::-webkit-input-placeholder{color:var(--text-second)}.form-control.sc-road-textarea::-moz-placeholder{color:var(--text-second)}.form-control.sc-road-textarea:-ms-input-placeholder{color:var(--text-second)}.form-control.sc-road-textarea::-ms-input-placeholder{color:var(--text-second)}.form-control.sc-road-textarea::placeholder{color:var(--text-second)}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{-webkit-transform:scale(0.7) translateY(-0.75rem);transform:scale(0.7) translateY(-0.75rem)}.form-control.sc-road-textarea:-moz-placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.7) translateY(-0.75rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.7) translateY(-0.75rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{-webkit-transform:scale(0.7) translateY(-0.75rem);transform:scale(0.7) translateY(-0.75rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.7) translateY(-0.75rem)}.form-control.sc-road-textarea:focus{border-color:var(--secondary);outline:0}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--text-disabled);cursor:not-allowed;background:var(--background-second)}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;line-height:1.5}.form-label.sc-road-textarea{position:absolute;top:0.875rem;left:1rem;display:block;font-size:0.875rem;line-height:1.5;color:var(--text-second);pointer-events:none;-webkit-transition:-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;-webkit-transform-origin:0 0;transform-origin:0 0}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:0.75rem;color:var(--danger-text)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--danger)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}";
 
@@ -14,7 +14,7 @@ let Textarea = class {
     this.roadBlur = index.createEvent(this, "roadBlur", 7);
     this.roadFocus = index.createEvent(this, "roadFocus", 7);
     /**
-     * The id of input
+     * The id of textarea
      */
     this.textareaId = `road-textarea-${textareaIds++}`;
     /**
@@ -22,11 +22,11 @@ let Textarea = class {
      */
     this.autocapitalize = 'none';
     /**
-     * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
+     * This Boolean attribute lets you specify that a form control should have focus when the page loads.
      */
     this.autofocus = false;
     /**
-     * If `true`, the user cannot interact with the input.
+     * If `true`, the user cannot interact with the textarea.
      */
     this.disabled = false;
     /**
@@ -46,7 +46,7 @@ let Textarea = class {
      */
     this.spellcheck = false;
     /**
-     * The value of the input.
+     * The value of the textarea.
      */
     this.value = '';
     /**
@@ -68,7 +68,7 @@ let Textarea = class {
     };
   }
   /**
-   * Update the native input element when the value changes
+   * Update the native textarea element when the value changes
    */
   valueChanged() {
     this.roadChange.emit({ value: this.value });

package/dist/cjs/road-toast.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 const index$1 = require('./index-0181f02a.js');
 
 const toastCss = ":host{position:fixed;left:0;z-index:1;display:block;width:100%;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s ease-in-out, visibility 0.15s, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}:host(.toast-top){top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}:host(.toast-bottom){bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}:host(.toast-open){visibility:visible;opacity:1;-webkit-transform:none;transform:none}.toast{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-align:center;align-items:center;max-width:100%;padding:1.5rem 2rem 1.5rem 3rem;margin-right:0.5rem;margin-left:0.5rem;font-family:var(--font, sans-serif);font-size:0.875rem;line-height:1.4;text-align:left}:host(.toast-top) .toast{border-radius:0 0 0.25rem 0.25rem}:host(.toast-bottom) .toast{border-radius:0.25rem 0.25rem 0 0}@media (min-width: 576px){.toast{-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;-ms-flex-pack:center;justify-content:center;max-width:83.3333%;padding:1rem 2rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--danger-contrast);background:var(--danger)}.toast-danger road-icon{color:var(--danger-contrast)}.toast-warning{color:var(--warning-contrast);background:var(--warning)}.toast-warning road-icon{color:var(--white)}.toast-success{color:var(--success-contrast);background:var(--success)}.toast-success road-icon{color:var(--success-contrast)}.toast-info{color:var(--info-contrast);background:var(--info)}.toast-info road-icon{color:var(--info-contrast)}.toast-icon{position:absolute;top:1rem;left:0.5rem}@media (min-width: 576px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;top:4px;right:4px;display:inline-block;padding:0;color:inherit;cursor:pointer;background:none;border:1px solid transparent;border-radius:4px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.toast-close:focus{border-color:var(--info);outline:none}";
@@ -12,11 +12,11 @@ let Toast = class {
     index.registerInstance(this, hostRef);
     this.onClose = index.createEvent(this, "close", 7);
     /**
-     * Set open propertie to true to show the toast
+     * Set `open` propertie to `true` to open the toast
      */
     this.isOpen = false;
     /**
-     * Set the color of toast. e.g. info, success, warning, danger
+     * Set the color of the toast. e.g. info, success, warning, danger
      */
     this.color = 'info';
     /**

package/dist/cjs/road-toolbar-title.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const toolbarTitleCss = ":host{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}.toolbar-title{display:block;width:100%;overflow:hidden;font-size:1rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}";
 

package/dist/cjs/road-tooltip.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const tooltipCss = ":host{--max-width:16rem;--z-index:1;--width:max-content;position:relative;display:inline-block}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);max-width:var(--max-width);padding:0.5rem;font-family:var(--font);font-size:0.75rem;color:var(--text);text-align:center;pointer-events:none;background:var(--white);border:1px solid var(--border);border-radius:0.25rem;-webkit-box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);opacity:0;-webkit-transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}.tooltip-open{opacity:1}:host([data-tooltip-position=\"top\"]) .tooltip{left:50%;-webkit-transform:translateX(-50%) translateY(-70%);transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position=\"top\"]) .tooltip-open{left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position=\"left\"]) .tooltip{top:50%;left:0%;margin-left:-0.5rem;-webkit-transform:translateX(-94%) translateY(-55%);transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position=\"left\"]) .tooltip-open{-webkit-transform:translateX(-100%) translateY(-55%);transform:translateX(-100%) translateY(-55%)}:host([data-tooltip-position=\"bottom\"]) .tooltip{top:100%;left:50%;margin-top:0.375rem;-webkit-transform:translateX(-50%) translateY(-40%);transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position=\"bottom\"]) .tooltip-open{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}:host([data-tooltip-position=\"right\"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;-webkit-transform:translateX(-14%) translateY(-55%);transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position=\"right\"]) .tooltip-open{-webkit-transform:translateX(0) translateY(-55%);transform:translateX(0) translateY(-55%)}";
 
@@ -48,13 +48,13 @@ let Tooltip = class {
     };
   }
   /**
-   * Shows the tooltip.
+   * Open the tooltip.
    */
   async open() {
     this.isOpen = true;
   }
   /**
-   * Shows the tooltip.
+   * Close the tooltip.
    */
   async close() {
     this.isOpen = false;

package/dist/cjs/roadtrip.cjs.js

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-d47fa3c0.js');
-require('./app-04553107.js');
+const index = require('./index-9b63596c.js');
+require('./app-79994847.js');
 
 /*
- Stencil Client Patch Browser v2.11.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.12.1 | MIT Licensed | https://stenciljs.com
  */
 const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
 const patchBrowser = () => {
@@ -39,7 +39,7 @@ const patchBrowser = () => {
         if (!index.win.customElements) {
             // module support, but no custom elements support (Old Edge)
             // @ts-ignore
-            return Promise.resolve().then(function () { return require(/* webpackChunkName: "polyfills-dom" */ './dom-ba87b185.js'); }).then(() => opts);
+            return Promise.resolve().then(function () { return require(/* webpackChunkName: "polyfills-dom" */ './dom-417ccd20.js'); }).then(() => opts);
         }
     }
     return index.promiseResolve(opts);

package/dist/cjs/{shadow-css-7fb0b43f.js → shadow-css-432b27e3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 /*
- Stencil Client Platform v2.11.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v2.12.1 | MIT Licensed | https://stenciljs.com
  */
 /**
  * @license

package/dist/cjs/{utils-ade59127.js → utils-90171b88.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 let CACHED_MAP;
 const getIconMap = () => {

package/dist/collection/collection-manifest.json

@@ -55,7 +55,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.11.0",
+    "version": "2.12.1",
     "typescriptVersion": "4.3.5"
   },
   "collections": [],

package/dist/collection/components/accordion/accordion.css

@@ -13,19 +13,19 @@
 
 /**
  * @prop --accordion-header-border: height of the border of the header
- * @prop --icon-color: color of the chevron icon
- * @prop --header-padding: padding of the accordion header
- * @prop --content-padding: padding of the accordion content
  * @prop --content-margin: margin of the accordion content
+ * @prop --content-padding: padding of the accordion content
+ * @prop --header-padding: padding of the accordion header
+ * @prop --icon-color: color of the chevron icon
  * @prop --max-height: maximum height of the collapse content
  */
 
 :host {
   --accordion-header-border: 1px;
-  --chevron-color: var(--icon);
-  --header-padding: 1rem 0.5rem 1rem 1rem;
-  --content-padding: 1rem 0.5rem 0;
   --content-margin: 0 1rem 1rem;
+  --content-padding: 1rem 0.5rem 0;
+  --header-padding: 1rem 0.5rem 1rem 1rem;
+  --icon-color: var(--icon);
   --max-height: 800px;
 
   display: block;

package/dist/collection/components/accordion/accordion.js

@@ -8,7 +8,7 @@ import './../../utils/polyfill';
 export class Accordion {
   constructor() {
     /**
-     * Set open to true to show the accordion element and to false to hide it.
+     * Set to `true` to open the accordion and to `false` to close it.
      */
     this.isOpen = false;
     /**
@@ -48,7 +48,7 @@ export class Accordion {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Set open to true to show the accordion element and to false to hide it."
+        "text": "Set to `true` to open the accordion and to `false` to close it."
       },
       "attribute": "is-open",
       "reflect": false,