sate-lib 1.36.0 → 1.38.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 +5 -5
- package/lib/assets/icons/ArrowsOutSimple.js +1 -0
- package/lib/assets/icons/DotsNine.js +1 -0
- package/lib/assets/icons/SquaresFour.js +1 -0
- package/lib/assets/styles/typography.css +1 -0
- package/lib/components/avatar/avatar.d.ts.map +1 -1
- package/lib/components/avatar/avatar.js +1 -1
- package/lib/components/avatar/avatar.styles.module.js +1 -1
- package/lib/components/avatar/avatar.styles_module.css +1 -1
- package/lib/components/badge/badge.d.ts +3 -3
- package/lib/components/badge/badge.d.ts.map +1 -1
- package/lib/components/badge/badge.js +1 -1
- package/lib/components/badge/badge.styles.module.js +1 -1
- package/lib/components/badge/badge.styles_module.css +1 -1
- package/lib/components/button/button.d.ts +1 -1
- package/lib/components/button/button.d.ts.map +1 -1
- package/lib/components/button/button.js +1 -1
- package/lib/components/button/button.styles.module.js +1 -1
- package/lib/components/button/button.styles_module.css +1 -1
- package/lib/components/button/noise.d.ts.map +1 -1
- package/lib/components/button/noise.js +1 -1
- package/lib/components/filter-chip/filter-chip.d.ts +2 -2
- package/lib/components/filter-chip/filter-chip.d.ts.map +1 -1
- package/lib/components/filter-chip/filter-chip.js +1 -1
- package/lib/components/filter-chip/filter-chip.styles.module.js +1 -1
- package/lib/components/filter-chip/filter-chip.styles_module.css +1 -1
- package/lib/components/icon/icon.d.ts +9 -6
- package/lib/components/icon/icon.d.ts.map +1 -1
- package/lib/components/icon/icon.js +1 -1
- package/lib/components/logo/logo.d.ts +3 -1
- package/lib/components/logo/logo.d.ts.map +1 -1
- package/lib/components/logo/logo.js +1 -1
- package/lib/components/map-marker/map-marker.d.ts.map +1 -1
- package/lib/components/map-marker/map-marker.js +1 -1
- package/lib/components/map-marker/map-marker.styles.module.js +1 -1
- package/lib/components/map-marker/map-marker.styles_module.css +1 -1
- package/lib/components/menu-item/menu-item.d.ts +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/notification/notification.d.ts.map +1 -1
- package/lib/components/notification/notification.js +1 -1
- package/lib/components/notification/notification.styles.module.js +1 -1
- package/lib/components/notification/notification.styles_module.css +1 -1
- package/lib/components/progress-indicator/progress-indicator.d.ts.map +1 -1
- package/lib/components/progress-indicator/progress-indicator.js +1 -1
- package/lib/components/progress-indicator/progress-indicator.styles.module.js +1 -1
- package/lib/components/progress-indicator/progress-indicator.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.js +1 -1
- package/lib/components/search-input/search-input.styles_module.css +1 -1
- package/lib/components/segmented-control/segmented-control.d.ts +1 -1
- package/lib/components/segmented-control/segmented-control.d.ts.map +1 -1
- package/lib/components/segmented-control/segmented-control.js +3 -3
- package/lib/components/segmented-control/segmented-control.styles.module.js +1 -1
- package/lib/components/segmented-control/segmented-control.styles_module.css +1 -1
- package/lib/components/shadow-box/shadow-box.d.ts.map +1 -1
- package/lib/components/shadow-box/shadow-box.js +1 -1
- package/lib/components/shadow-box/shadow-box.styles.module.js +1 -1
- package/lib/components/shadow-box/shadow-box.styles_module.css +1 -1
- package/lib/components/tabs/tabs.d.ts +12 -6
- package/lib/components/tabs/tabs.d.ts.map +1 -1
- package/lib/components/tabs/tabs.js +1 -1
- package/lib/components/tabs/tabs.styles.module.js +1 -1
- package/lib/components/tabs/tabs.styles_module.css +1 -1
- package/lib/components/typography/typography.d.ts +4 -2
- package/lib/components/typography/typography.d.ts.map +1 -1
- package/lib/components/typography/typography.js +1 -1
- package/lib/components/typography/typography.styles.module.js +1 -1
- package/lib/components/typography/typography.styles_module.css +1 -1
- package/lib/index.d.ts +10 -10
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/package.json +37 -38
- package/lib/assets/styles/fonts.css +0 -1
package/README.md
CHANGED
|
@@ -8,7 +8,7 @@ A lightweight and modular React component library designed for modern web interf
|
|
|
8
8
|
|
|
9
9
|
## Tech Stack
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
### Core Technologies
|
|
12
12
|
|
|
13
13
|
- [React](https://react.dev/)
|
|
14
14
|
- [Typescript](https://www.typescriptlang.org/)
|
|
@@ -16,7 +16,7 @@ A lightweight and modular React component library designed for modern web interf
|
|
|
16
16
|
- [CSS Modules](https://github.com/css-modules/css-modules)
|
|
17
17
|
- [Radix UI](https://www.radix-ui.com/)
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
### Development & Configuration
|
|
20
20
|
|
|
21
21
|
- [RSLib](https://rslib.rs/)
|
|
22
22
|
- [Biome](https://biomejs.dev/)
|
|
@@ -58,7 +58,7 @@ function App() {
|
|
|
58
58
|
```bash
|
|
59
59
|
import from "sate-lib/reset.css";
|
|
60
60
|
import from "sate-lib/tokens.css";
|
|
61
|
-
import from "sate-lib/
|
|
61
|
+
import from "sate-lib/typography.css";
|
|
62
62
|
```
|
|
63
63
|
|
|
64
64
|
## Commit etiquette
|
|
@@ -67,7 +67,7 @@ import from "sate-lib/fonts.css";
|
|
|
67
67
|
[build, chore, ci, docs, feat, fix, perf, refactor, revert, style, test] : message
|
|
68
68
|
```
|
|
69
69
|
|
|
70
|
-
|
|
70
|
+
### Version Triggering
|
|
71
71
|
|
|
72
72
|
| Commit Type | Release Type | Version Bump Example |
|
|
73
73
|
| ----------------- | -------------------- | -------------------- |
|
|
@@ -84,7 +84,7 @@ import from "sate-lib/fonts.css";
|
|
|
84
84
|
|
|
85
85
|
Optimize and subset fonts using the `subset-fonts.js` script to reduce file size and improve loading performance.
|
|
86
86
|
|
|
87
|
-
|
|
87
|
+
### Run the Font Subset Script
|
|
88
88
|
|
|
89
89
|
```bash
|
|
90
90
|
pnpm subset
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as a}from"react/jsx-runtime";import"react";let t=t=>a("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...t,children:a("path",{d:"M20.25 4.5V9a.75.75 0 1 1-1.5 0V6.31l-4.72 4.72a.75.75 0 1 1-1.06-1.06l4.72-4.72H15a.75.75 0 1 1 0-1.5h4.5a.75.75 0 0 1 .75.75M9.97 12.97l-4.72 4.72V15a.75.75 0 1 0-1.5 0v4.5a.75.75 0 0 0 .75.75H9a.75.75 0 1 0 0-1.5H6.31l4.72-4.72a.75.75 0 1 0-1.06-1.06"})});export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as a}from"react/jsx-runtime";import"react";let t=t=>a("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...t,children:a("path",{d:"M6.75 5.625a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0M12 4.5a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25m6.375 2.25a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25m-12.75 4.125a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25m6.375 0a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25m6.375 0a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25M5.625 17.25a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25m6.375 0a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25m6.375 0a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25"})});export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as a}from"react/jsx-runtime";import"react";let h=h=>a("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...h,children:a("path",{d:"M9.75 3.75h-4.5a1.5 1.5 0 0 0-1.5 1.5v4.5a1.5 1.5 0 0 0 1.5 1.5h4.5a1.5 1.5 0 0 0 1.5-1.5v-4.5a1.5 1.5 0 0 0-1.5-1.5m0 6h-4.5v-4.5h4.5zm9-6h-4.5a1.5 1.5 0 0 0-1.5 1.5v4.5a1.5 1.5 0 0 0 1.5 1.5h4.5a1.5 1.5 0 0 0 1.5-1.5v-4.5a1.5 1.5 0 0 0-1.5-1.5m0 6h-4.5v-4.5h4.5zm-9 3h-4.5a1.5 1.5 0 0 0-1.5 1.5v4.5a1.5 1.5 0 0 0 1.5 1.5h4.5a1.5 1.5 0 0 0 1.5-1.5v-4.5a1.5 1.5 0 0 0-1.5-1.5m0 6h-4.5v-4.5h4.5zm9-6h-4.5a1.5 1.5 0 0 0-1.5 1.5v4.5a1.5 1.5 0 0 0 1.5 1.5h4.5a1.5 1.5 0 0 0 1.5-1.5v-4.5a1.5 1.5 0 0 0-1.5-1.5m0 6h-4.5v-4.5h4.5z"})});export{h as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@font-face{font-family:Author;src:url(../../assets/fonts/author-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.displayLarge{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-display-large-font-size,6rem);font-weight:700;line-height:var(--typescale-display-large-line-height,5.125rem);letter-spacing:var(--typescale-display-large-letter-spacing,0)}.displayMedium{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-display-medium-font-size,4rem);font-weight:700;line-height:var(--typescale-display-medium-line-height,3.375rem);letter-spacing:var(--typescale-display-medium-letter-spacing,0)}.displaySmall{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-display-small-font-size,2.5rem);font-weight:700;line-height:var(--typescale-display-small-line-height,2.125rem);letter-spacing:var(--typescale-display-small-letter-spacing,0)}.titleScreen{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-title-screen-font-size,2.5rem);font-weight:700;line-height:var(--typescale-title-screen-line-height,2.125rem);letter-spacing:var(--typescale-title-screen-letter-spacing,0)}.titleSection{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-title-section-font-size,1.75rem);font-weight:700;line-height:var(--typescale-title-section-line-height,2.25rem);letter-spacing:var(--typescale-title-section-letter-spacing,-.025rem)}.titleSubsection{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-title-subsection-font-size,1.25rem);font-weight:700;line-height:var(--typescale-title-subsection-line-height,1.75rem);letter-spacing:var(--typescale-title-subsection-letter-spacing,-.01875rem)}.titleBody{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-title-body-font-size,1.125rem);font-weight:700;line-height:var(--typescale-title-body-line-height,1.5rem);letter-spacing:var(--typescale-title-body-letter-spacing,-.0125rem)}.titleGroup{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-title-group-font-size,1.125rem);font-weight:700;line-height:var(--typescale-title-group-line-height,1.625rem);letter-spacing:var(--typescale-title-group-letter-spacing,-.00625rem)}.bodyXLargeEmphasis{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-x-large-emphasis-font-size,1.125rem);font-weight:500;line-height:var(--typescale-body-x-large-emphasis-line-height,1.625rem);letter-spacing:var(--typescale-body-x-large-emphasis-letter-spacing,-.0125rem)}.bodyXLarge{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-x-large-font-size,1.125rem);font-weight:400;line-height:var(--typescale-body-x-large-line-height,1.625rem);letter-spacing:var(--typescale-body-x-large-letter-spacing,-.0125rem)}.bodyLargeEmphasis{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-emphasis-font-size,1rem);font-weight:500;line-height:var(--typescale-body-large-emphasis-line-height,1.5rem);letter-spacing:var(--typescale-body-large-emphasis-letter-spacing,-.0125rem)}.bodyLarge{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-font-size,1rem);font-weight:400;line-height:var(--typescale-body-large-line-height,1.5rem);letter-spacing:var(--typescale-body-large-letter-spacing,-.0125rem)}.bodyDefaultEmphasis{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-emphasis-font-size,.875rem);font-weight:500;line-height:var(--typescale-body-default-emphasis-line-height,1.25rem);letter-spacing:var(--typescale-body-default-emphasis-letter-spacing,0)}.bodyDefault{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-font-size,.875rem);font-weight:400;line-height:var(--typescale-body-default-line-height,1.25rem);letter-spacing:var(--typescale-body-default-letter-spacing,0)}.bodySmallEmphasis{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-emphasis-font-size,.75rem);font-weight:500;line-height:var(--typescale-body-small-emphasis-line-height,1rem);letter-spacing:var(--typescale-body-small-emphasis-letter-spacing,-.0125rem)}.bodySmall{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-font-size,.75rem);font-weight:400;line-height:var(--typescale-body-small-line-height,1rem);letter-spacing:var(--typescale-body-small-letter-spacing,-.0125rem)}.linkLarge{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-link-large-font-size,1rem);line-height:var(--typescale-link-large-line-height,1.5rem);letter-spacing:var(--typescale-link-large-letter-spacing,-.0125rem);text-decoration-skip-ink:none;text-underline-offset:auto;text-underline-position:from-font;font-weight:500;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}.linkDefault{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-link-default-font-size,.875rem);line-height:var(--typescale-link-default-line-height,1.375rem);letter-spacing:var(--typescale-link-default-letter-spacing,0);text-decoration-skip-ink:none;text-underline-offset:auto;text-underline-position:from-font;font-weight:500;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}.linkSmall{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-link-small-font-size,.75rem);line-height:var(--typescale-link-small-line-height,1rem);letter-spacing:var(--typescale-link-small-letter-spacing,-.0125rem);text-decoration-skip-ink:none;text-underline-offset:auto;text-underline-position:from-font;font-weight:500;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAkBjD;AAED,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC/C,KAAK,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExC,MAAM,WAAW,WAAW;
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAkBjD;AAED,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC/C,KAAK,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExC,MAAM,WAAW,WAAW;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,MAAM,CAAC,EACtB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,IAAe,EACf,KAAgB,EAChB,MAAc,EACd,SAAS,EACT,GAAG,IAAI,EACP,EAAE,WAAW,2CAsBb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import r from"./avatar.styles.module.js";function t(e){if(!e)return"";let r=e.trim().replace(/\s+/g," "),t=r.includes(" ")?r.split(" "):r.split(/(?=[A-Z])/);return 0===(t=t.filter(Boolean)).length?"":1===t.length?t[0].substring(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase()}function
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import r from"./avatar.styles.module.js";function t(e){if(!e)return"";let r=e.trim().replace(/\s+/g," "),t=r.includes(" ")?r.split(" "):r.split(/(?=[A-Z])/);return 0===(t=t.filter(Boolean)).length?"":1===t.length?t[0].substring(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase()}function a({src:a,alt:l,name:i,size:s="medium",shape:n="circle",border:o=!1,className:m,...c}){return e("div",{"aria-label":l||i,className:[r.root,r[s],r[n],o&&r.border,m].filter(Boolean).join(" "),role:"img",...c,children:i?e("span",{className:`bodyDefaultEmphasis ${r.text}`,children:t(i)}):e("img",{alt:l,className:r.img,draggable:!1,src:a})})}export{a as Avatar,t as getInitials};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./avatar.styles_module.css";let e={root:"root-
|
|
1
|
+
import"./avatar.styles_module.css";let e={root:"root-yrMLHx",circle:"circle-pWAdfQ",rounded:"rounded-VaZJRZ",large:"large-vhfTyC",medium:"medium-lT10zl",small:"small-UnbXfQ",border:"border-PzSCvQ",img:"img-WAxwk7",text:"text-nM35ZE"};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-
|
|
1
|
+
.root-yrMLHx{box-sizing:content-box;display:inline-flex;position:relative;overflow:hidden}.circle-pWAdfQ{border-radius:50%}.rounded-VaZJRZ{border-radius:.25rem}.large-vhfTyC{width:4rem;height:4rem}.medium-lT10zl{width:2.5rem;height:2.5rem}.small-UnbXfQ{width:2rem;height:2rem}.border-PzSCvQ{border-color:var(--color-background-screen,#fdfdf9);border-style:solid}.large-vhfTyC.border-PzSCvQ{border-width:4px}.medium-lT10zl.border-PzSCvQ{border-width:2.5px}.small-UnbXfQ.border-PzSCvQ{border-width:2px}.img-WAxwk7{z-index:1;object-fit:cover;width:100%;height:100%;position:relative}.text-nM35ZE{width:100%;height:100%;padding:var(--spacing-size-4,.25rem);color:#fff;background:var(--color-background-neutral,#ccc);justify-content:center;align-items:center;display:flex}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import { IconName } from "../icon/icon";
|
|
1
|
+
import { type IconName } from "../icon/icon";
|
|
3
2
|
export type BadgeVariant = "default" | "new";
|
|
4
|
-
export interface BadgeProps
|
|
3
|
+
export interface BadgeProps {
|
|
4
|
+
className?: string;
|
|
5
5
|
label?: string;
|
|
6
6
|
variant?: BadgeVariant;
|
|
7
7
|
icon?: IconName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,KAAK,CAAC;AAE7C,MAAM,WAAW,UAAU;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,KAAK,CAAC,EACrB,KAAU,EACV,OAAmB,EACnB,IAAI,EACJ,QAAa,EACb,SAAc,EACd,GAAG,KAAK,EACR,EAAE,UAAU,2CAmBZ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Icon as
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Icon as i}from"../icon/icon.js";import n from"./badge.styles.module.js";function r({label:r="",variant:a="default",icon:m,iconSize:t=12,className:l="",...s}){let c=!!m&&!r;return o("span",{className:["bodySmallEmphasis",n.badge,n[a],c&&n.iconOnly,l].filter(Boolean).join(" "),...s,children:[m&&e(i,{name:m,size:t}),r]})}export{r as Badge};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./badge.styles_module.css";let e={badge:"badge-
|
|
1
|
+
import"./badge.styles_module.css";let e={badge:"badge-AenA5o",iconOnly:"iconOnly-uPLh5M",default:"default-uYFdY2",new:"new-vPxDUD"};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.badge-
|
|
1
|
+
.badge-AenA5o{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-2,.125rem)var(--spacing-size-6,.375rem);border-radius:var(--radius-radii-full,62.5rem);justify-content:center;align-items:center;display:inline-flex}.iconOnly-uPLh5M{padding:var(--spacing-size-4,.25rem)var(--spacing-size-6,.375rem)}.default-uYFdY2{color:var(--color-content-secondary,#646464);background:color-mix(in srgb,var(--color-background-neutral)6%,transparent)}.new-vPxDUD{color:var(--color-sentiment-informative-primary,#0880ea);background:var(--color-sentiment-informative-secondary,#e1f0ff)}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
|
|
2
|
-
import { IconName } from "../icon/icon";
|
|
2
|
+
import { type IconName } from "../icon/icon";
|
|
3
3
|
type Variant = "filled" | "outlined" | "text" | "toned" | "lightOnContent" | "darkOnContent";
|
|
4
4
|
type Size = "xSmall" | "small" | "medium" | "large";
|
|
5
5
|
type ButtonAsButton = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAQ,QAAQ,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAInD,KAAK,OAAO,GACT,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,eAAe,CAAC;AACnB,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,KAAK,cAAc,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,KAAK,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,WAAW,GAAG,WAAW,GAAG,CAAC,cAAc,GAAG,YAAY,CAAC,CAAC;AAEjE,wBAAgB,MAAM,CAAC,EACtB,IAAI,EACJ,OAAkB,EAClB,IAAc,EACd,IAAI,EACJ,YAAqB,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CA0Db"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Icon as
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Icon as r}from"../icon/icon.js";import s from"./button.styles.module.js";import{Noise as a}from"./noise.js";function l({href:l,variant:t="filled",size:o="large",icon:n,iconPosition:m="left",label:c,loading:d,disabled:u,className:f="",...g}){let h=!!n&&!c,p=h&&"large"===o?"medium":o,b="large"===o||"medium"===o?24:"small"===o?18:16,j=(()=>{switch(o){case"small":return"bodyDefaultEmphasis";case"medium":return"bodyLargeEmphasis";case"large":return"bodyXLargeEmphasis";default:return""}})(),y=[s.button,s[t],s[p],j,h&&s.iconOnly,d&&s.loading,n&&s.icon,"right"===m&&s.directionRight,f].filter(Boolean).join(" ");return l?i("a",{className:y,href:l,...g,children:[n&&e(r,{name:n,size:b}),c,"filled"===t&&e(a,{className:s.noise})]}):i("button",{className:y,disabled:u,...g,children:[n&&e(r,{name:n,size:b}),c,"filled"===t&&e(a,{className:s.noise})]})}export{l as Button};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./button.styles_module.css";let t={button:"button-
|
|
1
|
+
import"./button.styles_module.css";let t={button:"button-dWV52U",directionRight:"directionRight-kW0Joo",loading:"loading-BHYlLw",filled:"filled-FpNFjd",noise:"noise-pBMZ6I",outlined:"outlined-QtvRsh",text:"text-qf5rbY",toned:"toned-yMdhhl",lightOnContent:"lightOnContent-ZxiAH4",darkOnContent:"darkOnContent-gXMY2B",small:"small-uxUptY",icon:"icon-EPzHvF",medium:"medium-iwhjuP",large:"large-N1qL9e",iconOnly:"iconOnly-C9Yim0",xSmall:"xSmall-ZaB0BL"};export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-
|
|
1
|
+
.button-dWV52U{cursor:pointer;border-radius:var(--radius-radii-12,.75rem);border:0;justify-content:center;align-items:center;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}.outlined-QtvRsh:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.outlined-QtvRsh:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}.outlined-QtvRsh: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}.text-qf5rbY:hover,.text-qf5rbY:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.text-qf5rbY: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)}.toned-yMdhhl:hover,.toned-yMdhhl:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.toned-yMdhhl: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{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent)}.lightOnContent-ZxiAH4:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#ffffffa8)66%,transparent)}.lightOnContent-ZxiAH4:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffff75)46%,transparent)}.lightOnContent-ZxiAH4:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.darkOnContent-gXMY2B{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,transparent)}.darkOnContent-gXMY2B svg{fill:#fff}.darkOnContent-gXMY2B:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#00000080)50%,transparent)}.darkOnContent-gXMY2B:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#00000073)45%,transparent)}.darkOnContent-gXMY2B:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,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)}.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)}.small-uxUptY:active{transform:scale(.92)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.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)}.medium-iwhjuP:active{transform:scale(.96)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)}.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)}.large-N1qL9e:active{transform:scale(.96)}.iconOnly-C9Yim0{border-radius:var(--radius-radii-full,62.5rem);padding:unset!important}.iconOnly-C9Yim0.xSmall-ZaB0BL{width:1.5rem;height:1.5rem;padding:.3125rem}.iconOnly-C9Yim0.small-uxUptY{width:2rem;height:2rem;padding:.3125rem}.iconOnly-C9Yim0.medium-iwhjuP{width:2.5rem;height:2.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"noise.d.ts","sourceRoot":"","sources":["../../../src/components/button/noise.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"noise.d.ts","sourceRoot":"","sources":["../../../src/components/button/noise.tsx"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,EAAE,UAAU,2CAuF9C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";function
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useId as r}from"react";function i({className:i}){let l=r(),t=`noise-filter-${l}`;return o("svg",{className:i,fill:"none",viewBox:"0 0 191 171",xmlns:"http://www.w3.org/2000/svg",children:[e("g",{filter:`url(#${t})`,children:e("rect",{fill:"black",height:"171",width:"191"})}),e("defs",{children:o("filter",{colorInterpolationFilters:"sRGB",filterUnits:"userSpaceOnUse",height:"171",id:t,width:"191",x:"0",y:"0",children:[e("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",mode:"normal",result:"shape"}),e("feTurbulence",{baseFrequency:"1 1",numOctaves:"3",result:"noise",seed:"2907",stitchTiles:"stitch",type:"fractalNoise"}),e("feColorMatrix",{in:"noise",result:"alphaNoise",type:"luminanceToAlpha"}),e("feComponentTransfer",{in:"alphaNoise",result:"coloredNoise1",children:e("feFuncA",{tableValues:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 ",type:"discrete"})}),e("feComposite",{in:"coloredNoise1",in2:"shape",operator:"in",result:"noise1Clipped"}),e("feComponentTransfer",{in:"alphaNoise",result:"coloredNoise2",children:e("feFuncA",{tableValues:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 ",type:"discrete"})}),e("feComposite",{in:"coloredNoise2",in2:"shape",operator:"in",result:"noise2Clipped"}),e("feFlood",{floodColor:"rgba(255, 255, 255, 0.6)",result:"color1Flood"}),e("feComposite",{in:"color1Flood",in2:"noise1Clipped",operator:"in",result:"color1"}),e("feFlood",{floodColor:"rgba(255, 255, 255, 0.3)",result:"color2Flood"}),e("feComposite",{in:"color2Flood",in2:"noise2Clipped",operator:"in",result:"color2"}),o("feMerge",{result:"effect1_noise_7452_6006",children:[e("feMergeNode",{in:"shape"}),e("feMergeNode",{in:"color1"}),e("feMergeNode",{in:"color2"})]})]})})]})}export{i as Noise};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { type BadgeProps } from "../badge/badge";
|
|
2
|
+
import { type IconName } from "../icon/icon";
|
|
3
3
|
type Mode = "single" | "multiple";
|
|
4
4
|
type Size = "medium" | "small";
|
|
5
5
|
interface Option {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../src/components/filter-chip/filter-chip.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../src/components/filter-chip/filter-chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGnD,KAAK,IAAI,GAAG,QAAQ,GAAG,UAAU,CAAC;AAClC,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/B,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,oBAAoB;IAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAiB,EACjB,IAAe,EACf,SAAc,GACd,EAAE,oBAAoB,2CA+DtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as o}from"react";import{
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as o}from"react";import{Badge as r}from"../badge/badge.js";import{Icon as t}from"../icon/icon.js";import l from"./filter-chip.styles.module.js";function m({options:m,selected:n,onChange:a,mode:d="multiple",size:s="medium",className:c=""}){let u=void 0!==n,[p,f]=o([]),b=n??p;return e("div",{className:[l.root,"medium"===s?"bodyLarge":"bodyDefault",c].filter(Boolean).join(" "),role:"single"===d?"radiogroup":"group",children:m.map(({value:o,label:m,icon:n,badge:c,disabled:p})=>{let g=b.includes(o),h=n||c;return i("button",{"aria-disabled":p,className:[l.item,l[s],h&&l.hasIcon,g&&l.selected].filter(Boolean).join(" "),disabled:p,onClick:()=>{let e;e="single"===d?[o]:b.includes(o)?b.filter(e=>e!==o):[...b,o],!u&&f(e),a?.(e)},role:"single"===d?"radio":"checkbox",type:"button",children:[c&&e(r,{...c}),n&&e(t,{name:n,size:"medium"===s?24:20}),m]},o)})})}export{m as FilterChipGroup};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./filter-chip.styles_module.css";let e={root:"root-
|
|
1
|
+
import"./filter-chip.styles_module.css";let e={root:"root-uRpYCn",item:"item-jeQt6W",medium:"medium-BI_kmg",small:"small-kECRMe",hasIcon:"hasIcon-TvpyCQ",selected:"selected-qNAROD"};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-
|
|
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,15 +1,19 @@
|
|
|
1
|
-
import { SVGProps } from "react";
|
|
1
|
+
import type { SVGProps } from "react";
|
|
2
2
|
export declare const Icons: {
|
|
3
|
+
readonly ArrowsOutSimple: string;
|
|
4
|
+
readonly ArrowUpRight: string;
|
|
3
5
|
readonly CaretDown: string;
|
|
4
6
|
readonly CaretLeft: string;
|
|
5
7
|
readonly CaretRight: string;
|
|
6
8
|
readonly CaretUp: string;
|
|
7
9
|
readonly CheckboxChecked: string;
|
|
8
|
-
readonly "CheckCircle-fill": string;
|
|
9
10
|
readonly CheckCircle: string;
|
|
11
|
+
readonly "CheckCircle-fill": string;
|
|
12
|
+
readonly DotsNine: string;
|
|
10
13
|
readonly Export: string;
|
|
11
14
|
readonly "Eye-fill": string;
|
|
12
15
|
readonly GlobeSimple: string;
|
|
16
|
+
readonly GoogleFill: string;
|
|
13
17
|
readonly Info: string;
|
|
14
18
|
readonly Instagram: string;
|
|
15
19
|
readonly "List-bullet": string;
|
|
@@ -20,16 +24,15 @@ export declare const Icons: {
|
|
|
20
24
|
readonly Placeholder: string;
|
|
21
25
|
readonly SealCheck: string;
|
|
22
26
|
readonly SealWarning: string;
|
|
27
|
+
readonly SlidersHorizontal: string;
|
|
28
|
+
readonly SquaresFour: string;
|
|
29
|
+
readonly StarFill: string;
|
|
23
30
|
readonly TikTok: string;
|
|
24
31
|
readonly TrafficSign: string;
|
|
25
32
|
readonly "WarningCircle-fill": string;
|
|
26
33
|
readonly "WarningTriangle-fill": string;
|
|
27
34
|
readonly X: string;
|
|
28
35
|
readonly "XCircle-fill": string;
|
|
29
|
-
readonly ArrowUpRight: string;
|
|
30
|
-
readonly GoogleFill: string;
|
|
31
|
-
readonly SlidersHorizontal: string;
|
|
32
|
-
readonly StarFill: string;
|
|
33
36
|
};
|
|
34
37
|
export type IconName = keyof typeof Icons;
|
|
35
38
|
export declare const iconNames: IconName[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAmCtC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,IAAI,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,GAAG,IAAI,EACP,EAAE,SAAS,kDAMX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/
|
|
1
|
+
import{jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/ArrowsOutSimple.js";import i from"../../assets/icons/ArrowUpRight.js";import r from"../../assets/icons/CaretDown.js";import e from"../../assets/icons/CaretLeft.js";import t from"../../assets/icons/CaretRight.js";import m from"../../assets/icons/CaretUp.js";import l from"../../assets/icons/CheckboxChecked.js";import n from"../../assets/icons/CheckCircle.js";import a from"../../assets/icons/CheckCircle-fill.js";import c from"../../assets/icons/DotsNine.js";import f from"../../assets/icons/Export.js";import p from"../../assets/icons/Eye-fill.js";import j from"../../assets/icons/GlobeSimple.js";import C from"../../assets/icons/Google-fill.js";import g from"../../assets/icons/Info.js";import h from"../../assets/icons/Instagram.js";import S from"../../assets/icons/List-bullet.js";import k from"../../assets/icons/MagnifyingGlass.js";import u from"../../assets/icons/Notches.js";import T from"../../assets/icons/Pepper-fill.js";import b from"../../assets/icons/Phone.js";import d from"../../assets/icons/Placeholder.js";import w from"../../assets/icons/SealCheck.js";import x from"../../assets/icons/SealWarning.js";import G from"../../assets/icons/SlidersHorizontal.js";import I from"../../assets/icons/SquaresFour.js";import P from"../../assets/icons/Star-fill.js";import W from"../../assets/icons/TikTok.js";import y from"../../assets/icons/TrafficSign.js";import N from"../../assets/icons/WarningCircle-fill.js";import A from"../../assets/icons/WarningTriangle-fill.js";import D from"../../assets/icons/X.js";import E from"../../assets/icons/XCircle-fill.js";let F={ArrowsOutSimple:o,ArrowUpRight:i,CaretDown:r,CaretLeft:e,CaretRight:t,CaretUp:m,CheckboxChecked:l,CheckCircle:n,"CheckCircle-fill":a,DotsNine:c,Export:f,"Eye-fill":p,GlobeSimple:j,GoogleFill:C,Info:g,Instagram:h,"List-bullet":S,MagnifyingGlass:k,Notches:u,"Pepper-fill":T,Phone:b,Placeholder:d,SealCheck:w,SealWarning:x,SlidersHorizontal:G,SquaresFour:I,StarFill:P,TikTok:W,TrafficSign:y,"WarningCircle-fill":N,"WarningTriangle-fill":A,X:D,"XCircle-fill":E},L=Object.keys(F);function R({name:o,size:i=24,color:r="currentColor",...e}){let t=F[o];return t?s(t,{fill:r,height:i,width:i,...e}):null}export{R as Icon,F as Icons,L as iconNames};
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
/** biome-ignore-all lint/a11y/noSvgWithoutTitle: <TBD> */
|
|
2
|
+
/** biome-ignore-all lint/correctness/useUniqueElementIds: <TBD> */
|
|
3
|
+
import { type SVGProps } from "react";
|
|
2
4
|
export type Variant = "wordmark" | "tileDark" | "tileLight";
|
|
3
5
|
export type Color = "currentColor" | "dark" | "light";
|
|
4
6
|
export interface LogoProps extends SVGProps<SVGSVGElement> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.tsx"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,mEAAmE;AACnE,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;AAC5D,MAAM,MAAM,KAAK,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,EAC5B,SAAc,EACd,IAAS,EACT,KAAsB,EACtB,KAAc,EACd,GAAG,IAAI,EACP,EAAE,SAAS,2CAsBX;AAED,wBAAgB,YAAY,CAAC,EAC5B,SAAc,EACd,IAAS,EACT,KAAK,EACL,KAAc,EACd,GAAG,IAAI,EACP,EAAE,SAAS,2CA8BX;AAED,wBAAgB,aAAa,CAAC,EAC7B,SAAc,EACd,IAAS,EACT,KAAK,EACL,KAAc,EACd,GAAG,IAAI,EACP,EAAE,SAAS,2CAuBX;AAED,eAAO,MAAM,IAAI,kHAwBf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as l,jsxs as i}from"react/jsx-runtime";import{forwardRef as h}from"react";function e({className:h="",size:e=40,color:r="currentColor",title:t="SATE",...d}){let o=d.id?`${d.id}-title`:void 0;return i("svg",{className:h,
|
|
1
|
+
import{jsx as l,jsxs as i}from"react/jsx-runtime";import{forwardRef as h}from"react";function e({className:h="",size:e=40,color:r="currentColor",title:t="SATE",...d}){let o=d.id?`${d.id}-title`:void 0;return i("svg",{"aria-hidden":!t||void 0,"aria-labelledby":t?o:void 0,className:h,fill:r,height:.5*e,role:"img",viewBox:"0 0 40 20",width:e,xmlns:"http://www.w3.org/2000/svg",...d,children:[t&&l("title",{id:o,children:t}),l("path",{d:"M5.28 4c1.14 0 2.82.22 3.74.64l-.6 2.96c-.66-.4-2.12-.68-3.06-.68-1 0-1.52.18-1.52.7 0 1.36 5.68.42 5.68 4.7 0 2.44-1.86 3.96-5.14 3.96-1.5 0-2.92-.28-3.78-.7l.24-3.1c.74.48 2.32.88 3.64.88 1.1 0 1.64-.16 1.64-.74 0-1.44-5.68-.48-5.68-4.7C.44 5.56 2.32 4 5.28 4Zm16.797 12.08h-3.56l-.78-2.5h-3.66l-.78 2.5h-3.4l4.14-11.88h3.899l4.14 11.88Zm7.925-8.88h-3.06v8.88h-3.32V7.2h-3.18v-3h9.8l-.24 3Zm9.217-.04H34.5v1.5h3.84v2.88H34.5v1.58h5.061v2.96h-8.38V4.2h8.28l-.24 2.96Zm-23.362.4c-.1.52-.22 1-.4 1.56l-.58 1.84h2.04l-.56-1.84a12.8 12.8 0 0 1-.4-1.56h-.1Z"})]})}function r({className:h="",size:e=32,color:r,title:t="SATE",...d}){let o=d.id?`${d.id}-title`:void 0;return i("svg",{"aria-hidden":!t||void 0,"aria-labelledby":t?o:void 0,className:h,height:e,role:"img",viewBox:"0 0 32 32",width:e,xmlns:"http://www.w3.org/2000/svg",...d,children:[t&&l("title",{id:o,children:t}),i("g",{clipPath:"url(#a)",children:[l("path",{d:"M0 0h32v32H0z",fill:"#202020"}),l("path",{d:"M13.587 20.106h-3.012v8.743H7.307v-8.743h-3.13v-2.952h9.646l-.236 2.952Zm13.203-.039h-4.646v1.477h3.78v2.835h-3.78v1.556h4.981v2.914h-8.249V17.154h8.15l-.236 2.913ZM9.354 2.957c1.123 0 2.777.216 3.682.63l-.59 2.913c-.65-.394-2.087-.669-3.012-.669-.984 0-1.496.177-1.496.689 0 1.338 5.59.413 5.59 4.627 0 2.401-1.83 3.898-5.06 3.898-1.476 0-2.873-.276-3.72-.69l.236-3.051c.729.472 2.284.866 3.583.866 1.083 0 1.615-.158 1.615-.729-.002-1.416-5.591-.472-5.591-4.626 0-2.323 1.85-3.858 4.763-3.858Zm19.641 11.892H25.49l-.767-2.461H21.12l-.768 2.46h-3.347L21.08 3.155h3.84l4.075 11.695ZM22.872 6.46c-.098.512-.216.985-.393 1.536l-.572 1.812h2.008l-.55-1.812a12.596 12.596 0 0 1-.394-1.536h-.099Z",fill:"#FDFDF9"})]}),l("defs",{children:l("clipPath",{id:"a",children:l("rect",{fill:"#fff",height:"32",rx:"6",width:"32"})})})]})}function t({className:h="",size:e=32,color:r,title:t="SATE",...d}){let o=d.id?`${d.id}-title`:void 0;return i("svg",{"aria-hidden":!t||void 0,"aria-labelledby":t?o:void 0,className:h,height:e,role:"img",viewBox:"0 0 32 32",width:e,xmlns:"http://www.w3.org/2000/svg",...d,children:[t&&l("title",{id:o,children:t}),l("rect",{fill:"#FDFDF9",height:"32",rx:"6",width:"32"}),l("path",{d:"M13.587 20.106h-3.012v8.743H7.307v-8.743h-3.13v-2.952h9.646l-.236 2.952Zm13.203-.039h-4.646v1.477h3.78v2.835h-3.78v1.556h4.981v2.914h-8.249V17.154h8.15l-.236 2.913ZM9.354 2.957c1.123-.001 2.777.216 3.682.63l-.59 2.913c-.65-.394-2.087-.669-3.012-.669-.984 0-1.496.177-1.496.689 0 1.338 5.59.413 5.59 4.627 0 2.401-1.83 3.898-5.06 3.898-1.476 0-2.873-.276-3.72-.69l.236-3.051c.729.472 2.284.866 3.583.866 1.083 0 1.615-.158 1.615-.729-.002-1.416-5.591-.472-5.591-4.626 0-2.323 1.85-3.859 4.763-3.859Zm19.641 11.892H25.49l-.767-2.461H21.12l-.768 2.46h-3.347L21.08 3.155h3.84l4.075 11.695ZM22.872 6.46c-.098.512-.216.985-.393 1.536l-.572 1.812h2.008l-.55-1.812a12.596 12.596 0 0 1-.394-1.536h-.099Z",fill:"#202020"})]})}let d=h(function({size:i=40,color:h="currentColor",variant:d="wordmark",...o},a){return"tileLight"===d?l(t,{ref:a,size:i,...o}):"tileDark"===d?l(r,{ref:a,size:i,...o}):l(e,{color:"dark"===h?"#202020":"light"===h?"#ffffff":"currentColor",ref:a,size:i,...o})});export{d as Logo,r as LogoTileDark,t as LogoTileLight,e as LogoWordMark};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map-marker.d.ts","sourceRoot":"","sources":["../../../src/components/map-marker/map-marker.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;
|
|
1
|
+
{"version":3,"file":"map-marker.d.ts","sourceRoot":"","sources":["../../../src/components/map-marker/map-marker.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,cAAc,2CAkBhE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r,jsxs as e}from"react/jsx-runtime";import o from"./map-marker.styles.module.js";function t({src:t,alt:i,className:n}){return e("div",{className:[o.root,n].filter(Boolean).join(" "),role:"img",children:[r("img",{
|
|
1
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import o from"./map-marker.styles.module.js";function t({src:t,alt:i,className:n}){return e("div",{className:[o.root,n].filter(Boolean).join(" "),role:"img",children:[r("img",{alt:i,draggable:!1,src:t}),r("svg",{fill:"none",viewBox:"0 0 36 46",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M34 18c0 14.4-16 25.6-16 25.6S2 32.4 2 18a16 16 0 1 1 32 0Z",fill:"#202020",stroke:"#202020",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3.2"})})]})}export{t as MapMarker};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./map-marker.styles_module.css";let e={root:"root-
|
|
1
|
+
import"./map-marker.styles_module.css";let e={root:"root-nsuPwe"};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-
|
|
1
|
+
.root-nsuPwe{position:relative}.root-nsuPwe img{border-radius:50%;width:2rem;height:2rem;position:absolute;top:.5px;left:50%;transform:translate(-50%)scale(.8)}.root-nsuPwe svg{width:2rem;height:2.6rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/menu-item.tsx"],"names":[],"mappings":"
|
|
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,2CAkCf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Badge as i}from"../badge/badge.js";import{Icon as s}from"../icon/icon.js";import r from"./menu-item.styles.module.js";function c({active:c,photo:l,name:m,description:n,badges:t,prices:o}){return a("div",{className:[r.root,c&&r.active].filter(Boolean).join(" "),children:[a("div",{className:r.content,children:[l&&e(s,{className:r.icon,name:"Eye-fill",size:12}),a("div",{className:r.header,children:[e("div",{className:`bodyDefaultEmphasis ${r.name}`,children:m}),e("div",{className:r.badges,children:t?.map((a,s)=>e(i,{...a},`badge-${a.label??a.icon??s}-${s}`))}),e("span",{className:r.dots})]}),e("div",{className:`bodySmall ${r.description}`,children:n})]}),e("div",{className:r.prices,children:o?.map(({label:i,value:s},c)=>{let l;return a("div",{className:r.priceItem,children:[i&&e("span",{className:`bodyDefault ${r.priceLabel}`,children:i}),e("span",{className:`bodyDefaultEmphasis ${r.priceValue}`,children:(l="string"==typeof s?parseFloat(s):s,new Intl.NumberFormat("en-GB",{currency:"GBP",minimumFractionDigits:2,style:"currency"}).format(l))})]},`price-${i??s}-${c}`)})})]})}export{c as MenuItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./menu-item.styles_module.css";let e={root:"root-
|
|
1
|
+
import"./menu-item.styles_module.css";let e={root:"root-NJVW0G",active:"active-bKWozD",content:"content-Uf0iNQ",header:"header-u15xam",icon:"icon-kXyR0s",badges:"badges-dFGqqm",dots:"dots-HNeJes",description:"description-o3HdRB",prices:"prices-Tw4RPd",priceItem:"priceItem-DnKDL_",priceLabel:"priceLabel-vAqSq7",priceValue:"priceValue-zmDzqI"};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-
|
|
1
|
+
.root-NJVW0G{border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:4px 12px 4px 8px;transition:background-color .2s;display:flex}.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{align-items:center;gap:.5rem;display:flex}.icon-kXyR0s{position:absolute;top:.25rem;left:0}.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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/notification/notification.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;
|
|
1
|
+
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/notification/notification.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAMpE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import i from"./notification.styles.module.js";function t({number:t,className:r}){return o("span",{className:["bodySmallEmphasis",i.root,r].filter(Boolean).join(" "),children:t})}export{t as Notification};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./notification.styles_module.css";let o={root:"root-
|
|
1
|
+
import"./notification.styles_module.css";let o={root:"root-b9FFcx"};export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-
|
|
1
|
+
.root-b9FFcx{color:var(--color-interactive-control,#fff);background:var(--color-sentiment-negative-primary,#c62a2f);border:2px solid var(--color-background-screen,#fdfdf9);border-radius:62.5rem;flex-direction:column;justify-content:center;align-items:center;padding:0 .3125rem .0625rem;display:flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/progress-indicator/progress-indicator.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;
|
|
1
|
+
{"version":3,"file":"progress-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/progress-indicator/progress-indicator.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,iBAAiB,CAChC,EAAE,IAAS,EAAE,EAAE,sBAAsB,EACrC,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,2CAmDtC;;AAED,wBAA6C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useId as s}from"react";import e from"./progress-indicator.styles.module.js";function c({size:t=32},c){let i=s();return r("svg",{
|
|
1
|
+
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useId as s}from"react";import e from"./progress-indicator.styles.module.js";function c({size:t=32},c){let i=s();return r("svg",{className:e.root,height:t,ref:c,viewBox:"0 0 200 200",width:t,xmlns:"http://www.w3.org/2000/svg",children:[r("radialGradient",{cx:".66",cy:".3125",fx:".66",fy:".3125",gradientTransform:"scale(1.5)",id:i,children:[o("stop",{offset:"0",stopColor:"currentColor",stopOpacity:"0"}),o("stop",{offset:".3",stopColor:"currentColor",stopOpacity:".3"}),o("stop",{offset:".6",stopColor:"currentColor",stopOpacity:".6"}),o("stop",{offset:".8",stopColor:"currentColor",stopOpacity:".8"}),o("stop",{offset:"1",stopColor:"currentColor",stopOpacity:"1"})]}),o("circle",{cx:"100",cy:"100",fill:"none",r:"75",stroke:`url(#${i})`,strokeDasharray:"200 1000",strokeDashoffset:"0",strokeLinecap:"round",strokeWidth:"12"}),o("circle",{cx:"100",cy:"100",fill:"none",opacity:".2",r:"75",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"12"})]})}let i=t(c);export{c as ProgressIndicator,i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./progress-indicator.styles_module.css";let o={root:"root-
|
|
1
|
+
import"./progress-indicator.styles_module.css";let o={root:"root-jlc8ih",rotation:"rotation-MF2EiN"};export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-
|
|
1
|
+
.root-jlc8ih{animation:1s linear infinite rotation-MF2EiN;display:inline-block}@keyframes rotation-MF2EiN{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAIA,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAgB;
|
|
1
|
+
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAIA,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAgB;IACzB,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,WAAsB,EACtB,OAAoB,EACpB,SAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,GAAG,IAAI,EACP,EAAE,gBAAgB,2CAsFlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as i}from"react";import{Icon as
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as i}from"react";import{Icon as l}from"../icon/icon.js";import r from"./search-input.styles.module.js";function t({placeholder:t="Search",variant:n="outlined",inputSize:s="large",name:o,onChange:c,supportingText:d,disabled:m,className:u,info:h,defaultValue:f,...p}){let[b,g]=i(f??""),v=(()=>{switch(s){case"small":return"bodyDefault";case"medium":case"large":return"bodyLarge";default:return""}})();return a("div",{className:[r.root,r[s],v,m&&r.disabled,u].filter(Boolean).join(" "),children:[a("div",{className:r.container,children:[e(l,{"aria-hidden":"true",className:r.leftIcon,name:"MagnifyingGlass",size:"large"===s?24:"medium"===s?20:16}),e("input",{className:`${r.input} ${r[n]}`,disabled:m,name:o,onChange:e=>{g(e.target.value),c?.(e)},placeholder:t,type:"text",value:b,...p}),a("div",{className:r.actionIcons,children:[e("button",{"aria-hidden":!b||void 0,"aria-label":"Clear search",className:r.clearButton,"data-visible":b?"true":"false",onClick:()=>{g("")},tabIndex:b?0:-1,type:"button",children:e(l,{name:"XCircle-fill",size:"small"===s?16:18})}),h&&e(l,{className:r.rightIcon,name:"Info",size:"small"===s?16:18})]})]}),d&&a("div",{className:`bodySmall ${r.supportingText}`,children:[e(l,{"aria-hidden":"true",name:"Info",size:16}),d]})]})}export{t as SearchInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./search-input.styles_module.css";let
|
|
1
|
+
import"./search-input.styles_module.css";let t={root:"root-HwKkFw",container:"container-cV4bnv",input:"input-PxLark",outlined:"outlined-jAJzW6",filled:"filled-IQyZd1",clearButton:"clearButton-BLjcG2",leftIcon:"leftIcon-HWDNl3",actionIcons:"actionIcons-AI4p_c",supportingText:"supportingText-PZMuMX",disabled:"disabled-w7X_A6",small:"small-NbX064",medium:"medium-V98iUj",large:"large-kuCvxs"};export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGnD,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,qBAAqB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAChC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAc,GACd,EAAE,qBAAqB,2CA4EvB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{
|
|
2
|
-
--slider-x: ${e.left-t.left+
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Item as l,Root as r}from"@radix-ui/react-radio-group";import{Fragment as i,useEffect as n,useRef as o,useState as a}from"react";import{Icon as d}from"../icon/icon.js";import u from"./segmented-control.styles.module.js";function c({options:c,value:s,defaultValue:m,onChange:f,className:h=""}){let p=o(null),g=o([]),[x,$]=a(c.findIndex(e=>e.value===s||e.value===m)),v=e=>{let t=c.findIndex(t=>t.value===e);$(t);let l=g.current[t],r=p.current;if(l&&r){let e=l.getBoundingClientRect(),t=r.getBoundingClientRect();r.style.cssText=`
|
|
2
|
+
--slider-x: ${e.left-t.left+r.scrollLeft}px;
|
|
3
3
|
--slider-width: ${e.width}px;
|
|
4
4
|
--slider-height: ${e.height}px;
|
|
5
|
-
`}};return
|
|
5
|
+
`}};return n(()=>{let e=setTimeout(()=>{v(s||m)},20);return()=>clearTimeout(e)},[s,m,c]),e(r,{className:`${u.root} ${h}`.trim(),defaultValue:m,onValueChange:e=>{v(e),f?.(e)},ref:p,value:s,children:c.map((r,n)=>t(i,{children:[t(l,{className:`bodyDefault ${u.item} ${r.icon?u.withIcon:""}`,disabled:r.disabled,ref:e=>{g.current[n]=e},value:r.value,children:[r.icon&&e(d,{name:r.icon,size:18}),r.label]}),n<c.length-1&&e("div",{className:`${u.separator} ${n===x-1||n===x?u.hide:""}`})]},r.value))})}export{c as SegmentedControl};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./segmented-control.styles_module.css";let e={root:"root-
|
|
1
|
+
import"./segmented-control.styles_module.css";let e={root:"root-ZurdY9",fadeIn:"fadeIn-BAIbcm",item:"item-KyXK8s",withIcon:"withIcon-bg61Z_",separator:"separator-UJWv6x",hide:"hide-j1DRR8"};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadow-box.d.ts","sourceRoot":"","sources":["../../../src/components/shadow-box/shadow-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE7E,wBAAgB,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"shadow-box.d.ts","sourceRoot":"","sources":["../../../src/components/shadow-box/shadow-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE7E,wBAAgB,aAAa,CAAC,EAC7B,SAAc,EACd,GAAG,KAAK,EACR,EAAE,kBAAkB,2CAcpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as o,jsxs as r}from"react/jsx-runtime";import a from"./shadow-box.styles.module.js";function d({className:d="",...e}){return o("div",{className:`${a.grid} ${d}`.trim(),...e,children:Array.from({length:8},(d,e)=>o("div",{className:a.box,style:{boxShadow:`var(--box-shadow-${e+1})`},children:r("span",{children:["Shadow ",e+1]})},`shadow-${e+1}`))})}export{d as ShadowBoxGrid};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./shadow-box.styles_module.css";let o={grid:"grid-
|
|
1
|
+
import"./shadow-box.styles_module.css";let o={grid:"grid-VLmFr4",box:"box-eVY5Mp"};export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.grid-
|
|
1
|
+
.grid-VLmFr4{padding:var(--spacing-size-8,2rem);flex-flow:wrap;place-content:center;align-items:center;gap:2rem;display:flex}.box-eVY5Mp{width:18.75rem;height:12.5rem;padding:var(--spacing-size-8,2rem);color:var(--color-content-primary,#202020);border-radius:var(--radius-radii-large,.75rem);justify-content:center;align-items:center;transition:box-shadow .2s;display:flex}
|
|
@@ -1,11 +1,17 @@
|
|
|
1
|
-
import * as RadixTabs from "@radix-ui/react-tabs";
|
|
2
1
|
type Size = "medium" | "small";
|
|
3
|
-
interface
|
|
2
|
+
interface Option {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
interface TabsProps {
|
|
8
|
+
className?: string;
|
|
4
9
|
size?: Size;
|
|
10
|
+
options: Option[];
|
|
11
|
+
defaultValue?: string;
|
|
12
|
+
onChange?: (value: string) => void;
|
|
13
|
+
ariaLabel?: string;
|
|
5
14
|
}
|
|
6
|
-
export declare function
|
|
7
|
-
export declare function TabsList({ className, ...props }: RadixTabs.TabsListProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare function TabsTrigger({ className, children, ...props }: RadixTabs.TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare function TabsContent({ className, ...props }: RadixTabs.TabsContentProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function Tabs({ className, size, options, defaultValue, onChange, ariaLabel, }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
10
16
|
export {};
|
|
11
17
|
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAGA,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC/B,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,UAAU,SAAS;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,IAAI,CAAC,EACpB,SAAc,EACd,IAAe,EACf,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,SAAqB,GACrB,EAAE,SAAS,2CAsCX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as l}from"react";import t from"./tabs.styles.module.js";function i({className:i="",size:r="medium",options:m,defaultValue:d,onChange:s,ariaLabel:o="Filters"}){let n=l(),u=`tabs-${n}`;return a("fieldset",{className:[t.root,"medium"===r?"bodyDefault":"bodySmall",i].filter(Boolean).join(" "),"data-size":r,children:[e("legend",{className:t.legend,children:o}),m.map(l=>{let i=`${u}-${l.value}`;return a("div",{className:t.itemWrap,children:[e("input",{className:t.input,defaultChecked:l.value===d,disabled:l.disabled,id:i,name:u,onChange:()=>s?.(l.value),type:"radio",value:l.value}),e("label",{className:t.item,htmlFor:i,children:l.label})]},l.value)})]})}export{i as Tabs};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./tabs.styles_module.css";let t={root:"root-
|
|
1
|
+
import"./tabs.styles_module.css";let t={root:"root-wFb9L4",legend:"legend-t_QXe1",input:"input-s2hjvj",item:"item-gtuTCb",itemWrap:"itemWrap-irLkGn"};export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-
|
|
1
|
+
.root-wFb9L4{border:0;display:flex}.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,6 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
2
|
export type Variant = "displayLarge" | "displayMedium" | "displaySmall" | "titleScreen" | "titleSection" | "titleSubsection" | "titleBody" | "titleGroup" | "bodyXLargeEmphasis" | "bodyXLarge" | "bodyLargeEmphasis" | "bodyLarge" | "bodyDefaultEmphasis" | "bodyDefault" | "bodySmallEmphasis" | "bodySmall" | "linkLarge" | "linkDefault" | "linkSmall";
|
|
3
|
-
export interface TypographyProps
|
|
3
|
+
export interface TypographyProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
children?: ReactNode;
|
|
4
6
|
as?: "p" | "span" | "h1" | "h2" | "h3" | "h4";
|
|
5
7
|
variant?: Variant;
|
|
6
8
|
palette?: "dark" | "light" | "grey";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,OAAO,GAChB,cAAc,GACd,eAAe,GACf,cAAc,GACd,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,oBAAoB,GACpB,YAAY,GACZ,mBAAmB,GACnB,WAAW,GACX,qBAAqB,GACrB,aAAa,GACb,mBAAmB,GACnB,WAAW,GACX,WAAW,GACX,aAAa,GACb,WAAW,CAAC;AAEf,MAAM,WAAW,eAAe;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,GAAI,6DAOxB,eAAe,4CAejB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import r from"./typography.styles.module.js";let e=({as:e="p",variant:t="bodyDefault",className:p="",palette:a,children:l,...y})=>o(e,{className:[r.typography,
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import r from"./typography.styles.module.js";let e=({as:e="p",variant:t="bodyDefault",className:p="",palette:a,children:l,...y})=>o(e,{className:[r.typography,t,a&&r[a],p].filter(Boolean).join(" "),...y,children:l});export{e as Typography};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./typography.styles_module.css";let
|
|
1
|
+
import"./typography.styles_module.css";let t={typography:"typography-B71hFi",dark:"dark-YRB_kj",light:"light-Ny7Tt2",grey:"grey-ninVho"};export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.typography-
|
|
1
|
+
.typography-B71hFi{font-style:normal}.dark-YRB_kj{color:var(--color-content-primary,#202020)}.light-Ny7Tt2{color:var(--color-interactive-control,#fff)}.grey-ninVho{color:var(--color-content-tertiary,gray)}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { Avatar } from "./components/avatar/avatar";
|
|
2
2
|
export { Badge } from "./components/badge/badge";
|
|
3
|
-
export {
|
|
4
|
-
export { Icon } from "./components/icon/icon";
|
|
5
|
-
export { TabsRoot, TabsContent, TabsList, TabsTrigger, } from "./components/tabs/tabs";
|
|
6
|
-
export { SegmentedControl } from "./components/segmented-control/segmented-control";
|
|
7
|
-
export { ProgressIndicator } from "./components/progress-indicator/progress-indicator";
|
|
3
|
+
export { Button } from "./components/button/button";
|
|
8
4
|
export { FilterChipGroup } from "./components/filter-chip/filter-chip";
|
|
9
|
-
export {
|
|
10
|
-
export { MenuItem } from "./components/menu-item/menu-item";
|
|
11
|
-
export { Avatar } from "./components/avatar/avatar";
|
|
12
|
-
export { SearchInput } from "./components/search-input/search-input";
|
|
5
|
+
export { Icon } from "./components/icon/icon";
|
|
13
6
|
export { Logo } from "./components/logo/logo";
|
|
14
7
|
export { MapMarker } from "./components/map-marker/map-marker";
|
|
8
|
+
export { MenuItem } from "./components/menu-item/menu-item";
|
|
9
|
+
export { Notification } from "./components/notification/notification";
|
|
10
|
+
export { ProgressIndicator } from "./components/progress-indicator/progress-indicator";
|
|
11
|
+
export { SearchInput } from "./components/search-input/search-input";
|
|
12
|
+
export { SegmentedControl } from "./components/segmented-control/segmented-control";
|
|
13
|
+
export { Tabs } from "./components/tabs/tabs";
|
|
14
|
+
export { Typography } from "./components/typography/typography";
|
|
15
15
|
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +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,
|
|
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,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,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,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{Avatar as o}from"./components/avatar/avatar.js";import{Badge as t}from"./components/badge/badge.js";import{Button as r}from"./components/button/button.js";import{FilterChipGroup as m}from"./components/filter-chip/filter-chip.js";import{Icon as n}from"./components/icon/icon.js";import{Logo as p}from"./components/logo/logo.js";import{MapMarker as e}from"./components/map-marker/map-marker.js";import{MenuItem as s}from"./components/menu-item/menu-item.js";import{Notification as i}from"./components/notification/notification.js";import{ProgressIndicator as a}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as c}from"./components/search-input/search-input.js";import{SegmentedControl as f}from"./components/segmented-control/segmented-control.js";import{Tabs as g}from"./components/tabs/tabs.js";import{Typography as j}from"./components/typography/typography.js";export{o as Avatar,t as Badge,r as Button,m as FilterChipGroup,n as Icon,p as Logo,e as MapMarker,s as MenuItem,i as Notification,a as ProgressIndicator,c as SearchInput,f as SegmentedControl,g as Tabs,j as Typography};
|
package/package.json
CHANGED
|
@@ -1,7 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sate-lib",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.38.0",
|
|
4
4
|
"type": "module",
|
|
5
|
+
"private": false,
|
|
6
|
+
"keywords": [
|
|
7
|
+
"react",
|
|
8
|
+
"component-library",
|
|
9
|
+
"design-system",
|
|
10
|
+
"storybook",
|
|
11
|
+
"rsbuild",
|
|
12
|
+
"rslib",
|
|
13
|
+
"biome",
|
|
14
|
+
"typescript",
|
|
15
|
+
"ui-library",
|
|
16
|
+
"react-components",
|
|
17
|
+
"frontend"
|
|
18
|
+
],
|
|
5
19
|
"exports": {
|
|
6
20
|
".": {
|
|
7
21
|
"import": "./lib/index.js",
|
|
@@ -65,7 +79,7 @@
|
|
|
65
79
|
},
|
|
66
80
|
"./tokens.css": "./lib/assets/styles/tokens.css",
|
|
67
81
|
"./reset.css": "./lib/assets/styles/reset.css",
|
|
68
|
-
"./
|
|
82
|
+
"./typography.css": "./lib/assets/styles/typography.css"
|
|
69
83
|
},
|
|
70
84
|
"types": "./lib/index.d.ts",
|
|
71
85
|
"files": [
|
|
@@ -78,60 +92,45 @@
|
|
|
78
92
|
"optimize:fonts": "node ./subset-fonts.js",
|
|
79
93
|
"optimize:svg": "node ./optimize-svgs.js",
|
|
80
94
|
"storybook": "storybook dev",
|
|
81
|
-
"
|
|
82
|
-
"format": "biome format
|
|
95
|
+
"format": "biome format --write src/",
|
|
96
|
+
"format:check": "biome format src/",
|
|
97
|
+
"lint:check": "biome check src/",
|
|
83
98
|
"release": "HUSKY=0 semantic-release",
|
|
84
99
|
"prepare": "husky"
|
|
85
100
|
},
|
|
86
101
|
"devDependencies": {
|
|
87
|
-
"@biomejs/biome": "2.2.
|
|
88
|
-
"@commitlint/cli": "
|
|
89
|
-
"@commitlint/config-conventional": "
|
|
90
|
-
"@rsbuild/core": "1.5.
|
|
91
|
-
"@rsbuild/plugin-react": "1.4.
|
|
102
|
+
"@biomejs/biome": "2.2.5",
|
|
103
|
+
"@commitlint/cli": "20.1.0",
|
|
104
|
+
"@commitlint/config-conventional": "20.0.0",
|
|
105
|
+
"@rsbuild/core": "1.5.13",
|
|
106
|
+
"@rsbuild/plugin-react": "1.4.1",
|
|
92
107
|
"@rsbuild/plugin-sass": "1.4.0",
|
|
93
108
|
"@rsbuild/plugin-svgr": "1.2.2",
|
|
94
|
-
"@rslib/core": "0.
|
|
109
|
+
"@rslib/core": "0.15.0",
|
|
95
110
|
"@semantic-release/changelog": "6.0.3",
|
|
96
111
|
"@semantic-release/git": "10.0.1",
|
|
97
112
|
"@semantic-release/npm": "12.0.2",
|
|
98
|
-
"@storybook/addon-a11y": "9.1.
|
|
113
|
+
"@storybook/addon-a11y": "9.1.10",
|
|
99
114
|
"@storybook/addon-designs": "10.0.2",
|
|
100
|
-
"@storybook/addon-docs": "9.1.
|
|
101
|
-
"@storybook/addon-links": "9.1.
|
|
102
|
-
"@types/node": "24.
|
|
103
|
-
"@types/react": "19.
|
|
115
|
+
"@storybook/addon-docs": "9.1.10",
|
|
116
|
+
"@storybook/addon-links": "9.1.10",
|
|
117
|
+
"@types/node": "24.6.2",
|
|
118
|
+
"@types/react": "19.2.0",
|
|
104
119
|
"husky": "9.1.7",
|
|
105
|
-
"react": "19.
|
|
106
|
-
"
|
|
107
|
-
"
|
|
108
|
-
"storybook": "
|
|
109
|
-
"storybook-
|
|
110
|
-
"storybook-react-rsbuild": "^2.1.1",
|
|
120
|
+
"react": "19.2.0",
|
|
121
|
+
"semantic-release": "24.2.9",
|
|
122
|
+
"storybook": "9.1.10",
|
|
123
|
+
"storybook-addon-rslib": "^2.1.2",
|
|
124
|
+
"storybook-react-rsbuild": "^2.1.2",
|
|
111
125
|
"subset-font": "2.4.0",
|
|
112
126
|
"svgo": "4.0.0",
|
|
113
|
-
"typescript": "5.9.
|
|
127
|
+
"typescript": "5.9.3"
|
|
114
128
|
},
|
|
115
129
|
"peerDependencies": {
|
|
116
130
|
"react": ">=16.9.0",
|
|
117
131
|
"react-dom": ">=16.9.0"
|
|
118
132
|
},
|
|
119
|
-
"private": false,
|
|
120
|
-
"keywords": [
|
|
121
|
-
"react",
|
|
122
|
-
"component-library",
|
|
123
|
-
"design-system",
|
|
124
|
-
"storybook",
|
|
125
|
-
"rsbuild",
|
|
126
|
-
"rslib",
|
|
127
|
-
"biome",
|
|
128
|
-
"typescript",
|
|
129
|
-
"ui-library",
|
|
130
|
-
"react-components",
|
|
131
|
-
"frontend"
|
|
132
|
-
],
|
|
133
133
|
"dependencies": {
|
|
134
|
-
"@radix-ui/react-radio-group": "1.3.8"
|
|
135
|
-
"@radix-ui/react-tabs": "1.1.13"
|
|
134
|
+
"@radix-ui/react-radio-group": "1.3.8"
|
|
136
135
|
}
|
|
137
136
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@font-face{font-family:Author;src:url(../../assets/fonts/author-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
|