sate-lib 2.19.0 → 2.21.0

package/lib/components/search-input/search-input.d.ts

@@ -11,8 +11,8 @@ interface SearchInputProps {
     variant?: Variant;
     inputSize?: Size;
     info?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onValueChange?: (value: string) => void;
 }
-export declare function SearchInput({ autoComplete, placeholder, variant, inputSize, name, onChange, supportingText, disabled, className, defaultValue, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInput({ autoComplete, placeholder, variant, inputSize, name, onValueChange, supportingText, disabled, className, defaultValue, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=search-input.d.ts.map

package/lib/components/search-input/search-input.d.ts.map

@@ -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,2CA2ElB"}
+{"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,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,WAAW,CAAC,EAC3B,YAAoB,EACpB,WAAsB,EACtB,OAAoB,EACpB,SAAmB,EACnB,IAAI,EACJ,aAAa,EACb,cAAc,EACd,QAAQ,EACR,SAAS,EACT,YAAY,GACZ,EAAE,gBAAgB,2CA4ElB"}

package/lib/components/search-input/search-input.js

@@ -1 +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};
+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,onValueChange: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=>{let a=e.target.value;x(a),f?.(a)},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(""),f?.("")},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};

package/lib/index.d.ts

@@ -7,8 +7,6 @@ export { Drawer, DrawerGallery, DrawerMenu } from "./components/drawer/index";
 export { FilterChipGroup } from "./components/filter-chip/filter-chip";
 export { Logo } from "./components/logo/logo";
 export { MapMarker } from "./components/map-marker/map-marker";
-export type { MenuItemProps } from "./components/menu-item/menu-item";
-export { MenuItem } from "./components/menu-item/menu-item";
 export { Notification } from "./components/notification/notification";
 export { ProgressIndicator } from "./components/progress-indicator/progress-indicator";
 export { SearchInput } from "./components/search-input/search-input";

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,YAAY,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kEAAkE,CAAC;AACrG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gEAAgE,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kEAAkE,CAAC;AACrG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gEAAgE,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC"}

package/lib/index.js

@@ -1 +1 @@
-import{Avatar as o}from"./components/avatar/avatar.js";import{Badge as t}from"./components/badge/badge.js";import{Button as e}from"./components/button/button.js";import{ButtonIcon as r}from"./components/button/button-icon.js";import{ButtonLink as n}from"./components/button/button-link.js";import{Drawer as m,DrawerGallery as s,DrawerMenu as i}from"./components/drawer/index.js";import{FilterChipGroup as p}from"./components/filter-chip/filter-chip.js";import{Logo as a}from"./components/logo/logo.js";import{MapMarker as f}from"./components/map-marker/map-marker.js";import{MenuItem as c}from"./components/menu-item/menu-item.js";import{Notification as l}from"./components/notification/notification.js";import{ProgressIndicator as d}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as j}from"./components/search-input/search-input.js";import{SegmentedControl as x}from"./components/segmented-control/segmented-control.js";import{Skeleton as u}from"./components/skeleton/skeleton.js";import{Tabs as g}from"./components/tabs/tabs.js";import{TextArea as b}from"./components/text-fields/text-area/text-area.js";import{TextField as h}from"./components/text-fields/text-field/text-field.js";import{TextFieldPassword as k}from"./components/text-fields/text-field-password/text-field-password.js";import{TextFieldProfile as w}from"./components/text-fields/text-field-profile/text-field-profile.js";import{Typography as y}from"./components/typography/typography.js";export{o as Avatar,t as Badge,e as Button,r as ButtonIcon,n as ButtonLink,m as Drawer,s as DrawerGallery,i as DrawerMenu,p as FilterChipGroup,a as Logo,f as MapMarker,c as MenuItem,l as Notification,d as ProgressIndicator,j as SearchInput,x as SegmentedControl,u as Skeleton,g as Tabs,b as TextArea,h as TextField,k as TextFieldPassword,w as TextFieldProfile,y as Typography};
+import{Avatar as o}from"./components/avatar/avatar.js";import{Badge as t}from"./components/badge/badge.js";import{Button as e}from"./components/button/button.js";import{ButtonIcon as r}from"./components/button/button-icon.js";import{ButtonLink as n}from"./components/button/button-link.js";import{Drawer as m,DrawerGallery as s,DrawerMenu as p}from"./components/drawer/index.js";import{FilterChipGroup as i}from"./components/filter-chip/filter-chip.js";import{Logo as a}from"./components/logo/logo.js";import{MapMarker as f}from"./components/map-marker/map-marker.js";import{Notification as c}from"./components/notification/notification.js";import{ProgressIndicator as l}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as d}from"./components/search-input/search-input.js";import{SegmentedControl as j}from"./components/segmented-control/segmented-control.js";import{Skeleton as x}from"./components/skeleton/skeleton.js";import{Tabs as g}from"./components/tabs/tabs.js";import{TextArea as u}from"./components/text-fields/text-area/text-area.js";import{TextField as b}from"./components/text-fields/text-field/text-field.js";import{TextFieldPassword as h}from"./components/text-fields/text-field-password/text-field-password.js";import{TextFieldProfile as k}from"./components/text-fields/text-field-profile/text-field-profile.js";import{Typography as w}from"./components/typography/typography.js";export{o as Avatar,t as Badge,e as Button,r as ButtonIcon,n as ButtonLink,m as Drawer,s as DrawerGallery,p as DrawerMenu,i as FilterChipGroup,a as Logo,f as MapMarker,c as Notification,l as ProgressIndicator,d as SearchInput,j as SegmentedControl,x as Skeleton,g as Tabs,u as TextArea,b as TextField,h as TextFieldPassword,k as TextFieldProfile,w as Typography};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sate-lib",
-	"version": "2.19.0",
+	"version": "2.21.0",
 	"type": "module",
 	"private": false,
 	"keywords": [
@@ -81,10 +81,6 @@
 			"import": "./lib/components/notification/notification.js",
 			"types": "./lib/components/notification/notification.d.ts"
 		},
