building refs/heads/CORE-2004-migrate-navbar-components/798975bb30d6e79dc13bfed14cd9992be9adf96b

Author: staxly

refs/heads/CORE-2004-migrate-navbar-components/798975bb30d6e79dc13bfed14cd9992be9adf96b/assets/Banner.stories.062a9cef.js

@@ -0,0 +1,56 @@
+import{a as r,s as o,j as d,R as m}from"./index.3a226cb8.js";import{H as c}from"./Html.e7f2b534.js";import{B as g}from"./Button.86250b23.js";import{c as i}from"./theme.469067e1.js";import"./buttons.b5734944.js";import"./palette.5e342580.js";const h=e=>r("svg",{width:"15px",height:"15px",viewBox:"0 0 15 15",version:"1.1",...e,children:r("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:r("g",{transform:"translate(-302.000000, -18.000000)",fill:"currentColor",children:r("g",{transform:"translate(302.000000, 18.000000)",children:r("path",{d:"M7.5,5.41522791 L12.0331524,0.579865364 C12.3077536,0.286957429 12.7165503,0.24816296 12.946282,0.493210121 L13.9861449,1.60239723 C14.2158766,1.84744439 14.1795068,2.28349422 13.9049056,2.57640216 L9.37175324,7.41176471 L13.9049056,12.2471273 C14.1795068,12.5400352 14.2158766,12.976085 13.9861449,13.2211322 L12.946282,14.3303193 C12.7165503,14.5753665 12.3077536,14.536572 12.0331524,14.243664 L7.5,9.4083015 L2.96684761,14.243664 C2.69224642,14.536572 2.2834497,14.5753665 2.05371799,14.3303193 L1.01385508,13.2211322 C0.784123363,12.976085 0.820493178,12.5400352 1.09509437,12.2471273 L5.62824676,7.41176471 L1.09509437,2.57640216 C0.820493178,2.28349422 0.784123363,1.84744439 1.01385508,1.60239723 L2.05371799,0.493210121 C2.2834497,0.24816296 2.69224642,0.286957429 2.96684761,0.579865364 L7.5,5.41522791 Z"})})})})}),u=o.span`
+  font-weight: bold;
+  text-transform: uppercase;
+`,v=o.div`
+  position: relative;
+  background: ${({severity:e})=>e==="error"?"#F8E8EA":"#fff5e0"};
+  color: ${({severity:e})=>e==="error"?i.palette.darkRed:"#976502"};
+  border: ${({severity:e})=>e==="error"?`1px solid ${i.palette.lightRed}`:"1px solid #fdbd3e"};
+  padding: .6rem 1.6rem;
+  margin: 0 0 1.6rem 0;
+  line-height: 2rem;
+  display: flex;
+  align-items: center;
+
+  a {
+    text-decoration: none;
+    color: ${i.palette.mediumBlue};
+  
+    &:hover {
+      text-decoration: underline;
+      color: ${i.link.hover}
+    }
+  }
+
+  .button-link {
+    font-size: 1.6rem;
+  }
+`,f=o(g)`
+  color: ${({severity:e})=>e==="error"?i.palette.darkRed:"#976502"};
+  overflow: visible;
+  background: none;
+	border: none;
+	padding: 0;
+	font: inherit;
+	cursor: pointer;
+	outline: inherit;
+  box-shadow: none;
+  margin-left: 2.4rem;
+
+  &:not([disabled]):hover,
+  &:not([disabled]):active {
+    background: none;
+  }
+`,s=e=>{const n=e.messages.length;return d(v,{severity:e.severity,children:[d("div",{children:[e.severity!=="error"?r(u,{children:e.severity==="note"?"Note: ":"Warning: "}):null,e.messages.map((a,l)=>r(c,{block:n>1,children:n>1?`[${l+1} of ${n}]: ${a}`:a},l))]}),e.onDismiss?r(f,{severity:e.severity,onClick:e.onDismiss,"aria-label":"dismiss",children:r(h,{"aria-hidden":"true",focusable:"false"})}):null]})},t=o.div`
+  font-size: 1.2rem;
+  position: relative;
+  padding-right: 2.5rem;
+  width: 42rem;
+
+  svg {
+    position: absolute;
+    top: 1.7rem;
+    right: 1rem;
+    cursor: pointer;
+  }
+`,L=()=>r(t,{children:r(s,{messages:["This is an error message"],severity:"error"})}),k=()=>r(t,{children:r(s,{messages:["This is a warning message"],severity:"warning"})}),$=()=>r(t,{children:r(s,{messages:["This is a note message"],severity:"note"})}),B=()=>r(t,{children:r(s,{messages:["First message","Second message","Third message"],severity:"warning"})}),R=()=>{const[e,n]=m.useState(!0);return e?r(t,{children:r(s,{messages:["This is a dismissible warning message"],severity:"warning",onDismiss:()=>n(!1)})}):null};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{R as Dismissible,L as Error,B as MultipleMessages,$ as Note,k as Warning};

refs/heads/CORE-2004-migrate-navbar-components/798975bb30d6e79dc13bfed14cd9992be9adf96b/assets/BodyPortal.f7594cfd.js

@@ -0,0 +1,46 @@
+import{s as u,R as w,j as s,a as t,F as S}from"./index.3a226cb8.js";import{p as g}from"./palette.5e342580.js";import{L as b,R as x}from"./RightArrow.2960f332.js";import{T as A}from"./index.3db718af.js";import"./useFocusRing.module.648da32b.js";import"./useButton.module.5a084dc9.js";import"./Collection.module.450b9b5f.js";import"./context.module.42a0635d.js";import"./useToggleState.module.a7bce602.js";import"./theme.469067e1.js";import"./Tabs.a1ffa99e.js";import"./useHasTabbableChild.module.7902fe76.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/heads/CORE-2004-migrate-navbar-components/798975bb30d6e79dc13bfed14cd9992be9adf96b/assets/Button.49f68653.css

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