npm - @pine-ds/core - Versions diffs - 0.1.5 → 0.2.1 - Mend

@pine-ds/core 0.1.5 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (315) hide show

package/hydrate/index.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 /*!
- Stencil Mock Doc v4.12.6 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.13.0 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -382,6 +382,14 @@ class MockCustomElementRegistry {
         }
         return undefined;
     }
+    getName(cstr) {
+        for (const [tagName, def] of this.__registry.entries()) {
+            if (def.cstr === cstr) {
+                return tagName;
+            }
+        }
+        return undefined;
+    }
     upgrade(_rootNode) {
         //
     }
@@ -7157,23 +7165,28 @@ const createTime = (e, t = "") => {
 let scopeId, contentRef, hostTagName, useNativeShadowDom = !1, checkSlotFallbackVisibility = !1, checkSlotRelocate = !1, isSvgMode = !1;
 const createElm = (e, t, o, n) => {
- const s = t.$children$[o];
- let l, a, r, i = 0;
- if (!useNativeShadowDom && (checkSlotRelocate = !0, "slot" === s.$tag$ && (scopeId && n.classList.add(scopeId + "-s"),
- s.$flags$ |= s.$children$ ? 2 : 1)), null !== s.$text$) l = s.$elm$ = doc.createTextNode(s.$text$); else if (1 & s.$flags$) l = s.$elm$ = slotReferenceDebugNode(s) ; else {
-  if (l = s.$elm$ = doc.createElement(2 & s.$flags$ ? "slot-fb" : s.$tag$),
-  updateElement(null, s, isSvgMode),
-  null != scopeId && l["s-si"] !== scopeId && l.classList.add(l["s-si"] = scopeId),
-  s.$children$) for (i = 0; i < s.$children$.length; ++i) a = createElm(e, s, i, l),
-  a && l.appendChild(a);
+ var s;
+ const l = t.$children$[o];
+ let a, r, i, d = 0;
+ if (!useNativeShadowDom && (checkSlotRelocate = !0, "slot" === l.$tag$ && (scopeId && n.classList.add(scopeId + "-s"),
+ l.$flags$ |= l.$children$ ? 2 : 1)), null !== l.$text$) a = l.$elm$ = doc.createTextNode(l.$text$); else if (1 & l.$flags$) a = l.$elm$ = slotReferenceDebugNode(l) ; else {
+  if (a = l.$elm$ = doc.createElement(2 & l.$flags$ ? "slot-fb" : l.$tag$),
+  updateElement(null, l, isSvgMode),
+  null != scopeId && a["s-si"] !== scopeId && a.classList.add(a["s-si"] = scopeId),
+  l.$children$) for (d = 0; d < l.$children$.length; ++d) r = createElm(e, l, d, a),
+  r && a.appendChild(r);
  }
- return l["s-hn"] = hostTagName, 3 & s.$flags$ && (l["s-sr"] = !0,
- l["s-cr"] = contentRef, l["s-sn"] = s.$name$ || "", r = e && e.$children$ && e.$children$[o],
- r && r.$tag$ === s.$tag$ && e.$elm$ && (putBackInOriginalLocation(e.$elm$, !1))),
- l;
+ return a["s-hn"] = hostTagName, 3 & l.$flags$ && (a["s-sr"] = !0,
+ a["s-cr"] = contentRef, a["s-sn"] = l.$name$ || "", a["s-rf"] = null === (s = l.$attrs$) || void 0 === s ? void 0 : s.ref,
+ i = e && e.$children$ && e.$children$[o], i && i.$tag$ === l.$tag$ && e.$elm$ && (putBackInOriginalLocation(e.$elm$, !1))),
+ a;
 }, putBackInOriginalLocation = (e, t) => {
  plt.$flags$ |= 1;
- const o = e.childNodes;
+ const o = Array.from(e.childNodes);
+ if (e["s-sr"] && BUILD.experimentalSlotFixes) {
+  let t = e;
+  for (;t = t.nextSibling; ) t && t["s-sn"] === e["s-sn"] && t["s-sh"] === hostTagName && o.push(t);
+ }
  for (let e = o.length - 1; e >= 0; e--) {
   const n = o[e];
   n["s-hn"] !== hostTagName && n["s-ol"] && (parentReferenceNode(n).insertBefore(n, referenceNode(n)),
@@ -7294,7 +7307,8 @@ const createElm = (e, t, o, n) => {
       }
      }
      (!o && e !== t.parentNode || t.nextSibling !== o) && t !== o && (t["s-hn"] || !t["s-ol"] || (t["s-hn"] = t["s-ol"].parentNode.nodeName),
-     e.insertBefore(t, o), 1 === t.nodeType && (t.hidden = null !== (l = t["s-ih"]) && void 0 !== l && l));
+     e.insertBefore(t, o), 1 === t.nodeType && (t.hidden = null !== (l = t["s-ih"]) && void 0 !== l && l)),
+     t && "function" == typeof r["s-rf"] && r["s-rf"](t);
     } else 1 === t.nodeType && (o && (t["s-ih"] = null !== (a = t.hidden) && void 0 !== a && a),
     t.hidden = !0);
    }
@@ -7666,7 +7680,13 @@ const cmpModules = new Map, getModule = e => {
  e["s-p"] = [], e["s-rc"] = [], addHostEventListeners(e, o, t.$listeners$), hostRefs.set(e, o);
 }, styles = new Map;
-const pdsAccordionCss = "/*!@:host*/.sc-pds-accordion-h{display:block}/*!@details*/details.sc-pds-accordion{--border-radius:var(--pine-spacing-xs);--box-shadow-focus:0 0 0 4px var(--pine-color-primary-200);--color-content-background:var(--pine-base-color-white);--color-background-hover:var(--pine-color-neutral-grey-300);--color-font:var(--pine-color-neutral-charcoal-200);--color-font-active:var(--pine-color-neutral-charcoal-500);--color-font-hover:var(--pine-color-neutral-charcoal-300);--font-weight:var(--pine-font-weight-semibold);--spacing-details-padding-inline:12px;--spacing-summary-padding-block:var(--pine-spacing-xxs);--spacing-summary-padding-inline-start:var(--pine-spacing-xs);--spacing-summary-padding-inline-end:var(--pine-spacing-xxs);border-radius:var(--border-radius);padding-inline:var(--spacing-details-padding-inline)}/*!@details[open]*/details[open].sc-pds-accordion{background-color:var(--color-content-background)}/*!@details[open] summary*/details[open].sc-pds-accordion summary.sc-pds-accordion{color:var(--color-font-active);font-weight:var(--font-weight)}/*!@summary*/summary.sc-pds-accordion{border-radius:var(--border-radius);color:var(--color-font);font-weight:var(--font-weight);padding-block:var(--spacing-summary-padding-block);-webkit-padding-end:var(--spacing-summary-padding-inline-end);padding-inline-end:var(--spacing-summary-padding-inline-end);-webkit-padding-start:var(--spacing-summary-padding-inline-start);padding-inline-start:var(--spacing-summary-padding-inline-start);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}/*!@summary::-webkit-details-marker*/summary.sc-pds-accordion::-webkit-details-marker{display:none}/*!@summary:hover*/summary.sc-pds-accordion:hover{background:var(--color-background-hover);color:var(--color-font-hover);cursor:pointer}/*!@summary:focus-visible*/summary.sc-pds-accordion:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}/*!@summary pds-icon*/summary.sc-pds-accordion pds-icon.sc-pds-accordion{-webkit-margin-start:auto;margin-inline-start:auto}";
+/* pds-icons v3.8.0, ES Modules */
+const checkCircleFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path d='M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Zm4.473 5.807L7.14 11.14c-.26.26-.68.26-.94 0L3.533 8.473a.664.664 0 1 1 .94-.94l2.194 2.194 4.86-4.86c.26-.26.68-.26.94 0 .266.253.266.68.006.94Z'/></svg>";
+const downSmall = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M3.594 5.594a.889.889 0 0 1 1.257 0L7.778 8.52l2.927-2.927a.889.889 0 0 1 1.257 1.257l-3.556 3.555a.889.889 0 0 1-1.257 0L3.594 6.851a.889.889 0 0 1 0-1.257Z'/></svg>";
+const launch = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M15.138.862a.664.664 0 0 1 .195.461v5.344a.667.667 0 0 1-1.333 0V2.943L7.805 9.138a.667.667 0 1 1-.943-.943L13.057 2H9.333a.667.667 0 0 1 0-1.333h5.333c.171 0 .342.065.472.195ZM1.333 2a.667.667 0 0 0-.666.667v12c0 .368.298.666.666.666h12a.667.667 0 0 0 .667-.666V10a.667.667 0 0 0-1.333 0v4H2V3.333h4A.667.667 0 1 0 6 2H1.333Z'/></svg>";
+const userFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path d='M12.222 8.925A5.98 5.98 0 0 1 8 10.667a5.983 5.983 0 0 1-4.222-1.742A7.335 7.335 0 0 0 0 15.333c0 .368.299.667.667.667h14.666a.667.667 0 0 0 .667-.667 7.335 7.335 0 0 0-3.778-6.408Z'/><path d='M8 9.333A4.667 4.667 0 1 0 8 0a4.667 4.667 0 0 0 0 9.333Z'/></svg>";
+const pdsAccordionCss = "/*!@:host*/.sc-pds-accordion-h{display:block}/*!@details*/details.sc-pds-accordion{--animation-transform-timing:200ms;--border-radius:var(--pine-spacing-xs);--box-shadow-focus:inset 0 0 0 2px var(--pine-color-primary-200);--color-content-background:var(--pine-base-color-white);--color-background-hover:var(--pine-color-neutral-grey-300);--color-font:var(--pine-color-neutral-charcoal-200);--color-font-active:var(--pine-color-neutral-charcoal-500);--color-font-hover:var(--pine-color-neutral-charcoal-300);--font-weight:var(--pine-font-weight-semibold);--spacing-details-padding-inline:12px;--spacing-summary-padding-block:var(--pine-spacing-xxs);--spacing-summary-padding-inline-start:var(--pine-spacing-xs);--spacing-summary-padding-inline-end:var(--pine-spacing-xxs);border-radius:var(--border-radius);padding-inline:var(--spacing-details-padding-inline)}/*!@details pds-icon*/details.sc-pds-accordion pds-icon.sc-pds-accordion{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform var(--animation-transform-timing);transition:-webkit-transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing), -webkit-transform var(--animation-transform-timing)}/*!@details[open]*/details[open].sc-pds-accordion{background-color:var(--color-content-background);-webkit-transition:-webkit-transform var(--animation-transform-timing);transition:-webkit-transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing), -webkit-transform var(--animation-transform-timing)}/*!@details[open] summary*/details[open].sc-pds-accordion summary.sc-pds-accordion{color:var(--color-font-active);font-weight:var(--font-weight)}/*!@details[open] summary pds-icon*/details[open].sc-pds-accordion summary.sc-pds-accordion pds-icon.sc-pds-accordion{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-transition:-webkit-transform var(--animation-transform-timing);transition:-webkit-transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing), -webkit-transform var(--animation-transform-timing)}/*!@details[open] .pds-accordion__body*/details[open].sc-pds-accordion .pds-accordion__body.sc-pds-accordion{-webkit-transition:max-height 1s ease-in-out;transition:max-height 1s ease-in-out}/*!@details[open] .pds-accordion__body.open*/details[open].sc-pds-accordion .pds-accordion__body.open.sc-pds-accordion{max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content}/*!@summary*/summary.sc-pds-accordion{border-radius:var(--border-radius);color:var(--color-font);font-weight:var(--font-weight);padding-block:var(--spacing-summary-padding-block);-webkit-padding-end:var(--spacing-summary-padding-inline-end);padding-inline-end:var(--spacing-summary-padding-inline-end);-webkit-padding-start:var(--spacing-summary-padding-inline-start);padding-inline-start:var(--spacing-summary-padding-inline-start);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}/*!@summary::-webkit-details-marker*/summary.sc-pds-accordion::-webkit-details-marker{display:none}/*!@summary:hover*/summary.sc-pds-accordion:hover{background:var(--color-background-hover);color:var(--color-font-hover);cursor:pointer}/*!@summary:focus-visible*/summary.sc-pds-accordion:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}/*!@summary pds-icon*/summary.sc-pds-accordion pds-icon.sc-pds-accordion{-webkit-margin-start:auto;margin-inline-start:auto}/*!@.pds-accordion__body*/.pds-accordion__body.sc-pds-accordion{max-height:0;overflow:hidden}";
 var PdsAccordionStyle0 = pdsAccordionCss;
 /**
@@ -7690,12 +7710,18 @@ class PdsAccordion {
     }
     handleOpenState(newValue) {
         this.isOpen = newValue;
+        if (newValue === true) {
+            this.containerEl.classList.add('open');
+        }
+        else {
+            this.containerEl.classList.remove('open');
+        }
     }
     componentDidLoad() {
         this.detailsEl.addEventListener('toggle', this.handleToggle);
     }
     render() {
-        return (hAsync(Host, { key: 'e2e795c93ddd812acd5f9ac26546953d7172ba39', class: "pds-accordion", id: this.componentId }, hAsync("details", Object.assign({ key: '772f09a0f28f03a0feffa7a6ea1fd0cbf0947c56' }, this.getOpenAttribute(), { ref: (el) => this.detailsEl = el }), hAsync("summary", { key: 'f8987032a8e8468f9e8728ed673c26210fd0c2a2' }, hAsync("slot", { key: '5dfcd343dfdc7b5eb6f75e75dff494aab0fbea36', name: "label" }, "Details"), hAsync("pds-icon", { key: '2e6cd67ca003428c48b0c0545287b629918f243a', name: this.isOpen ? 'up-small' : 'down-small' })), hAsync("div", { key: '508b2e5d33c4a83e6f569ba30ef042e5ffc01318', class: "pds-accordion__body" }, hAsync("slot", { key: '13bc1ae447df49043efbbf631844add1245fbabe' })))));
+        return (hAsync(Host, { key: '16488169e8370ef00005364086a0b3a9bf2629d6', class: "pds-accordion", id: this.componentId }, hAsync("details", Object.assign({ key: '4bef67d20f40212ae2c49a4236a1b60c30c0f9af' }, this.getOpenAttribute(), { ref: (el) => this.detailsEl = el }), hAsync("summary", { key: '1f990d447ac77274161314b74488669b5eb9762a' }, hAsync("slot", { key: 'dc1c0b7f64e3c4d406a28fb1677b634af2f1af30', name: "label" }, "Details"), hAsync("pds-icon", { key: '26d253bf3c039574cbcbab5000751492e21a0e32', icon: downSmall })), hAsync("div", { key: 'a237207559a95b1b90bde48ddd37507f4103a3ca', class: `pds-accordion__body ${this.isOpen ? 'open' : ''}`, ref: (el) => this.containerEl = el }, hAsync("slot", { key: 'f5808d1ffd746e470439d2de9c9580bfc13dc5f5' })))));
     }
     static get watchers() { return {
         "isOpen": ["handleOpenState"]
@@ -7741,13 +7767,13 @@ class PdsAvatar {
             // Percentage is average size of icon in relation to total avatar size
             // of all preset sizes found in Figma.
             // Used to allow icons to scale to container size
-            && hAsync("pds-icon", { class: "pds-avatar__badge", name: "check-circle-filled", size: "33.53%" }));
+            && hAsync("pds-icon", { class: "pds-avatar__badge", icon: checkCircleFilled, size: "33.53%" }));
         this.renderIconOrImage = () => (this.image
             ? hAsync("img", { alt: this.alt, src: this.image })
             // Percentage is average size of icon in relation to total avatar size
             // of all preset sizes found in Figma.
             // Used to allow icons to scale to container size
-            : hAsync("pds-icon", { name: "user-filled", size: "33.53%" }));
+            : hAsync("pds-icon", { color: "var(--pine-color-primary-400)", icon: userFilled, size: "33.53%" }));
         this.classNames = () => ({
             'pds-avatar': true,
             [`pds-avatar--has-image`]: this.image !== '' && this.image !== null, // Remove when FF supports :has selector
@@ -7777,7 +7803,7 @@ class PdsAvatar {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'e934e89ad98ccb12b0efa4daffa0449b989cdf53', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
+        return (hAsync(Host, { key: '0e214f7cca56b36b49e27c8dc097acc7b34391cc', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
     }
     static get style() { return PdsAvatarStyle0; }
     static get cmpMeta() { return {
@@ -8503,10 +8529,7 @@ class PdsInput {
     }; }
 }
-/* pds-icons v3.6.0, ES Modules */
-const launch = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M15.138.862a.664.664 0 0 1 .195.461v5.344a.667.667 0 0 1-1.333 0V2.943L7.805 9.138a.667.667 0 1 1-.943-.943L13.057 2H9.333a.667.667 0 0 1 0-1.333h5.333c.171 0 .342.065.472.195ZM1.333 2a.667.667 0 0 0-.666.667v12c0 .368.298.666.666.666h12a.667.667 0 0 0 .667-.666V10a.667.667 0 0 0-1.333 0v4H2V3.333h4A.667.667 0 1 0 6 2H1.333Z'/></svg>";
-const pdsLinkCss = "/*!@:host*/.sc-pds-link-h{--border-radius:var(--pine-border-radius-sm);--color:var(--pine-color-neutral-charcoal-400);--font-size:var(--pine-font-size-body);--font-size-sm:var(--pine-font-size-body-sm);--font-size-xs:var(--pine-font-size-body-xs);--font-weight:var(--pine-font-weight-medium);--margin-inline-start:var(--pine-spacing-xxs);--outline:4px solid var(--pine-color-primary-200);--svg-lg:15px;--svg-md:13px;--svg-sm:11px;display:inline}/*!@:host pds-icon*/.sc-pds-link-h pds-icon.sc-pds-link{-webkit-margin-start:var(--margin-inline-start);margin-inline-start:var(--margin-inline-start)}/*!@.pds-link*/.pds-link.sc-pds-link{-ms-flex-align:center;align-items:center;color:var(--color);display:-ms-inline-flexbox;display:inline-flex;font-weight:inherit}/*!@.pds-link:focus*/.pds-link.sc-pds-link:focus{border-radius:var(--border-radius);outline:var(--outline)}/*!@.pds-link--sm*/.pds-link--sm.sc-pds-link{font-size:var(--font-size-xs)}/*!@.pds-link--sm pds-icon*/.pds-link--sm.sc-pds-link pds-icon.sc-pds-link{height:var(--svg-sm);width:var(--svg-sm)}/*!@.pds-link--md*/.pds-link--md.sc-pds-link{font-size:var(--font-size-sm)}/*!@.pds-link--md pds-icon*/.pds-link--md.sc-pds-link pds-icon.sc-pds-link{height:var(--svg-md);width:var(--svg-md)}/*!@.pds-link--lg*/.pds-link--lg.sc-pds-link{font-size:var(--font-size)}/*!@.pds-link--lg pds-icon*/.pds-link--lg.sc-pds-link pds-icon.sc-pds-link{height:var(--svg-lg);width:var(--svg-lg)}/*!@.pds-link--plain*/.pds-link--plain.sc-pds-link{font-weight:var(--font-weight);text-decoration:none}/*!@.pds-link--plain:hover*/.pds-link--plain.sc-pds-link:hover{text-decoration:underline}/*!@.pds-link--default*/.pds-link--default.sc-pds-link{text-decoration:underline}/*!@.pds-link--default:hover*/.pds-link--default.sc-pds-link:hover{text-decoration:none}";
+const pdsLinkCss = "/*!@:host*/.sc-pds-link-h{--border-radius:var(--pine-border-radius-sm);--box-shadow-focus:inset 0 0 0 2px var(--pine-color-primary-200);--color:var(--pine-color-neutral-charcoal-400);--font-size:var(--pine-font-size-body);--font-size-sm:var(--pine-font-size-body-sm);--font-size-xs:var(--pine-font-size-body-xs);--font-weight:var(--pine-font-weight-medium);--margin-inline-start:var(--pine-spacing-xxs);--outline:4px solid var(--pine-color-primary-200);--svg-lg:15px;--svg-md:13px;--svg-sm:11px;display:inline}/*!@:host pds-icon*/.sc-pds-link-h pds-icon.sc-pds-link{-webkit-margin-start:var(--margin-inline-start);margin-inline-start:var(--margin-inline-start)}/*!@.pds-link*/.pds-link.sc-pds-link{-ms-flex-align:center;align-items:center;color:var(--color);display:-ms-inline-flexbox;display:inline-flex;font-weight:inherit}/*!@.pds-link:focus-visible*/.pds-link.sc-pds-link:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}/*!@.pds-link--sm*/.pds-link--sm.sc-pds-link{font-size:var(--font-size-xs)}/*!@.pds-link--sm pds-icon*/.pds-link--sm.sc-pds-link pds-icon.sc-pds-link{height:var(--svg-sm);width:var(--svg-sm)}/*!@.pds-link--md*/.pds-link--md.sc-pds-link{font-size:var(--font-size-sm)}/*!@.pds-link--md pds-icon*/.pds-link--md.sc-pds-link pds-icon.sc-pds-link{height:var(--svg-md);width:var(--svg-md)}/*!@.pds-link--lg*/.pds-link--lg.sc-pds-link{font-size:var(--font-size)}/*!@.pds-link--lg pds-icon*/.pds-link--lg.sc-pds-link pds-icon.sc-pds-link{height:var(--svg-lg);width:var(--svg-lg)}/*!@.pds-link--plain*/.pds-link--plain.sc-pds-link{font-weight:var(--font-weight);text-decoration:none}/*!@.pds-link--plain:hover*/.pds-link--plain.sc-pds-link:hover{text-decoration:underline}/*!@.pds-link--default*/.pds-link--default.sc-pds-link{text-decoration:underline}/*!@.pds-link--default:hover*/.pds-link--default.sc-pds-link:hover{text-decoration:none}";
 var PdsLinkStyle0 = pdsLinkCss;
 /**

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pine-ds/core",
-  "version": "0.1.5",
+  "version": "0.2.1",
   "license": "MIT",
   "description": "Base components for Pine Design System",
   "author": "Kajabi Design System Services",
@@ -56,7 +56,7 @@
     "test.watch": "stencil test --spec --e2e --watchAll --coverage"
   },
   "dependencies": {
-    "@pine-ds/icons": "^3.6.0",
+    "@pine-ds/icons": "^3.8.0",
     "@stencil/core": "^4.8.1",
     "sortablejs": "^1.15.0",
     "tslib": "^2.6.2"
@@ -64,7 +64,7 @@
   "devDependencies": {
     "@babel/core": "^7.19.3",
     "@babel/preset-env": "^7.22.10",
-    "@pine-ds/doc-components": "^0.1.3",
+    "@pine-ds/doc-components": "^0.2.0",
     "@pxtrn/storybook-addon-docs-stencil": "^6.4.1",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/react-output-target": "^0.5.3",