-		"./menu-item": {
-			"import": "./lib/components/menu-item/menu-item.js",
-			"types": "./lib/components/menu-item/menu-item.d.ts"
-		},
 		"./avatar": {
 			"import": "./lib/components/avatar/avatar.js",
 			"types": "./lib/components/avatar/avatar.d.ts"

package/lib/components/menu-item/menu-item.d.ts

@@ -1,18 +0,0 @@
-import { type BadgeProps } from "../badge/badge";
-interface Prices {
-    label?: string;
-    value: number;
-}
-export interface MenuItemProps {
-    extra?: boolean;
-    special?: boolean;
-    photo?: boolean;
-    onClick?: () => void;
-    name: string;
-    description?: string;
-    tags?: BadgeProps[];
-    prices: Prices[];
-}
-export declare function MenuItem({ extra, special, photo, onClick, name, description, tags, prices, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=menu-item.d.ts.map

package/lib/components/menu-item/menu-item.d.ts.map

@@ -1 +0,0 @@
-{"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,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACxB,KAAK,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,MAAM,GACN,EAAE,aAAa,2CAmDf"}

package/lib/components/menu-item/menu-item.js

@@ -1 +0,0 @@
-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:t,photo:m,onClick:d,name:o,description:p,tags:u,prices:h}){return a(m?"button":"div",{...m?{onClick:d,type:"button"}:{},className:s(l.root,t&&l.special,n&&l.extra,m&&l.photo),children:[a("div",{className:l.content,children:[m&&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:o})]}),u&&e("div",{className:l.tags,children:u?.map((a,s)=>e(i,{...a},`tag-${a.label??a.icon??s}-${s}`))}),e("span",{className:l.dots})]}),e("div",{className:s("bodySmall",l.description),children:p})]}),e("div",{className:l.prices,children:h?.map(({label:i,value:r},t)=>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}-${t}`))})]})}export{n as MenuItem};

package/lib/components/menu-item/menu-item.styles.module.js

@@ -1 +0,0 @@
-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};

package/lib/components/menu-item/menu-item.styles_module.css

@@ -1 +0,0 @@
-.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-4,.25rem)var(--spacing-size-4,.25rem)var(--spacing-size-0,0);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)}}}.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,.75rem)var(--spacing-size-16,1rem);margin:var(--spacing-size-16,1rem)var(--spacing-size-4,.25rem);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}