building refs/tags/1.18.5-dev1/139d3dfa794e977809568abc75edeeed348c1bc1

Author: staxly

refs/tags/1.18.5-dev1/139d3dfa794e977809568abc75edeeed348c1bc1/assets/BodyPortal.41531336.js

@@ -0,0 +1,54 @@
+import{C as i,s as n,a}from"./index.040b9f37.js";import{t as r}from"./theme.08015d47.js";import{a as m}from"./buttons.5945cec0.js";const s=i`
+  ${t=>m(t.variant||"primary")}
+
+  font-size: 1.6rem;
+  line-height: 2rem;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: 4rem;
+  padding: 0 3rem;
+  border: 0;
+  border-radius: 0.5rem;
+  box-shadow: 0px 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
+  transition: all 0.2s ease-in-out;
+  text-decoration: none;
+  user-select: none;
+  white-space: nowrap;
+
+  &:not([disabled]) {
+    cursor: pointer;
+  }
+  &:disabled {
+    opacity: 0.4;
+  }
+
+  & + & {
+    margin-left: 1.6rem;
+  }
+`,x=n(t=>{const{disabled:o,isWaiting:e,waitingText:l,children:c,variant:p,...d}=t;return a("button",{...d,disabled:e||o,children:e&&l||c})})`
+  ${s}
+`,y=n(({variant:t,...o})=>a("a",{...o,children:o.children}))`
+  ${s}
+`,u=i`
+  color: ${r.colors.link.color};
+  cursor: pointer;
+  text-decoration: none;
+
+  :hover,
+  :focus {
+    text-decoration: underline;
+    color: ${r.colors.link.hover};
+  }
+`,h=n.button`
+  cursor: pointer;
+  border: none;
+  margin: 0;
+  padding: 0;
+  background: none;
+`,k=n(h)`
+  ${u}
+`;export{x as B,y as L,k as a};

refs/tags/1.18.5-dev1/139d3dfa794e977809568abc75edeeed348c1bc1/assets/Button.fef2c1e4.js

@@ -0,0 +1,46 @@
+import{s as u,R as w,j as s,a as t,F as S}from"./index.040b9f37.js";import{p as g}from"./palette.15e4d008.js";import{L as b,R as x}from"./RightArrow.c1549e4a.js";import{T as A}from"./index.243eee13.js";import"./useFocusRing.module.70f6d498.js";import"./useButton.module.ef125a5e.js";import"./Collection.module.e463db19.js";import"./context.module.ac019fcc.js";import"./useToggleState.module.acb24f4e.js";import"./theme.08015d47.js";import"./Tabs.06ca7db5.js";import"./useHasTabbableChild.module.70afc5b4.js";const C=u.div`
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 0 4rem;
+  max-width: fit-content;
+`,k=u.div`
+  display: flex;
+  position: inherit;
+  overflow-x: auto;
+  width: auto;
+  transition: transform 0.3s ease-in-out;
+`,I=u.div`
+  flex: 0 0 auto;
+  &:not(:last-child) {
+    margin-right: 0.8rem;
+  }
+`,v=u.button`
+  position: absolute;
+  top: 50%;
+  width: 2.8rem;
+  height: 100%;
+  transform: translateY(-50%);
+  border: transparent;
+  background: transparent;
+  cursor: ${({disabled:n})=>n?"not-allowed":"pointer"};
+  opacity: ${({disabled:n})=>n?.5:1};
+
+  &:hover {
+    border: 0.1rem solid ${g.pale};
+  }
+
+  svg {
+    position: relative;
+    margin-top: 0.5rem;
+  }
+
+  &.left-arrow {
+    left: -3rem;
+  }
+
+  &.right-arrow {
+    right: -3rem;
+  }
+`,f=({children:n,handlePrevArrow:e,handleNextArrow:i,isPrevArrowDisabled:a=!1,isNextArrowDisabled:c=!1})=>{const d=w.useRef(null);return s(C,{children:[t(v,{onClick:e,className:"left-arrow","aria-label":"move to previous item",disabled:a,children:t(b,{width:14,height:14})}),t(k,{ref:d,children:n.map((h,m)=>t(I,{children:h},`section-group-${m+1}`))}),t(v,{onClick:i,className:"right-arrow","aria-label":"move to next item",disabled:c,children:t(x,{width:14,height:14})})]})},E=()=>{const[n,e]=w.useState(0),i=[t("button",{onClick:()=>e(0),children:"Slide 1"},"1"),t("button",{onClick:()=>e(1),children:"Slide 2"},"2"),t("button",{onClick:()=>e(2),children:"Slide 3"},"3"),t("button",{onClick:()=>e(3),children:"Slide 4"},"4"),t("button",{onClick:()=>e(4),children:"Slide 5"},"5"),t("button",{onClick:()=>e(5),children:"Slide 6"},"6"),t("button",{onClick:()=>e(6),children:"Slide 7"},"7"),t("button",{onClick:()=>e(7),children:"Slide 8"},"8")];return s(S,{children:[t(f,{handlePrevArrow:()=>{e(d=>Math.max(d-1,0))},handleNextArrow:()=>{e(d=>Math.min(d+1,i.length-1))},isPrevArrowDisabled:n===0,isNextArrowDisabled:n===i.length-1,children:[i]}),s("span",{children:["Selected section: ",n+1]})]})},F=()=>{const n=[[{id:"Section1.1",value:"1.1"},{id:"Section1.2",value:"1.2"}],[{id:"Section2.0",value:"2.0"},{id:"Section2.1",value:"2.1"},{id:"Section2.2",value:"2.2"},{id:"Section2.3",value:"2.3"},{id:"Section2.4",value:"2.4"},{id:"Section2.5",value:"2.5"}],[{id:"Section3.0",value:"3.0"},{id:"Section3.1",value:"3.1"},{id:"Section3.2",value:"3.2"},{id:"Section3.3",value:"3.3"},{id:"Section3.4",value:"3.4"}]],e=n.flat(),[i,a]=w.useState(e?e[0].id:""),c=l=>{const o=document.querySelector(`[data-button-id="${l}"]`);o&&o.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})},d=()=>{a(l=>{const o=e.findIndex(p=>p.id===l);let r=l;return o>0&&(r=e[o-1].id,c(r)),r})},h=()=>{a(l=>{const o=e.findIndex(p=>p.id===l);let r=l;return o<e.length-1&&(r=e[o+1].id,c(r)),r})},m=n.map((l,o)=>t(A,{selectedItems:new Set([i]),onSelectionChange:r=>a(r.size?[...r][0]:""),items:l},`section-${o+1}`));return s(S,{children:[t(f,{handlePrevArrow:d,handleNextArrow:h,isPrevArrowDisabled:i===e[0].id||i.length===0,isNextArrowDisabled:i===e[e.length-1].id||i.length===0,children:m}),s("p",{children:["Current selected: ",i]})]})};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{E as Default,F as WithToggleButtonGroups};

