@sparkle-learning/core 0.0.45 → 0.0.46

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/select/select.css

@@ -0,0 +1,52 @@
+.Select {
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 500;
+}
+
+.Select .Dropdown-button {
+  align-items: center;
+  border: solid 1px #dee3ea;
+  border-radius: 6px;
+  display: inline-flex;
+  justify-content: space-between;
+  min-width: 100px;
+  padding: 0.5em 1em;
+}
+
+.Select .Dropdown-panel {
+  padding: 0.5em 0;
+}
+
+.Select .Dropdown-arrow {
+  margin-left: 0.5em;
+}
+
+.Select-option {
+  --bg-alpha: 0;
+  background-color: rgba(0, 0, 0, var(--bg-alpha));
+  padding: 0.5em 1.5em;
+}
+
+.Select-option:focus {
+  --bg-alpha: 0.025;
+  outline: none;
+}
+
+.Select-option--selected {
+  --bg-alpha: 0.05;
+}
+
+.Select-option--selected:focus {
+  --bg-alpha: 0.075;
+}
+
+@media (hover: hover) {
+  .Select-option:hover {
+    --bg-alpha: 0.025;
+  }
+
+  .Select-option--selected:hover {
+    --bg-alpha: 0.075;
+  }
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/sidebar/sidebar.css

@@ -0,0 +1,98 @@
+sparkle-sidebar {
+  --sparkle-spacing-size-lg: 1rem;
+  --sparkle-transition-med: 0.5s;
+  --sparkle-color-dark-lighter: 89, 109, 127;
+  --sparkle-font-size-md: 1.25rem;
+  --sparkle-spacing-size-none: 0;
+  --sparkle-spacing-size-xxxs: 0.0625rem;
+  --sparkle-color-light-base: 1197, 209, 218;
+  --sparkle-font-size-lg: 1.5rem;
+  --sparkle-color-dark-base: 55, 68, 79;
+}
+.sparkle-sidebar {
+  height: 100%;
+  max-width: 90%;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background-color: #fff;
+  padding: var(--sparkle-spacing-size-lg);
+  -webkit-transition: all var(--sparkle-transition-med) ease-in-out;
+  transition: all var(--sparkle-transition-med) ease-in-out;
+}
+.sparkle-sidebar.left {
+  border-right: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1);
+}
+.sparkle-sidebar.left.size-sm {
+  width: 16rem;
+  left: -16rem;
+}
+.sparkle-sidebar.left.size-md {
+  width: 22.5rem;
+  left: -22.5rem;
+}
+.sparkle-sidebar.left.size-lg {
+  width: 30rem;
+  left: -30rem;
+}
+.sparkle-sidebar.left.size-xl {
+  width: 45rem;
+  left: -45rem;
+}
+.sparkle-sidebar.left.show {
+  visibility: visible;
+  left: 0;
+}
+.sparkle-sidebar.right {
+  border-right: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1);
+}
+.sparkle-sidebar.right.size-sm {
+  width: 16rem;
+  right: -16rem;
+}
+.sparkle-sidebar.right.size-md {
+  width: 22.5rem;
+  right: -22.5rem;
+}
+.sparkle-sidebar.right.size-lg {
+  width: 30rem;
+  right: -30rem;
+}
+.sparkle-sidebar.right.size-xl {
+  width: 45rem;
+  right: -45rem;
+}
+.sparkle-sidebar.right.show {
+  visibility: visible;
+  right: 0;
+}
+.sparkle-sidebar .drawer-header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -ms-flex-line-pack: center;
+  align-content: center;
+  border-bottom: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-light-base), 1);
+  font-size: var(--sparkle-font-size-lg);
+  color: rgba(var(--sparkle-color-dark-base), 1);
+}
+.sparkle-sidebar .drawer-header .drawer-title {
+  line-height: 1;
+}
+.sparkle-sidebar .drawer-header .drawer-close .ks-button .button {
+  padding: var(--sparkle-spacing-size-none);
+}
+.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .button-text {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .icon {
+  font-size: var(--sparkle-font-size-md);
+}
+.sparkle-sidebar .drawer-body {
+  padding-top: var(--sparkle-spacing-size-lg);
+  padding-bottom: var(--sparkle-spacing-size-lg);
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/sparkle-lower-content-nav/sparkle-lower-content-nav.css

@@ -0,0 +1,8 @@
+lower-content-nav {
+    display: flex;
+    justify-content: space-between;
+}
+
+lower-content-nav > stencil-route-link {
+    display: inline-block;
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/table-of-contents/table-of-contents.css

@@ -0,0 +1,37 @@
+sparkle-table-of-contents {
+    display: block;
+    font-size: 13px;
+    margin-bottom: 2rem;
+  }
+  
+  sparkle-table-of-contents .Nav-header {
+    color: var(--text-color--lighter);
+    font-size: 0.75em;
+    font-weight: 800;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    padding-left: 0;
+  }
+  
+  sparkle-table-of-contents ul {
+    padding: 0;
+    list-style: none;
+    line-height: 1.23em;
+  }
+  
+  sparkle-table-of-contents .Nav-link {
+    padding-left: 0;
+    margin-left: 0;
+  }
+  
+  sparkle-table-of-contents a {
+    color: inherit;
+    display: inline-block;
+    transition: .2s color, .3s transform ease-out;
+  }
+  
+  sparkle-table-of-contents .Nav-link.selected a {
+    color: var(--accent-color);
+    transform: translateX(2px);
+  }
+  

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/tabs/tabs.css

@@ -0,0 +1,64 @@
+.Tabs,
+.Tabs-tab {
+  display: block;
+}
+
+.Tabs-tab:not([selected]) {
+  display: none;
+}
+
+.Tabs-header {
+  border-bottom: solid 1px rgba(0, 32, 88, 0.1);
+  white-space: nowrap;
+}
+
+.Tabs-button {
+  --bg-alpha: 0;
+  appearance: none;
+  background-color: rgba(0, 0, 0, var(--bg-alpha));
+  border: none;
+  color: var(--text-color--light);
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  padding: 1rem;
+  text-transform: uppercase;
+  transform: translateY(1px);
+}
+
+.Tabs-button:first-child {
+  border-top-left-radius: 6px;
+}
+
+.Tabs-button:last-child {
+  border-top-right-radius: 6px;
+}
+
+.Tabs-button:focus {
+  outline: none;
+}
+
+.Tabs-button:focus {
+  --bg-alpha: 0.015;
+}
+
+@media (hover: hover) {
+  .Tabs-button:hover {
+    --bg-alpha: 0.015;
+  }
+}
+
+.Tabs-button:active {
+  --bg-alpha: 0.03;
+}
+
+.Tabs-button.is-selected {
+  border-bottom: solid 1px currentColor;
+  color: var(--accent-color);
+}
+
+.Tabs-tab sparkle-code pre {
+  margin-top: 0;
+}

package/dist/sparkle-core/{p-0fa3fd63.entry.js → p-11a6c175.entry.js}

@@ -1 +1 @@
-import{r as e,h as o,H as t,e as n}from"./p-ee1e0eb4.js";import{C as a}from"./p-e8073714.js";const r=class{constructor(o){e(this,o),this.language="",this.showCopyConfirmation=!1}copyCodeText(){this.showCopyConfirmation=!0;const e=this.el.querySelector("code"),o=e&&e.textContent||"",t=document.createElement("textarea");t.value=o,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t),setTimeout((()=>{this.showCopyConfirmation=!1}),2e3)}render(){return o(t,null,["shell","bash","sh"].includes(this.language)?"":o("div",{class:{"code-text__copy":!0,"show-confirmation":this.showCopyConfirmation}},o("a",{class:"code-text__copy-link",onClick:this.copyCodeText.bind(this)},"Copy"),o("span",{class:"code-text__copy-confirmation"},a({height:"26px",width:"26px"}),"Copied")))}get el(){return n(this)}};r.style='code[class*="language-"],pre[class*="language-"]{color:#4d4d4c;background:none;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"],:not(pre)>code[class*="language-"]{background:hsl(30, 20%, 25%)}pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto;border:.3em solid hsl(30, 20%, 40%);border-radius:.5em;box-shadow:1px 1px .5em black inset}:not(pre)>code[class*="language-"]{padding:.15em .2em .05em;border-radius:.3em;border:.13em solid hsl(30, 20%, 40%);box-shadow:1px 1px .3em -.1em black inset;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8c9296}.token.punctuation{opacity:.7}.namespace{opacity:.7}.token.tag{color:#91c5ff}.token.tag .token.tag{color:#2b90ff}.token.property,.token.attr-name,.token.boolean,.token.number,.token.constant,.token.symbol{color:#8454ff}.token.selector,.token.char,.token.function,.token.builtin,.token.inserted{color:#ff6810}.token.operator,.token.string,.token.entity,.token.url,.token.attr-value,.language-css .token.string,.style .token.string,.token.variable{color:#42b983}.token.atrule{color:#ffbb01}.token.regex,.token.keyword,.token.important{color:#f55073}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{color:red}sparkle-code[language="shell"]>pre{background-color:var(--text-color--dark);border-radius:7px}sparkle-code[language="shell"]:before{display:none}sparkle-code[language="shell"] code{color:rgba(255, 255, 255, 0.7);font-size:13px}sparkle-code[language="shell"] .token{color:inherit}sparkle-code[language="shell"] .token.prompt{color:#fb96f9;user-select:none}sparkle-code[language="shell"] .token.comment{color:rgba(255, 255, 255, 0.45)}sparkle-code{display:block;position:relative}sparkle-code:before{color:#bdc5d1;content:attr(language);font-family:var(--code-font-family);font-size:10px;letter-spacing:0.05em;line-height:1;padding:0.75em;position:absolute;right:0;text-transform:uppercase;top:0}sparkle-code[language="shell"] pre{white-space:pre-wrap}.code-text__copy{position:absolute;right:0;top:-1.6rem;height:20px}.code-text__copy-link,.code-text__copy-confirmation{padding:4px 5px;font-size:12px;line-height:12px;font-weight:600;position:absolute;right:0;top:0}.code-text__copy-link{transition:0.2s transform ,\r\n    0.2s opacity,\r\n    0.2s color;color:#70A4FF;background-color:#E0EEFF;border-radius:4px;display:inline-block;cursor:pointer;opacity:1;transform:translate3d(0,0,0);z-index:5}.code-text__copy-link:hover{color:var(--blue)}.code-text__copy-confirmation{transition:0.2s transform ,\r\n    0.2s opacity;color:#0ec254;opacity:0;transform:translate3d(0,5px,0);z-index:1;display:flex;align-items:center;height:20px;padding:0}.code-text__copy-confirmation svg{fill:#0ec254;margin-right:-4px}.show-confirmation .code-text__copy-link{opacity:0;transform:translate3d(0,-5px,0);pointer-events:none}.show-confirmation .code-text__copy-confirmation{opacity:1;transform:translate3d(0,0,0)}';export{r as sparkle_code}
+import{r as e,h as o,H as t,e as n}from"./p-ee1e0eb4.js";import{C as a}from"./p-cabe9139.js";const r=class{constructor(o){e(this,o),this.language="",this.showCopyConfirmation=!1}copyCodeText(){this.showCopyConfirmation=!0;const e=this.el.querySelector("code"),o=e&&e.textContent||"",t=document.createElement("textarea");t.value=o,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t),setTimeout((()=>{this.showCopyConfirmation=!1}),2e3)}render(){return o(t,null,["shell","bash","sh"].includes(this.language)?"":o("div",{class:{"code-text__copy":!0,"show-confirmation":this.showCopyConfirmation}},o("a",{class:"code-text__copy-link",onClick:this.copyCodeText.bind(this)},"Copy"),o("span",{class:"code-text__copy-confirmation"},a({height:"26px",width:"26px"}),"Copied")))}get el(){return n(this)}};r.style='code[class*="language-"],pre[class*="language-"]{color:#4d4d4c;background:none;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"],:not(pre)>code[class*="language-"]{background:hsl(30, 20%, 25%)}pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto;border:.3em solid hsl(30, 20%, 40%);border-radius:.5em;box-shadow:1px 1px .5em black inset}:not(pre)>code[class*="language-"]{padding:.15em .2em .05em;border-radius:.3em;border:.13em solid hsl(30, 20%, 40%);box-shadow:1px 1px .3em -.1em black inset;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8c9296}.token.punctuation{opacity:.7}.namespace{opacity:.7}.token.tag{color:#91c5ff}.token.tag .token.tag{color:#2b90ff}.token.property,.token.attr-name,.token.boolean,.token.number,.token.constant,.token.symbol{color:#8454ff}.token.selector,.token.char,.token.function,.token.builtin,.token.inserted{color:#ff6810}.token.operator,.token.string,.token.entity,.token.url,.token.attr-value,.language-css .token.string,.style .token.string,.token.variable{color:#42b983}.token.atrule{color:#ffbb01}.token.regex,.token.keyword,.token.important{color:#f55073}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{color:red}sparkle-code[language="shell"]>pre{background-color:var(--text-color--dark);border-radius:7px}sparkle-code[language="shell"]:before{display:none}sparkle-code[language="shell"] code{color:rgba(255, 255, 255, 0.7);font-size:13px}sparkle-code[language="shell"] .token{color:inherit}sparkle-code[language="shell"] .token.prompt{color:#fb96f9;user-select:none}sparkle-code[language="shell"] .token.comment{color:rgba(255, 255, 255, 0.45)}sparkle-code{display:block;position:relative}sparkle-code:before{color:#bdc5d1;content:attr(language);font-family:var(--code-font-family);font-size:10px;letter-spacing:0.05em;line-height:1;padding:0.75em;position:absolute;right:0;text-transform:uppercase;top:0}sparkle-code[language="shell"] pre{white-space:pre-wrap}.code-text__copy{position:absolute;right:0;top:-1.6rem;height:20px}.code-text__copy-link,.code-text__copy-confirmation{padding:4px 5px;font-size:12px;line-height:12px;font-weight:600;position:absolute;right:0;top:0}.code-text__copy-link{transition:0.2s transform ,\r\n    0.2s opacity,\r\n    0.2s color;color:#70A4FF;background-color:#E0EEFF;border-radius:4px;display:inline-block;cursor:pointer;opacity:1;transform:translate3d(0,0,0);z-index:5}.code-text__copy-link:hover{color:var(--blue)}.code-text__copy-confirmation{transition:0.2s transform ,\r\n    0.2s opacity;color:#0ec254;opacity:0;transform:translate3d(0,5px,0);z-index:1;display:flex;align-items:center;height:20px;padding:0}.code-text__copy-confirmation svg{fill:#0ec254;margin-right:-4px}.show-confirmation .code-text__copy-link{opacity:0;transform:translate3d(0,-5px,0);pointer-events:none}.show-confirmation .code-text__copy-confirmation{opacity:1;transform:translate3d(0,0,0)}';export{r as sparkle_code}

package/dist/sparkle-core/{p-a102341e.entry.js → p-957715c5.entry.js}

@@ -1 +1 @@
-import{r as s,h as e,e as l,H as t}from"./p-ee1e0eb4.js";import{D as a}from"./p-e8073714.js";const i=class{constructor(e){s(this,e),this.isOpen=!0}hostData(){return{class:"sparkle-menu-collapsible--status-open",role:"button",tabindex:"0","aria-label":"Collapsible Menu"}}toggle(){this.isOpen=!this.isOpen,r(this.el,"sparkle-menu-collapsible--status-"),this.el.classList.add("sparkle-menu-collapsible--status-"+(this.isOpen?"open":"closed"))}__stencil_render(){return[e("a",{onClick:()=>this.toggle(),class:"sparkle-menu-collapsible__title"},this.heading,e(a,null)),e("div",{class:"sparkle-menu-collapsible__contents"},e("slot",null))]}get el(){return l(this)}render(){return e(t,this.hostData(),this.__stencil_render())}},r=(s,e)=>{s.classList.forEach((l=>{l.startsWith(e)&&s.classList.remove(l)}))};i.style="collapsible{}";export{i as sparkle_menu_collapsible}
+import{r as s,h as e,e as l,H as t}from"./p-ee1e0eb4.js";import{D as a}from"./p-cabe9139.js";const i=class{constructor(e){s(this,e),this.isOpen=!0}hostData(){return{class:"sparkle-menu-collapsible--status-open",role:"button",tabindex:"0","aria-label":"Collapsible Menu"}}toggle(){this.isOpen=!this.isOpen,r(this.el,"sparkle-menu-collapsible--status-"),this.el.classList.add("sparkle-menu-collapsible--status-"+(this.isOpen?"open":"closed"))}__stencil_render(){return[e("a",{onClick:()=>this.toggle(),class:"sparkle-menu-collapsible__title"},this.heading,e(a,null)),e("div",{class:"sparkle-menu-collapsible__contents"},e("slot",null))]}get el(){return l(this)}render(){return e(t,this.hostData(),this.__stencil_render())}},r=(s,e)=>{s.classList.forEach((l=>{l.startsWith(e)&&s.classList.remove(l)}))};i.style="collapsible{}";export{i as sparkle_menu_collapsible}