sate-lib 2.3.0 → 2.5.0
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.
- package/lib/assets/styles/reset.css +1 -1
- package/lib/components/menu-item/menu-item.d.ts.map +1 -1
- package/lib/components/menu-item/menu-item.js +1 -1
- package/lib/components/menu-item/menu-item.styles.module.js +1 -1
- package/lib/components/menu-item/menu-item.styles_module.css +1 -1
- package/lib/components/search-input/search-input.d.ts.map +1 -1
- package/lib/components/search-input/search-input.js +1 -1
- package/lib/components/search-input/search-input.styles_module.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin;margin:0;padding:0}@supports (scrollbar-color:auto){*{scrollbar-color:#d0d0d0 #f9f9f6}}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Golos UI,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button{cursor:pointer;border-color:#0000}a{text-decoration:none}button,a{color:inherit;outline:none;transition:box-shadow .2s ease-in-out;&:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fff0),0 0 0 4px var(--color-content-primary,#202020)}}fieldset,input,textarea{border:0 #0000;outline:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{text-wrap:balance}
|
|
1
|
+
*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin;margin:0;padding:0}@supports (scrollbar-color:auto){*{scrollbar-color:#d0d0d0 #f9f9f6}}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Golos UI,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button{cursor:pointer;border-color:#0000}a{text-decoration:none}button,a{color:inherit;border-radius:var(--radius-radii-4);outline:none;transition:box-shadow .2s ease-in-out;&:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fff0),0 0 0 4px var(--color-content-primary,#202020)}}fieldset,input,textarea{border:0 #0000;outline:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{text-wrap:balance}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAWxD,UAAU,MAAM;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACxB,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,WAAW,EACX,MAAM,EACN,MAAM,GACN,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAWxD,UAAU,MAAM;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACxB,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,WAAW,EACX,MAAM,EACN,MAAM,GACN,EAAE,aAAa,2CAmDf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{cn as s}from"../../util.js";import{Badge as i}from"../badge/badge.js";import r from"../icons/assets/EyeFill.js";import l from"./menu-item.styles.module.js";function c(e){return new Intl.NumberFormat("en-GB",{currency:"GBP",style:"currency"}).format(e/100)}function n({extra:n,special:m,photo:d,name:t,description:o,badges:p,prices:
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{cn as s}from"../../util.js";import{Badge as i}from"../badge/badge.js";import r from"../icons/assets/EyeFill.js";import l from"./menu-item.styles.module.js";function c(e){return new Intl.NumberFormat("en-GB",{currency:"GBP",style:"currency"}).format(e/100)}function n({extra:n,special:m,photo:d,name:t,description:o,badges:p,prices:h}){return a("div",{className:s(l.root,m&&l.special,n&&l.extra,d&&l.photo),children:[a("div",{className:l.content,children:[d&&e("div",{className:l.icon,children:e(r,{size:12})}),a("div",{className:l.header,children:[a("div",{className:l.nameWrapper,children:[n&&e(i,{label:"Add",variant:"warning"}),e("div",{className:s("bodyDefaultEmphasis",l.name),children:t})]}),p&&e("div",{className:l.badges,children:p?.map((a,s)=>e(i,{...a},`badge-${a.label??a.icon??s}-${s}`))}),e("span",{className:l.dots})]}),e("div",{className:s("bodySmall",l.description),children:o})]}),e("div",{className:l.prices,children:h?.map(({label:i,value:r},m)=>a("div",{className:l.priceItem,children:[!n&&i&&e("span",{className:s("bodyDefault",l.priceLabel),children:i}),e("span",{className:s("bodyDefaultEmphasis",l.priceValue),children:n?`+${c(r)}`:c(r)})]},`price-${i??r}-${m}`))})]})}export{n as MenuItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./menu-item.styles_module.css";let e={icon:"icon-kXyR0s",root:"root-NJVW0G",content:"content-Uf0iNQ",header:"header-u15xam",nameWrapper:"nameWrapper-VFCc75",badges:"badges-dFGqqm",dots:"dots-HNeJes",description:"description-o3HdRB",prices:"prices-Tw4RPd",priceItem:"priceItem-DnKDL_",priceLabel:"priceLabel-vAqSq7",priceValue:"priceValue-zmDzqI",special:"special-kgUByS",active:"active-bKWozD"};export{e as default};
|
|
1
|
+
import"./menu-item.styles_module.css";let e={icon:"icon-kXyR0s",root:"root-NJVW0G",photo:"photo-bHqwl3",content:"content-Uf0iNQ",header:"header-u15xam",nameWrapper:"nameWrapper-VFCc75",badges:"badges-dFGqqm",dots:"dots-HNeJes",description:"description-o3HdRB",prices:"prices-Tw4RPd",priceItem:"priceItem-DnKDL_",priceLabel:"priceLabel-vAqSq7",priceValue:"priceValue-zmDzqI",special:"special-kgUByS",active:"active-bKWozD"};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.icon-kXyR0s{display:flex;position:absolute;top:.25rem;left:0;&:before{content:"";border-radius:50%;width:1.75rem;height:1.75rem;transition:background-color .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.root-NJVW0G{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-4,.25rem)var(--spacing-size-12,.75rem)var(--spacing-size-4,.25rem)var(--spacing-size-8,.5rem);
|
|
1
|
+
.icon-kXyR0s{display:flex;position:absolute;top:.25rem;left:0;&:before{content:"";border-radius:50%;width:1.75rem;height:1.75rem;transition:background-color .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.root-NJVW0G{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-4,.25rem)var(--spacing-size-12,.75rem)var(--spacing-size-4,.25rem)var(--spacing-size-8,.5rem);border-radius:.5rem;align-items:flex-start;transition:background-color .2s ease-in-out;display:flex;&:hover{& .icon-kXyR0s:before{background-color:rgb(from var(--color-background-screen-active)r g b/.04)}}}.photo-bHqwl3{cursor:pointer}.content-Uf0iNQ{flex:1;padding-left:1.25rem;position:relative}.header-u15xam{gap:var(--spacing-size-8,.5rem);align-items:center;display:flex}.nameWrapper-VFCc75{gap:var(--spacing-size-4,.25rem);align-items:center;display:flex}.badges-dFGqqm{gap:.125rem;display:flex}.dots-HNeJes{background-color:currentColor;flex-grow:1;align-self:flex-end;height:1px;margin-bottom:.38rem;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 21 1%27%3E%3Cpath stroke=%27%23fff%27 stroke-dasharray=%270.2 4%27 stroke-linecap=%27round%27 d=%27M.5.5h20%27/%3E%3C/svg%3E") 50%/auto 100% repeat-x}.description-o3HdRB{color:var(--color-content-secondary,#646464);text-wrap:pretty}.prices-Tw4RPd{flex-direction:column;display:flex}.priceItem-DnKDL_{justify-content:space-between;display:flex}.priceLabel-vAqSq7{color:var(--color-content-tertiary,gray);padding-right:.5rem}.priceValue-zmDzqI{color:var(--color-content-primary,#202020)}.special-kgUByS{padding:var(--spacing-size-12,12px)var(--spacing-size-16,16px);margin:var(--spacing-size-16,16px)var(--spacing-size-12,12px);border:1px solid rgb(from var(--color-border-overlay)r g b/.11);border-radius:var(--radius-radii-24,1.5rem);flex-direction:column;align-items:center;& .content-Uf0iNQ{gap:var(--spacing-size-8,.5rem);flex-direction:column;padding-left:0;display:flex}& .header-u15xam{gap:var(--spacing-size-4,.25rem);flex-direction:column}& .dots-HNeJes{display:none}& .description-o3HdRB{text-align:center}& .icon-kXyR0s{width:1.75rem;height:1.75rem;color:var(--color-content-primary,#202020);background:var(--color-background-screen,#fdfdf9);border-radius:var(--radius-radii-full,62.5rem);padding:.5rem;top:-13px;left:50%;transform:translate(-50%,-50%)}}.special-kgUByS.active-bKWozD .icon-kXyR0s{background:#ebebeb}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAQA,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAgB;IACzB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,wBAAgB,WAAW,CAAC,EAC3B,YAAoB,EACpB,WAAsB,EACtB,OAAoB,EACpB,SAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,SAAS,EACT,YAAY,GACZ,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAQA,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAgB;IACzB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,wBAAgB,WAAW,CAAC,EAC3B,YAAoB,EACpB,WAAsB,EACtB,OAAoB,EACpB,SAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,SAAS,EACT,YAAY,GACZ,EAAE,gBAAgB,2CA2ElB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t}from"react";import{cn as i}from"../../util.js";import{ButtonIcon as r}from"../button/button-icon.js";import s from"../icons/assets/Info.js";import l from"../icons/assets/MagnifyingGlass.js";import o from"../icons/assets/XCircleFill.js";import n from"./search-input.styles.module.js";function m({autoComplete:m="off",placeholder:c="Search",variant:d="outlined",inputSize:u="large",name:p,onChange:f,supportingText:h,disabled:b,className:g,defaultValue:v}){let[j,x]=t(v??""),y=(()=>{switch(u){case"small":return"bodyDefault";case"medium":case"large":return"bodyLarge";default:return""}})();return a("div",{className:i(n.root,n[u],y,b&&n.disabled,g),children:[a("div",{className:n.container,children:[e(l,{"aria-hidden":"true",className:n.leftIcon,size:"large"===u?24:"medium"===u?20:16}),e("input",{autoComplete:m,className:i(n.input,n[d]),disabled:b,name:p,onChange:e=>{x(e.target.value),f?.(e)},placeholder:c,type:"text",value:j}),e("div",{className:n.clearButton,"data-visible":j?"true":"false",children:e(r,{"aria-hidden":!j||void 0,"aria-label":"Clear search",disabled:!j||b,icon:e(o,{size:"small"===u?16:18}),onClick:()=>{x("")},size:"small"===u?"xSmall":"small",tabIndex:j?0:-1,variant:"text"})})]}),h&&a("div",{className:i("bodySmall",n.supportingText),children:[e(s,{"aria-hidden":"true",size:16}),h]})]})}export{m as SearchInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-HwKkFw{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-cV4bnv{display:flex;position:relative}.container-cV4bnv svg{color:var(--color-content-secondary,#646464)}.input-PxLark{all:unset;width:100%;color:var(--color-content-primary,#202020);outline-offset:-2px;border-radius:var(--radius-radii-14,.875rem);outline:2px solid #0000;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,outline .2s ease-in-out}.input-PxLark:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-PxLark::placeholder{color:var(--color-content-tertiary,gray)}.outlined-jAJzW6{background:var(--color-background-input-primary,#fff);box-shadow:inset 0 0 0 1px rgb(from var(--color-shadow-inner,#20202024)r g b/.14);&:hover{box-shadow:inset 0 0 0 1px rgb(from var(--color-interactive-secondary-hover,#00000073)r g b/.45)}}.filled-IQyZd1{background:rgb(from var(--color-background-input-secondary,#0000000a)r g b/.04);box-shadow:inset 0 0 1px 0 rgb(from var(--color-shadow-inner,#202020)r g b/.14)}.filled-IQyZd1:hover{background:rgb(from var(--color-background-neutral-hover,#00000014)r g b/.08)}.clearButton-BLjcG2{top:50%;right:var(--spacing-size-8,.5rem);opacity:0;transition:opacity .2s,transform .2s;display:flex;position:absolute;transform:translateY(-50%)scale(.8)}.clearButton-BLjcG2[data-visible=true]{pointer-events:auto;opacity:1;transform:translateY(-50%)scale(1)}.leftIcon-HWDNl3{top:50%;left:var(--spacing-size-8,.5rem);position:absolute;transform:translateY(-50%)}.supportingText-PZMuMX{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);display:flex}.disabled-w7X_A6{pointer-events:none;opacity:.38}.small-NbX064 .input-PxLark{height:2rem;padding:0 2.17rem 0 2rem}.small-NbX064 .clearButton-BLjcG2{right:var(--spacing-size-6,.375rem)}.medium-V98iUj .input-PxLark{height:2.5rem;padding:0 2.7rem 0 2.13rem}.large-kuCvxs .input-PxLark{height:3.5rem;padding:0 2.7rem 0 2.5rem}
|
|
1
|
+
.root-HwKkFw{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-cV4bnv{display:flex;position:relative}.container-cV4bnv svg{color:var(--color-content-secondary,#646464)}.input-PxLark{all:unset;width:100%;color:var(--color-content-primary,#202020);outline-offset:-2px;border-radius:var(--radius-radii-14,.875rem);outline:2px solid #0000;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,outline .2s ease-in-out}.input-PxLark:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-PxLark::placeholder{color:var(--color-content-tertiary,gray)}.outlined-jAJzW6{background:var(--color-background-input-primary,#fff);box-shadow:inset 0 0 0 1px rgb(from var(--color-shadow-inner,#20202024)r g b/.14);&:hover{box-shadow:inset 0 0 0 1px rgb(from var(--color-interactive-secondary-hover,#00000073)r g b/.45)}}.filled-IQyZd1{background:rgb(from var(--color-background-input-secondary,#0000000a)r g b/.04);box-shadow:inset 0 0 1px 0 rgb(from var(--color-shadow-inner,#202020)r g b/.14)}.filled-IQyZd1:hover{background:rgb(from var(--color-background-neutral-hover,#00000014)r g b/.08)}.clearButton-BLjcG2{top:50%;right:var(--spacing-size-8,.5rem);pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;display:flex;position:absolute;transform:translateY(-50%)scale(.8)}.clearButton-BLjcG2[data-visible=true]{pointer-events:auto;opacity:1;transform:translateY(-50%)scale(1)}.leftIcon-HWDNl3{top:50%;left:var(--spacing-size-8,.5rem);position:absolute;transform:translateY(-50%)}.supportingText-PZMuMX{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);display:flex}.disabled-w7X_A6{pointer-events:none;opacity:.38}.small-NbX064 .input-PxLark{height:2rem;padding:0 2.17rem 0 2rem}.small-NbX064 .clearButton-BLjcG2{right:var(--spacing-size-6,.375rem)}.medium-V98iUj .input-PxLark{height:2.5rem;padding:0 2.7rem 0 2.13rem}.large-kuCvxs .input-PxLark{height:3.5rem;padding:0 2.7rem 0 2.5rem}
|