refs/tags/1.18.5-dev1/139d3dfa794e977809568abc75edeeed348c1bc1/assets/Button.module.df0878e7.js

@@ -0,0 +1,5 @@
+import{c as r,a as i}from"./sharedCheckboxStyles.87ac1d73.js";import{s as t,j as p,a as x}from"./index.040b9f37.js";const n=t.label`
+  ${r}
+`,y=t.input`
+  ${i}
+`,m=({children:c,disabled:e,variant:s="primary",bold:o=!1,size:a=1.6,labelProps:l,...b})=>p(n,{bold:o,variant:s,isDisabled:e,...l,children:[x(y,{...b,type:"checkbox",variant:s,checkboxSize:a,isDisabled:e}),c]});export{m as C};

refs/tags/1.18.5-dev1/139d3dfa794e977809568abc75edeeed348c1bc1/assets/Button.stories.f5beba48.js

@@ -0,0 +1,9 @@
+import{s as l,j as r,F as c,a as i}from"./index.040b9f37.js";import{C as d}from"./Checkbox.bc3de784.js";import"./sharedCheckboxStyles.87ac1d73.js";import"./theme.08015d47.js";import"./palette.15e4d008.js";const n=l.div`
+  text-transform: capitalize;
+  & + & {
+    margin-top: 3.2rem;
+  }
+  > * + * {
+    margin-top: 0.5rem;
+  }
+`,e=(o,t)=>r(n,{children:[r("h2",{children:["Size ",t]}),i(d,{size:t,variant:o,children:"Checkbox label"}),i(d,{size:t,variant:o,defaultChecked:!0,children:"Checkbox label"}),i(d,{size:t,variant:o,defaultChecked:!0,bold:!0,children:"Checkbox label"})]}),u=()=>r(c,{children:[e("primary",1.4),e("primary",1.6),e("primary",1.8),e("primary",2)]}),b=()=>r(c,{children:[e("light",1.4),e("light",1.6),e("light",1.8),e("light",2)]});typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{b as Light,u as Primary};