sate-lib 1.40.0 → 1.41.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 +2 -1
- package/lib/assets/icons/Gallery.js +1 -0
- package/lib/components/drawer/drawer.d.ts +10 -0
- package/lib/components/drawer/drawer.d.ts.map +1 -0
- package/lib/components/drawer/drawer.js +2 -0
- package/lib/components/drawer/drawer.styles.module.js +1 -0
- package/lib/components/drawer/drawer.styles_module.css +1 -0
- package/lib/components/icon/icon.d.ts +1 -0
- package/lib/components/icon/icon.d.ts.map +1 -1
- package/lib/components/icon/icon.js +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/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/package.json +9 -5
package/README.md
CHANGED
|
@@ -14,7 +14,8 @@ A lightweight and modular React component library designed for modern web interf
|
|
|
14
14
|
- [Typescript](https://www.typescriptlang.org/)
|
|
15
15
|
- [Storybook](https://storybook.js.org/)
|
|
16
16
|
- [CSS Modules](https://github.com/css-modules/css-modules)
|
|
17
|
-
- [Radix UI](https://www.radix-ui.com/)
|
|
17
|
+
- [Radix UI - Portal](https://www.radix-ui.com/primitives/docs/utilities/portal)
|
|
18
|
+
- [Radix UI - Radio-Group](https://www.radix-ui.com/primitives/docs/components/radio-group)
|
|
18
19
|
|
|
19
20
|
### Development & Configuration
|
|
20
21
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as a,jsxs as t}from"react/jsx-runtime";import"react";let r=r=>t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...r,children:[a("path",{d:"M2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z"}),a("path",{d:"M2 16a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z",opacity:.75}),a("path",{d:"M2 21a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1 2 2 0 0 1-2 2H4a2 2 0 0 1-2-2",opacity:.5})]});export{r as default};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface DrawerProps {
|
|
2
|
+
open: boolean;
|
|
3
|
+
onOpen: (val: boolean) => void;
|
|
4
|
+
title?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
desktopFullScreen?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const Drawer: ({ open, onOpen, title, className, children, desktopFullScreen, }: DrawerProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
10
|
+
//# sourceMappingURL=drawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,GAAI,kEAOpB,WAAW,mDAuFb,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Portal as r}from"@radix-ui/react-portal";import{useEffect as o,useLayoutEffect as a,useState as l}from"react";import{Button as i}from"../button/button.js";import{Typography as n}from"../typography/typography.js";import s from"./drawer.styles.module.js";let d=({open:d,onOpen:m,title:c,className:u,children:p,desktopFullScreen:f=!1})=>{let[y,h]=l(d),[v,w]=l(!1);o(()=>{if(d)h(!0);else{w(!1);let e=setTimeout(()=>h(!1),300);return()=>clearTimeout(e)}},[d]),a(()=>{if(!y)return;let e=requestAnimationFrame(()=>{w(!0)});return()=>{cancelAnimationFrame(e)}},[y]),o(()=>{if(!y)return;let e=document.body.style.overflow;document.body.style.overflow="hidden";let t=e=>{"Escape"===e.key&&m(!1)};return window.addEventListener("keydown",t),()=>{document.body.style.overflow=e,window.removeEventListener("keydown",t)}},[y,m]);let b=[s.root,u].filter(Boolean).join(" "),k=v?"open":"closed";return y?t(r,{children:[e("div",{"aria-hidden":!0,className:s.overlay,"data-state":k,onClick:()=>m(!1)}),t("div",{"aria-label":c,"aria-modal":"true",className:b,"data-desktop-fullscreen":f?"true":"false","data-state":k,role:"dialog",tabIndex:-1,children:[e(i,{className:s.close,icon:"X",iconPosition:"left",onClick:()=>m(!1),size:"small",variant:"lightOnContent"}),t("div",{className:s.panel,children:[c&&e("div",{className:s.header,children:e(n,{as:"h2",className:s.title,variant:"bodyLargeEmphasis",children:c})}),p]})]})]}):null};export{d as Drawer};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./drawer.styles_module.css";let e={overlay:"overlay-DaEAC4",root:"root-sf4EHo",panel:"panel-RaauhH",header:"header-i2W6Rn",close:"close-EWvEEO"};export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.overlay-DaEAC4{z-index:100;pointer-events:none;opacity:0;will-change:opacity;background:#0006;transition:opacity .3s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.overlay-DaEAC4[data-state=open]{pointer-events:auto;opacity:1}.root-sf4EHo{--drawer-top-margin:6rem;z-index:101;max-height:calc(100vh - var(--drawer-top-margin));margin-top:var(--drawer-top-margin);background:var(--color-white,#fff);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 .3s 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>=900px){.root-sf4EHo{border-radius:var(--radius-radii-24,1.5rem);opacity:0;width:24.375rem;max-height:80vh;margin-top:0;transition:transform .3s 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)}.root-sf4EHo[data-desktop-fullscreen=true]{opacity:0;border-radius:0;width:100vw;height:100vh;max-height:none;margin-top:0;transition:opacity .3s cubic-bezier(.32,.72,0,1);inset:0;transform:none}.root-sf4EHo[data-desktop-fullscreen=true][data-state=open]{opacity:1}.root-sf4EHo[data-desktop-fullscreen=true] .panel-RaauhH{width:100%;max-width:64rem;padding-top:var(--spacing-size-80,5rem);margin:0 auto}}.header-i2W6Rn{justify-content:center;align-items:center;height:3.5rem;display:flex}.panel-RaauhH{overflow-y:auto}.close-EWvEEO{z-index:102;position:absolute;top:.75rem;left:.75rem}
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAoCtC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCR,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/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
|
|
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 l from"../../assets/icons/CaretUp.js";import m from"../../assets/icons/CheckboxChecked.js";import a from"../../assets/icons/CheckCircle.js";import n 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/Gallery.js";import C from"../../assets/icons/GlobeSimple.js";import g from"../../assets/icons/Google-fill.js";import h from"../../assets/icons/Info.js";import S from"../../assets/icons/Instagram.js";import k from"../../assets/icons/List-bullet.js";import u from"../../assets/icons/MagnifyingGlass.js";import G 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 y from"../../assets/icons/SealWarning.js";import x 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 N from"../../assets/icons/TrafficSign.js";import A from"../../assets/icons/WarningCircle-fill.js";import D from"../../assets/icons/WarningTriangle-fill.js";import E from"../../assets/icons/X.js";import F from"../../assets/icons/XCircle-fill.js";let L={ArrowsOutSimple:o,ArrowUpRight:i,CaretDown:r,CaretLeft:e,CaretRight:t,CaretUp:l,CheckboxChecked:m,CheckCircle:a,"CheckCircle-fill":n,DotsNine:c,Export:f,"Eye-fill":p,Gallery:j,GlobeSimple:C,GoogleFill:g,Info:h,Instagram:S,"List-bullet":k,MagnifyingGlass:u,Notches:G,"Pepper-fill":T,Phone:b,Placeholder:d,SealCheck:w,SealWarning:y,SlidersHorizontal:x,SquaresFour:I,StarFill:P,TikTok:W,TrafficSign:N,"WarningCircle-fill":A,"WarningTriangle-fill":D,X:E,"XCircle-fill":F},R=Object.keys(L);function U({name:o,size:i=24,color:r="currentColor",...e}){let t=L[o];return t?s(t,{fill:r,height:i,width:i,...e}):null}export{U as Icon,L as Icons,R as iconNames};
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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,CAAC,EAAE,MAAM,CAAC;IACf,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"}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { Avatar } from "./components/avatar/avatar";
|
|
2
2
|
export { Badge } from "./components/badge/badge";
|
|
3
3
|
export { Button } from "./components/button/button";
|
|
4
|
+
export { Drawer } from "./components/drawer/drawer";
|
|
4
5
|
export { FilterChipGroup } from "./components/filter-chip/filter-chip";
|
|
5
6
|
export { Icon } from "./components/icon/icon";
|
|
6
7
|
export { Logo } from "./components/logo/logo";
|
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,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"}
|
|
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,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{Avatar as o}from"./components/avatar/avatar.js";import{Badge as
|
|
1
|
+
import{Avatar as o}from"./components/avatar/avatar.js";import{Badge as r}from"./components/badge/badge.js";import{Button as t}from"./components/button/button.js";import{Drawer as m}from"./components/drawer/drawer.js";import{FilterChipGroup as n}from"./components/filter-chip/filter-chip.js";import{Icon as e}from"./components/icon/icon.js";import{Logo as p}from"./components/logo/logo.js";import{MapMarker as s}from"./components/map-marker/map-marker.js";import{MenuItem as i}from"./components/menu-item/menu-item.js";import{Notification as a}from"./components/notification/notification.js";import{ProgressIndicator as c}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as f}from"./components/search-input/search-input.js";import{SegmentedControl as g}from"./components/segmented-control/segmented-control.js";import{Tabs as j}from"./components/tabs/tabs.js";import{Typography as d}from"./components/typography/typography.js";export{o as Avatar,r as Badge,t as Button,m as Drawer,n as FilterChipGroup,e as Icon,p as Logo,s as MapMarker,i as MenuItem,a as Notification,c as ProgressIndicator,f as SearchInput,g as SegmentedControl,j as Tabs,d as Typography};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sate-lib",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.41.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"keywords": [
|
|
@@ -25,6 +25,10 @@
|
|
|
25
25
|
"import": "./lib/components/button/button.js",
|
|
26
26
|
"types": "./lib/components/button/button.d.ts"
|
|
27
27
|
},
|
|
28
|
+
"./drawer": {
|
|
29
|
+
"import": "./lib/components/drawer/drawer.js",
|
|
30
|
+
"types": "./lib/components/drawer/drawer.d.ts"
|
|
31
|
+
},
|
|
28
32
|
"./badge": {
|
|
29
33
|
"import": "./lib/components/badge/badge.js",
|
|
30
34
|
"types": "./lib/components/badge/badge.d.ts"
|
|
@@ -102,9 +106,8 @@
|
|
|
102
106
|
"@biomejs/biome": "2.2.5",
|
|
103
107
|
"@commitlint/cli": "20.1.0",
|
|
104
108
|
"@commitlint/config-conventional": "20.0.0",
|
|
105
|
-
"@rsbuild/core": "1.5.
|
|
109
|
+
"@rsbuild/core": "1.5.16",
|
|
106
110
|
"@rsbuild/plugin-react": "1.4.1",
|
|
107
|
-
"@rsbuild/plugin-sass": "1.4.0",
|
|
108
111
|
"@rsbuild/plugin-svgr": "1.2.2",
|
|
109
112
|
"@rslib/core": "0.15.0",
|
|
110
113
|
"@semantic-release/changelog": "6.0.3",
|
|
@@ -114,8 +117,8 @@
|
|
|
114
117
|
"@storybook/addon-designs": "10.0.2",
|
|
115
118
|
"@storybook/addon-docs": "9.1.10",
|
|
116
119
|
"@storybook/addon-links": "9.1.10",
|
|
117
|
-
"@types/node": "24.
|
|
118
|
-
"@types/react": "19.2.
|
|
120
|
+
"@types/node": "24.7.2",
|
|
121
|
+
"@types/react": "19.2.2",
|
|
119
122
|
"husky": "9.1.7",
|
|
120
123
|
"react": "19.2.0",
|
|
121
124
|
"semantic-release": "24.2.9",
|
|
@@ -131,6 +134,7 @@
|
|
|
131
134
|
"react-dom": ">=16.9.0"
|
|
132
135
|
},
|
|
133
136
|
"dependencies": {
|
|
137
|
+
"@radix-ui/react-portal": "^1.1.9",
|
|
134
138
|
"@radix-ui/react-radio-group": "1.3.8"
|
|
135
139
|
}
|
|
136
140
|
}
|