sate-lib 1.60.2 → 1.62.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/README.md +1 -1
- package/lib/components/button/button.styles_module.css +1 -1
- package/lib/components/button-icon/button-icon.styles_module.css +1 -1
- package/lib/components/drawer/drawer-menu.d.ts.map +1 -1
- package/lib/components/drawer/drawer-menu.js +1 -1
- package/lib/components/drawer/drawer.styles_module.css +1 -1
- package/lib/components/filter-chip/filter-chip.styles_module.css +1 -1
- package/lib/components/menu-item/menu-item.d.ts +3 -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.styles_module.css +1 -1
- package/lib/components/segmented-control/segmented-control.styles_module.css +1 -1
- package/lib/components/tabs/tabs.styles_module.css +1 -1
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-dWV52U{cursor:pointer;border-radius:var(--radius-radii-12,.75rem);border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U:disabled,.button-dWV52U.loading-BHYlLw{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-FpNFjd .noise-pBMZ6I{z-index:-1;pointer-events:none;width:100%;min-width:170px;transition:opacity .2s;position:absolute;top:0;left:0}.filled-FpNFjd:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-FpNFjd:hover .noise-pBMZ6I,.filled-FpNFjd:active .noise-pBMZ6I{opacity:.9}.filled-FpNFjd:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-FpNFjd:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0;&:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background:0 0;&:hover,&:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.toned-yMdhhl{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);&:hover,&:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.lightOnContent-ZxiAH4{color:var(--color-fixed-content-on-light,#202020);background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#fffffff5)96%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffffe0)88%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.darkOnContent-gXMY2B{color:var(--color-fixed-content-on-dark,#fff);background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#000000bd)74%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#0000009e)62%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.small-uxUptY{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem);&:active{transform:scale(.92)}}.small-uxUptY.icon-EPzHvF{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-uxUptY.directionRight-kW0Joo{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem);&:active{transform:scale(.96)}}.medium-iwhjuP.icon-EPzHvF{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-iwhjuP.directionRight-kW0Joo{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);&:active{transform:scale(.96)}}.large-N1qL9e.icon-EPzHvF{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-N1qL9e.directionRight-kW0Joo{padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}
|
|
1
|
+
.button-dWV52U{cursor:pointer;border-radius:var(--radius-radii-12,.75rem);border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s ease-in-out,outline .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;display:inline-flex;position:relative;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U:disabled,.button-dWV52U.loading-BHYlLw{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-FpNFjd .noise-pBMZ6I{z-index:-1;pointer-events:none;width:100%;min-width:170px;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.filled-FpNFjd:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-FpNFjd:hover .noise-pBMZ6I,.filled-FpNFjd:active .noise-pBMZ6I{opacity:.9}.filled-FpNFjd:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-FpNFjd:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0;&:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background:0 0;&:hover,&:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.toned-yMdhhl{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);&:hover,&:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.lightOnContent-ZxiAH4{color:var(--color-fixed-content-on-light,#202020);background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#fffffff5)96%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffffe0)88%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.darkOnContent-gXMY2B{color:var(--color-fixed-content-on-dark,#fff);background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#000000bd)74%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#0000009e)62%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.small-uxUptY{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem);&:active{transform:scale(.92)}}.small-uxUptY.icon-EPzHvF{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-uxUptY.directionRight-kW0Joo{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem);&:active{transform:scale(.96)}}.medium-iwhjuP.icon-EPzHvF{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-iwhjuP.directionRight-kW0Joo{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);&:active{transform:scale(.96)}}.large-N1qL9e.icon-EPzHvF{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-N1qL9e.directionRight-kW0Joo{padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.buttonIcon-xdn0Wv{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:flex;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.buttonIcon-xdn0Wv:disabled{pointer-events:none;opacity:.38}.filled-bNljYh{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-bNljYh .noise-xiZTif{z-index:-1;pointer-events:none;width:100%;min-width:70px;transition:opacity .2s;position:absolute;top:0;left:0}.filled-bNljYh:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-bNljYh:hover .noise-xiZTif,.filled-bNljYh:active .noise-xiZTif{opacity:.9}.filled-bNljYh:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-bNljYh:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-jT9Zvh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0;&:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}}.text-xbDZpF{color:var(--color-interactive-primary,#646464);background:0 0;&:hover,&:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.toned-VQq8bx{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);&:hover,&:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.lightOnContent-ytpXja{color:var(--color-fixed-content-on-light,#202020);background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#fffffff5)96%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffffe0)88%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.darkOnContent-bmxX5b{color:var(--color-fixed-content-on-dark,#fff);background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#000000bd)74%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#0000009e)62%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.xSmall-HXQfX3{width:1.5rem;height:1.5rem;&:active{transform:scale(.92)}}.small-eQ8bwj{width:2rem;height:2rem;&:active{transform:scale(.92)}}.medium-YGml55{width:2.5rem;height:2.5rem;&:active{transform:scale(.96)}}
|
|
1
|
+
.buttonIcon-xdn0Wv{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s ease-in-out,outline .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.buttonIcon-xdn0Wv:disabled{pointer-events:none;opacity:.38}.filled-bNljYh{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-bNljYh .noise-xiZTif{z-index:-1;pointer-events:none;width:100%;min-width:70px;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.filled-bNljYh:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-bNljYh:hover .noise-xiZTif,.filled-bNljYh:active .noise-xiZTif{opacity:.9}.filled-bNljYh:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-bNljYh:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-jT9Zvh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0;&:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}}.text-xbDZpF{color:var(--color-interactive-primary,#646464);background:0 0;&:hover,&:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.toned-VQq8bx{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);&:hover,&:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.lightOnContent-ytpXja{color:var(--color-fixed-content-on-light,#202020);background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#fffffff5)96%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffffe0)88%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.darkOnContent-bmxX5b{color:var(--color-fixed-content-on-dark,#fff);background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#000000bd)74%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#0000009e)62%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.xSmall-HXQfX3{width:1.5rem;height:1.5rem;&:active{transform:scale(.92)}}.small-eQ8bwj{width:2rem;height:2rem;&:active{transform:scale(.92)}}.medium-YGml55{width:2.5rem;height:2.5rem;&:active{transform:scale(.96)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-menu.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-menu.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,WAAY,SAAQ,eAAe;CAAG;AAEvD,eAAO,MAAM,UAAU,GAAI,+CAMxB,WAAW,
|
|
1
|
+
{"version":3,"file":"drawer-menu.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-menu.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,WAAY,SAAQ,eAAe;CAAG;AAEvD,eAAO,MAAM,UAAU,GAAI,+CAMxB,WAAW,4CAqDb,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Portal as t}from"@radix-ui/react-portal";import{Activity as o,useEffect as a}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as n}from"../button-icon/button-icon.js";import l from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:s,title:c,className:h,children:p})=>{let{state:u,onClose:f,present:v}=d({onOpenChange:s,open:m});a(()=>{if("undefined"==typeof window)return;let e=window.matchMedia("(width <= 1024px)"),r=e=>{e.matches||f()};return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[f]);let w=[l.root,l.rootMenu,h].filter(Boolean).join(" ");return e(o,{mode:v?"visible":"hidden",children:r(t,{children:[e("div",{"aria-hidden":!0,className:l.overlay,"data-state":u,onClick:f}),e(i,{forwardProps:!0,children:r("div",{"aria-label":c,"aria-modal":"true",className:w,"data-state":u,role:"dialog",children:[e(n,{className:l.menuClose,icon:"X",onClick:f,size:"small",variant:"lightOnContent"}),e("div",{className:l.panel,children:p})]})})]})})};export{m as DrawerMenu};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.overlay-DaEAC4{z-index:100;pointer-events:none;opacity:0;will-change:opacity;background:#0006;transition:opacity .35s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.overlay-DaEAC4[data-state=open]{pointer-events:auto;opacity:1}.nested-pRD_ow{z-index:102}.panel-RaauhH{overflow-y:auto}.root-sf4EHo{--drawer-top-margin:6rem;z-index:102;max-height:calc(100% - var(--drawer-top-margin));margin-top:var(--drawer-top-margin);pointer-events:auto;touch-action:none;background:var(--color-background-screen,#fdfdf9);border-top-left-radius:var(--radius-radii-24,1.5rem);border-top-right-radius:var(--radius-radii-24,1.5rem);box-shadow:var(--box-shadow-5);will-change:transform;flex-direction:column;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.root-sf4EHo[data-state=open]{transform:translateY(0)}@media (width>=
|
|
1
|
+
.overlay-DaEAC4{z-index:100;pointer-events:none;opacity:0;will-change:opacity;background:#0006;transition:opacity .35s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.overlay-DaEAC4[data-state=open]{pointer-events:auto;opacity:1}.nested-pRD_ow{z-index:102}.panel-RaauhH{overflow-y:auto}.root-sf4EHo{--drawer-top-margin:6rem;z-index:102;max-height:calc(100% - var(--drawer-top-margin));margin-top:var(--drawer-top-margin);pointer-events:auto;touch-action:none;background:var(--color-background-screen,#fdfdf9);border-top-left-radius:var(--radius-radii-24,1.5rem);border-top-right-radius:var(--radius-radii-24,1.5rem);box-shadow:var(--box-shadow-5);will-change:transform;flex-direction:column;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.root-sf4EHo[data-state=open]{transform:translateY(0)}@media (width>=1024px){.root-sf4EHo{border-radius:var(--radius-radii-24,1.5rem);opacity:0;width:24.375rem;max-height:80vh;margin-top:0;transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .22s cubic-bezier(.32,.72,0,1);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.95)}.root-sf4EHo[data-state=open]{opacity:1;transform:translate(-50%,-50%)scale(1)}}.header-i2W6Rn{text-align:center;background:inherit;padding:.75rem;position:relative}.close-EWvEEO{z-index:102;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.title-U1rLfY{display:inline-block}@media (width>=1024px){.rootGallery-I7BGft{opacity:0;border-radius:0;width:100vw;height:100vh;max-height:none;margin-top:0;transition:opacity .35s cubic-bezier(.32,.72,0,1);inset:0;transform:none}.rootGallery-I7BGft[data-state=open]{opacity:1;transform:none}.rootGallery-I7BGft .header-i2W6Rn{background:0 0}.rootGallery-I7BGft .panel-RaauhH{max-width:1200px;margin:0 auto}}.rootMenu-x4puZm{border-radius:0;height:100%;max-height:100%;margin-top:0;overflow:hidden;transform:translate(100%)}.rootMenu-x4puZm[data-state=open]{transform:translate(0)}.menuClose-gTeWWP{z-index:102;position:absolute;top:.75rem;left:.75rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-uRpYCn{flex-wrap:wrap;gap:.5rem;display:flex}.item-jeQt6W{all:unset;color:var(--color-content-primary,#202020);cursor:pointer;user-select:none;outline-offset:-2px;border-radius:var(--radius-radii-full,62.5rem);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary)17%,transparent);justify-content:center;align-items:center;transition:transform .2s,outline .2s,border .2s,box-shadow .2s,background .2s;display:flex;transform:scale(1)}.item-jeQt6W:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-hover)45%,transparent)}.item-jeQt6W:active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-active)88%,transparent)}.item-jeQt6W:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary)17%,transparent),0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.item-jeQt6W:disabled{pointer-events:none;opacity:.38}.medium-BI_kmg{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-BI_kmg:active{transform:scale(.96)}.small-kECRMe{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-kECRMe:active{transform:scale(.96)}.medium-BI_kmg.hasIcon-TvpyCQ{padding-inline-start:var(--spacing-size-12,.75rem)}.small-kECRMe.hasIcon-TvpyCQ{padding-inline-start:var(--spacing-size-8,.5rem)}.selected-qNAROD{outline:2px solid color-mix(in srgb,var(--color-interactive-secondary-active)88%,transparent);background:color-mix(in srgb,var(--color-background-neutral)4%,transparent)}.selected-qNAROD:hover{background:color-mix(in srgb,var(--color-background-neutral-hover)8%,transparent)}.selected-qNAROD:active{background:color-mix(in srgb,var(--color-background-neutral-active)8%,transparent)}.selected-qNAROD:focus-visible{background:color-mix(in srgb,var(--color-background-neutral)4%,transparent)}
|
|
1
|
+
.root-uRpYCn{flex-wrap:wrap;gap:.5rem;display:flex}.item-jeQt6W{all:unset;color:var(--color-content-primary,#202020);cursor:pointer;user-select:none;outline-offset:-2px;border-radius:var(--radius-radii-full,62.5rem);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary)17%,transparent);justify-content:center;align-items:center;transition:transform .2s ease-in-out,outline .2s ease-in-out,border .2s ease-in-out,box-shadow .2s ease-in-out,background .2s ease-in-out;display:flex;transform:scale(1)}.item-jeQt6W:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-hover)45%,transparent)}.item-jeQt6W:active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-active)88%,transparent)}.item-jeQt6W:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary)17%,transparent),0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.item-jeQt6W:disabled{pointer-events:none;opacity:.38}.medium-BI_kmg{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-BI_kmg:active{transform:scale(.96)}.small-kECRMe{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-kECRMe:active{transform:scale(.96)}.medium-BI_kmg.hasIcon-TvpyCQ{padding-inline-start:var(--spacing-size-12,.75rem)}.small-kECRMe.hasIcon-TvpyCQ{padding-inline-start:var(--spacing-size-8,.5rem)}.selected-qNAROD{outline:2px solid color-mix(in srgb,var(--color-interactive-secondary-active)88%,transparent);background:color-mix(in srgb,var(--color-background-neutral)4%,transparent)}.selected-qNAROD:hover{background:color-mix(in srgb,var(--color-background-neutral-hover)8%,transparent)}.selected-qNAROD:active{background:color-mix(in srgb,var(--color-background-neutral-active)8%,transparent)}.selected-qNAROD:focus-visible{background:color-mix(in srgb,var(--color-background-neutral)4%,transparent)}
|
|
@@ -4,6 +4,8 @@ interface Prices {
|
|
|
4
4
|
value: string;
|
|
5
5
|
}
|
|
6
6
|
export interface MenuItemProps {
|
|
7
|
+
extra?: boolean;
|
|
8
|
+
special?: boolean;
|
|
7
9
|
active?: boolean;
|
|
8
10
|
photo?: boolean;
|
|
9
11
|
name: string;
|
|
@@ -11,6 +13,6 @@ export interface MenuItemProps {
|
|
|
11
13
|
badges?: BadgeProps[];
|
|
12
14
|
prices: Prices[];
|
|
13
15
|
}
|
|
14
|
-
export declare function MenuItem({ active, photo, name, description, badges, prices, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function MenuItem({ extra, special, active, photo, name, description, badges, prices, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
15
17
|
export {};
|
|
16
18
|
//# sourceMappingURL=menu-item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAcxD,UAAU,MAAM;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,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,MAAM,EACN,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":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAcxD,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,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,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,MAAM,EACN,KAAK,EACL,IAAI,EACJ,WAAW,EACX,MAAM,EACN,MAAM,GACN,EAAE,aAAa,2CAsDf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Badge as i}from"../badge/badge.js";import{Icon as
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Badge as i}from"../badge/badge.js";import{Icon as r}from"../icon/icon.js";import s from"./menu-item.styles.module.js";function l({extra:l,special:c,active:n,photo:m,name:d,description:t,badges:o,prices:p}){return a("div",{className:[s.root,n&&s.active,c&&s.special,l&&s.extra].filter(Boolean).join(" "),children:[a("div",{className:s.content,children:[m&&e("div",{className:s.icon,children:e(r,{name:"Eye-fill",size:12})}),a("div",{className:s.header,children:[a("div",{className:s.nameWrapper,children:[l&&e(i,{label:"+Add",variant:"warning"}),e("div",{className:`bodyDefaultEmphasis ${s.name}`,children:d})]}),o&&e("div",{className:s.badges,children:o?.map((a,r)=>e(i,{...a},`badge-${a.label??a.icon??r}-${r}`))}),e("span",{className:s.dots})]}),e("div",{className:`bodySmall ${s.description}`,children:t})]}),e("div",{className:s.prices,children:p?.map(({label:i,value:r},c)=>{let n;return a("div",{className:s.priceItem,children:[!l&&i&&e("span",{className:`bodyDefault ${s.priceLabel}`,children:i}),a("span",{className:`bodyDefaultEmphasis ${s.priceValue}`,children:[l&&"+",(n="string"==typeof r?parseFloat(r):r,new Intl.NumberFormat("en-GB",{currency:"GBP",minimumFractionDigits:2,style:"currency"}).format(n))]})]},`price-${i??r}-${c}`)})})]})}export{l as MenuItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./menu-item.styles_module.css";let e={root:"root-NJVW0G",active:"active-bKWozD",content:"content-Uf0iNQ",header:"header-u15xam",
|
|
1
|
+
import"./menu-item.styles_module.css";let e={icon:"icon-kXyR0s",root:"root-NJVW0G",active:"active-bKWozD",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"};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-NJVW0G{border-radius:.5rem;align-items:flex-start;
|
|
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);cursor:pointer;border-radius:.5rem;align-items:flex-start;transition:background-color .2s ease-in-out;display:flex;&:hover{& .icon-kXyR0s:before{background-color:color-mix(in srgb,var(--color-background-screen-active)4%,#0000000a)}}}.active-bKWozD{background-color:color-mix(in srgb,var(--color-background-screen-active)4%,#0000000a)}.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)}.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 color-mix(in srgb,var(--color-border-overlay)11%,#0000001c);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
|
-
.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-12,.75rem);outline:2px solid #0000;transition:background .2s,box-shadow .2s,border .2s,outline .2s}.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 color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent)}.outlined-jAJzW6:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-hover,#00000073)45%,transparent)}.filled-IQyZd1{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:inset 0 0 0 1px #0000}.filled-IQyZd1:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.clearButton-BLjcG2{all:unset;pointer-events:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;display:flex;transform:scale(.8)}.clearButton-BLjcG2[data-visible=true]{pointer-events:auto;opacity:1;transform:scale(1)}.leftIcon-HWDNl3,.actionIcons-AI4p_c{position:absolute;top:50%;transform:translateY(-50%)}.actionIcons-AI4p_c{right:calc(var(--spacing-size-8,.5rem) + .5rem);gap:.5rem;display:flex}.leftIcon-HWDNl3{left:var(--spacing-size-8,.5rem)}.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 .actionIcons-AI4p_c{right:calc(var(--spacing-size-6,.375rem) + .3rem)}.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-12,.75rem);outline:2px solid #0000;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border .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 color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent)}.outlined-jAJzW6:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-hover,#00000073)45%,transparent)}.filled-IQyZd1{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:inset 0 0 0 1px #0000}.filled-IQyZd1:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.clearButton-BLjcG2{all:unset;pointer-events:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;display:flex;transform:scale(.8)}.clearButton-BLjcG2[data-visible=true]{pointer-events:auto;opacity:1;transform:scale(1)}.leftIcon-HWDNl3,.actionIcons-AI4p_c{position:absolute;top:50%;transform:translateY(-50%)}.actionIcons-AI4p_c{right:calc(var(--spacing-size-8,.5rem) + .5rem);gap:.5rem;display:flex}.leftIcon-HWDNl3{left:var(--spacing-size-8,.5rem)}.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 .actionIcons-AI4p_c{right:calc(var(--spacing-size-6,.375rem) + .3rem)}.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 +1 @@
|
|
|
1
|
-
.root-ZurdY9{padding:var(--spacing-size-4,.25rem);cursor:pointer;background-color:color-mix(in srgb,var(--color-background-neutral)4%,transparent);border-radius:var(--radius-radii-14,.875rem);align-items:center;display:inline-flex;position:relative;box-shadow:inset 0 0 5px #0000001a}.root-ZurdY9:after{top:var(--spacing-size-4,.25rem);z-index:0;width:var(--slider-width,100px);height:var(--slider-height,100%);content:"";background:var(--color-background-screen,#fdfdf9);border-radius:var(--radius-radii-10,.625rem);box-shadow:var(--box-shadow-2);transform:translateX(var(--slider-x,0));transition:transform .3s,width .3s;animation:.4s forwards fadeIn-BAIbcm;position:absolute;left:0}.item-KyXK8s{z-index:1;color:var(--color-interactive-primary,#646464);cursor:pointer;border-radius:var(--radius-radii-10,.625rem);background-color:#0000;border:none;align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:1rem;transition:outline .2s,font-weight .1s,color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.item-KyXK8s[data-state=checked]{color:var(--color-interactive-accent,#202020);font-weight:500}.item-KyXK8s:hover{color:var(--color-interactive-primary-hover,#202020)}.item-KyXK8s:disabled{pointer-events:none;opacity:.38}.item-KyXK8s:focus-visible{outline:2px solid var(--color-content-primary,#202020);outline-offset:2px}.withIcon-bg61Z_{padding-left:.5rem}.separator-UJWv6x{background-color:color-mix(in srgb,var(--color-border-overlay)11%,transparent);border-radius:var(--radius-radii-full,62.5rem);width:.0625rem;height:1rem;transition:opacity .3s}.hide-j1DRR8{opacity:0}@keyframes fadeIn-BAIbcm{0%{opacity:0}to{opacity:1}}
|
|
1
|
+
.root-ZurdY9{padding:var(--spacing-size-4,.25rem);cursor:pointer;background-color:color-mix(in srgb,var(--color-background-neutral)4%,transparent);border-radius:var(--radius-radii-14,.875rem);align-items:center;display:inline-flex;position:relative;box-shadow:inset 0 0 5px #0000001a}.root-ZurdY9:after{top:var(--spacing-size-4,.25rem);z-index:0;width:var(--slider-width,100px);height:var(--slider-height,100%);content:"";background:var(--color-background-screen,#fdfdf9);border-radius:var(--radius-radii-10,.625rem);box-shadow:var(--box-shadow-2);transform:translateX(var(--slider-x,0));transition:transform .3s ease-in-out,width .3s ease-in-out;animation:.4s ease-in-out forwards fadeIn-BAIbcm;position:absolute;left:0}.item-KyXK8s{z-index:1;color:var(--color-interactive-primary,#646464);cursor:pointer;border-radius:var(--radius-radii-10,.625rem);background-color:#0000;border:none;align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:1rem;transition:outline .2s ease-in-out,font-weight .1s ease-in-out,color .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;position:relative}.item-KyXK8s[data-state=checked]{color:var(--color-interactive-accent,#202020);font-weight:500}.item-KyXK8s:hover{color:var(--color-interactive-primary-hover,#202020)}.item-KyXK8s:disabled{pointer-events:none;opacity:.38}.item-KyXK8s:focus-visible{outline:2px solid var(--color-content-primary,#202020);outline-offset:2px}.withIcon-bg61Z_{padding-left:.5rem}.separator-UJWv6x{background-color:color-mix(in srgb,var(--color-border-overlay)11%,transparent);border-radius:var(--radius-radii-full,62.5rem);width:.0625rem;height:1rem;transition:opacity .3s ease-in-out}.hide-j1DRR8{opacity:0}@keyframes fadeIn-BAIbcm{0%{opacity:0}to{opacity:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-wFb9L4{border:0;display:flex;position:relative}.legend-t_QXe1{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-s2hjvj{pointer-events:none;opacity:0;position:absolute}.item-gtuTCb{all:unset;padding:var(--spacing-size-8,.5rem);color:var(--color-content-tertiary,gray);white-space:nowrap;cursor:pointer;user-select:none;border-radius:0;transition:font-weight .1s,color .2s,background-color .2s,transform .2s}.item-gtuTCb:hover{color:var(--color-content-primary,#202020)}.itemWrap-irLkGn{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--color-border-overlay,#000)15%,transparent);transition:box-shadow .2s;display:flex}.input-s2hjvj:checked+.item-gtuTCb{color:var(--color-content-primary,#202020);font-weight:500}.itemWrap-irLkGn:has(.input-s2hjvj:checked){box-shadow:inset 0 -2px 0 var(--color-content-primary,#202020)}.itemWrap-irLkGn:has(.input-s2hjvj:focus-visible){box-shadow:inset 0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 2px var(--color-content-primary,#202020)}.input-s2hjvj:disabled+.item-gtuTCb{pointer-events:none;opacity:.38}.root-wFb9L4[data-size=medium] .item-gtuTCb{padding:var(--spacing-size-10,.625rem)var(--spacing-size-16,1rem)}.root-wFb9L4[data-size=small] .item-gtuTCb{padding:var(--spacing-size-8,.5rem)}.root-wFb9L4[data-size=medium] .item-gtuTCb:active{transform:scale(.96)}.root-wFb9L4[data-size=small] .item-gtuTCb:active{transform:scale(.92)}
|
|
1
|
+
.root-wFb9L4{border:0;display:flex;position:relative}.legend-t_QXe1{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-s2hjvj{pointer-events:none;opacity:0;position:absolute}.item-gtuTCb{all:unset;padding:var(--spacing-size-8,.5rem);color:var(--color-content-tertiary,gray);white-space:nowrap;cursor:pointer;user-select:none;border-radius:0;transition:font-weight .1s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out}.item-gtuTCb:hover{color:var(--color-content-primary,#202020)}.itemWrap-irLkGn{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--color-border-overlay,#000)15%,transparent);transition:box-shadow .2s ease-in-out;display:flex}.input-s2hjvj:checked+.item-gtuTCb{color:var(--color-content-primary,#202020);font-weight:500}.itemWrap-irLkGn:has(.input-s2hjvj:checked){box-shadow:inset 0 -2px 0 var(--color-content-primary,#202020)}.itemWrap-irLkGn:has(.input-s2hjvj:focus-visible){box-shadow:inset 0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 2px var(--color-content-primary,#202020)}.input-s2hjvj:disabled+.item-gtuTCb{pointer-events:none;opacity:.38}.root-wFb9L4[data-size=medium] .item-gtuTCb{padding:var(--spacing-size-10,.625rem)var(--spacing-size-16,1rem)}.root-wFb9L4[data-size=small] .item-gtuTCb{padding:var(--spacing-size-8,.5rem)}.root-wFb9L4[data-size=medium] .item-gtuTCb:active{transform:scale(.96)}.root-wFb9L4[data-size=small] .item-gtuTCb:active{transform:scale(.92)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sate-lib",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.62.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"keywords": [
|
|
@@ -129,8 +129,8 @@
|
|
|
129
129
|
"subset-font": "2.4.0",
|
|
130
130
|
"svgo": "4.0.0",
|
|
131
131
|
"typescript": "5.9.3",
|
|
132
|
-
"@rslib/core": "0.17.
|
|
133
|
-
"@rsbuild/core": "1.6.
|
|
132
|
+
"@rslib/core": "0.17.2",
|
|
133
|
+
"@rsbuild/core": "1.6.6",
|
|
134
134
|
"@rsbuild/plugin-react": "1.4.2",
|
|
135
135
|
"@rsbuild/plugin-svgr": "1.2.2",
|
|
136
136
|
"@storybook/addon-a11y": "9.1.16",
|
|
@@ -138,8 +138,8 @@
|
|
|
138
138
|
"@storybook/addon-docs": "9.1.16",
|
|
139
139
|
"@storybook/addon-links": "9.1.16",
|
|
140
140
|
"storybook": "9.1.16",
|
|
141
|
-
"storybook-addon-rslib": "
|
|
142
|
-
"storybook-react-rsbuild": "
|
|
141
|
+
"storybook-addon-rslib": "2.1.5",
|
|
142
|
+
"storybook-react-rsbuild": "2.1.5"
|
|
143
143
|
},
|
|
144
144
|
"peerDependencies": {
|
|
145
145
|
"react": ">=16.9.0",
|