@solibo/solibo-ui 0.5.13 → 0.5.15
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/dist/assets/index11.css +1 -1
- package/dist/assets/index36.css +1 -1
- package/dist/assets/index45.css +1 -1
- package/dist/components/dialog/index.cjs +1 -1
- package/dist/components/dialog/index.cjs.map +1 -1
- package/dist/components/dialog/index.js +18 -7
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/form/index.cjs +1 -1
- package/dist/components/form/index.js +7 -7
- package/dist/components/textarea/index.cjs +1 -1
- package/dist/components/textarea/index.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/tokens.json +1 -1
- package/package.json +1 -1
package/dist/assets/index11.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dialog_mvo05_1{background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-md);border:none;box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);justify-self:center;max-height:85vh;max-width:75vw;min-width:25vw;opacity:0;overflow:hidden auto;position:relative;transition:opacity var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),visibility var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay);visibility:hidden}._dialog_mvo05_1>section:not(:first-of-type){border-top:var(--shape-border-width-default) solid var(--colors-semantic-border-default)}._dialog_mvo05_1 [data-tag=close-dialog]{position:absolute;right:0;top:0}._dialog_mvo05_1[open]{opacity:1;visibility:visible}._wrapper_mvo05_38{align-items:center;-webkit-backdrop-filter:blur(var(--scale-4)) brightness(.8);backdrop-filter:blur(var(--scale-4)) brightness(.8);display:flex;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),visibility var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),-webkit-backdrop-filter var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);transition:backdrop-filter var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),opacity var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),visibility var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay);transition:backdrop-filter var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),opacity var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),visibility var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),-webkit-backdrop-filter var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);visibility:hidden;width:100%;z-index:5}._wrapper_mvo05_38:has(dialog[open]){opacity:1;visibility:visible}@media (width <= 960px){._dialog_mvo05_1{max-width:90vw}}
|
package/dist/assets/index36.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._form_1xyuy_1{cursor:default;display:flex;flex-direction:column;gap:var(--utils-tokens-unit)}._form_1xyuy_1 button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._form_1xyuy_1 input,._form_1xyuy_1 select{width:100%}._form_1xyuy_1 label>span{margin-bottom:var(--scale-8)}._form_1xyuy_1 section{margin:var(--utils-tokens-unit) 0}._inline_1xyuy_25 input,._inline_1xyuy_25 textarea{border:none;border-radius:inherit;box-shadow:none;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;outline:0;padding:0}
|
package/dist/assets/index45.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
label span{display:block}.
|
|
1
|
+
label{width:100%}label span{display:block}._textarea_1x58v_9{field-sizing:content;font-size:var(--typography-font-sizes-body-md);height:auto;min-height:calc((var(--min-rows) * var(--utils-tokens-unit) * 1.25) + (2 * var(--utils-tokens-unit)));max-height:calc((var(--max-rows) * var(--utils-tokens-unit) * 1.25) + (2 * var(--utils-tokens-unit)));overflow-y:auto;resize:none;transition:height var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%;word-break:break-word}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const o=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const o=require("react/jsx-runtime"),s=require("react"),l=require("../button/index.cjs"),c=require("../icon/index.cjs"),d="_dialog_mvo05_1",p="_wrapper_mvo05_38",t={dialog:d,wrapper:p},u=({children:r,setOpen:n,...i})=>(s.useEffect(()=>{const e=a=>{a.key==="Escape"&&(a.preventDefault(),n(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)}),o.jsx("div",{className:t.wrapper,"data-wrapper":!0,onClick:()=>n(!1),"data-component":"dialog",children:o.jsxs("dialog",{className:t.dialog,onClick:e=>e.stopPropagation(),...i,children:[o.jsx(l.Button,{"aria-label":"Close dialog","data-tag":"close-dialog",onClick:()=>n(!1),type:"button",variant:"minimal",children:o.jsx(c.Icon,{name:"x"})}),r]})}));exports.Dialog=u;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n children: React.ReactNode;\n setOpen
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n children: React.ReactNode;\n setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key !== 'Escape') return;\n\n event.preventDefault();\n setOpen(false);\n };\n\n window.addEventListener('keydown', handleKeyDown);\n\n return () => window.removeEventListener('keydown', handleKeyDown);\n });\n\n return (\n <div\n className={styles.wrapper}\n data-wrapper\n onClick={() => setOpen(false)}\n >\n <dialog\n className={styles.dialog}\n onClick={(e) => e.stopPropagation()}\n {...props}\n >\n <Button\n aria-label={'Close dialog'} /* 🌝 */\n data-tag={'close-dialog'}\n onClick={() => setOpen(false)}\n type={'button'}\n variant='minimal'\n >\n <Icon name={'x'} />\n </Button>\n {children}\n </dialog>\n </div>\n );\n};\n"],"names":["Dialog","children","setOpen","props","useEffect","handleKeyDown","event","key","preventDefault","window","addEventListener","removeEventListener","jsx","styles","wrapper","jsxs","dialog","e","stopPropagation","Button","Icon"],"mappings":"yQAYaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAAS,GAAGC,CAAmB,KAChEC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAiBC,GAAyB,CAC1CA,EAAMC,MAAQ,WAElBD,EAAME,eAAAA,EACNN,EAAQ,EAAK,EACf,EAEAO,cAAOC,iBAAiB,UAAWL,CAAa,EAEzC,IAAMI,OAAOE,oBAAoB,UAAWN,CAAa,CAClE,CAAC,EAGCO,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAOC,QAClB,eAAY,GACZ,QAAS,IAAMZ,EAAQ,EAAK,EAAE,iBAAA,SAE9B,SAAAa,EAAAA,KAAC,SAAA,CACC,UAAWF,EAAOG,OAClB,QAAUC,GAAMA,EAAEC,gBAAAA,EAClB,GAAIf,EAEJ,SAAA,CAAAS,MAACO,EAAAA,QACC,aAAY,eACZ,WAAU,eACV,QAAS,IAAMjB,EAAQ,EAAK,EAC5B,KAAM,SACN,QAAQ,UAER,eAACkB,EAAAA,KAAA,CAAK,KAAM,IAAI,EAClB,EACCnB,CAAAA,CAAAA,CACH,CAAA,CACF"}
|
|
@@ -1,13 +1,24 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
1
|
+
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect as d } from "react";
|
|
3
|
+
import { Button as s } from "../button/index.js";
|
|
4
|
+
import { Icon as p } from "../icon/index.js";
|
|
5
|
+
import '../../assets/index11.css';const c = "_dialog_mvo05_1", m = "_wrapper_mvo05_38", t = {
|
|
3
6
|
dialog: c,
|
|
4
|
-
wrapper:
|
|
5
|
-
},
|
|
6
|
-
children:
|
|
7
|
+
wrapper: m
|
|
8
|
+
}, v = ({
|
|
9
|
+
children: n,
|
|
7
10
|
setOpen: a,
|
|
8
11
|
...i
|
|
9
|
-
}) =>
|
|
12
|
+
}) => (d(() => {
|
|
13
|
+
const o = (r) => {
|
|
14
|
+
r.key === "Escape" && (r.preventDefault(), a(!1));
|
|
15
|
+
};
|
|
16
|
+
return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
|
|
17
|
+
}), /* @__PURE__ */ e("div", { className: t.wrapper, "data-wrapper": !0, onClick: () => a(!1), "data-component": "dialog", children: /* @__PURE__ */ l("dialog", { className: t.dialog, onClick: (o) => o.stopPropagation(), ...i, children: [
|
|
18
|
+
/* @__PURE__ */ e(s, { "aria-label": "Close dialog", "data-tag": "close-dialog", onClick: () => a(!1), type: "button", variant: "minimal", children: /* @__PURE__ */ e(p, { name: "x" }) }),
|
|
19
|
+
n
|
|
20
|
+
] }) }));
|
|
10
21
|
export {
|
|
11
|
-
|
|
22
|
+
v as Dialog
|
|
12
23
|
};
|
|
13
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n children: React.ReactNode;\n setOpen
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n children: React.ReactNode;\n setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key !== 'Escape') return;\n\n event.preventDefault();\n setOpen(false);\n };\n\n window.addEventListener('keydown', handleKeyDown);\n\n return () => window.removeEventListener('keydown', handleKeyDown);\n });\n\n return (\n <div\n className={styles.wrapper}\n data-wrapper\n onClick={() => setOpen(false)}\n >\n <dialog\n className={styles.dialog}\n onClick={(e) => e.stopPropagation()}\n {...props}\n >\n <Button\n aria-label={'Close dialog'} /* 🌝 */\n data-tag={'close-dialog'}\n onClick={() => setOpen(false)}\n type={'button'}\n variant='minimal'\n >\n <Icon name={'x'} />\n </Button>\n {children}\n </dialog>\n </div>\n );\n};\n"],"names":["Dialog","children","setOpen","props","useEffect","handleKeyDown","event","key","preventDefault","window","addEventListener","removeEventListener","jsx","styles","wrapper","jsxs","dialog","e","stopPropagation","Button","Icon"],"mappings":";;;;;;;GAYaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAAS,GAAGC;AAAmB,OAChEC,EAAU,MAAM;AACd,QAAMC,IAAgBA,CAACC,MAAyB;AAC9C,IAAIA,EAAMC,QAAQ,aAElBD,EAAME,eAAAA,GACNN,EAAQ,EAAK;AAAA,EACf;AAEAO,gBAAOC,iBAAiB,WAAWL,CAAa,GAEzC,MAAMI,OAAOE,oBAAoB,WAAWN,CAAa;AAClE,CAAC,GAGC,gBAAAO,EAAC,OAAA,EACC,WAAWC,EAAOC,SAClB,gBAAY,IACZ,SAAS,MAAMZ,EAAQ,EAAK,GAAE,kBAAA,UAE9B,UAAA,gBAAAa,EAAC,UAAA,EACC,WAAWF,EAAOG,QAClB,SAAUC,CAAAA,MAAMA,EAAEC,gBAAAA,GAClB,GAAIf,GAEJ,UAAA;AAAA,EAAA,gBAAAS,EAACO,KACC,cAAY,gBACZ,YAAU,gBACV,SAAS,MAAMjB,EAAQ,EAAK,GAC5B,MAAM,UACN,SAAQ,WAER,4BAACkB,GAAA,EAAK,MAAM,KAAI,GAClB;AAAA,EACCnB;AAAAA,EAAAA,CACH,EAAA,CACF;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const s=require("react/jsx-runtime"),m=require("../../classix-5H4IWnMA.cjs"),a="_form_1xyuy_1",c="_inline_1xyuy_25",e={form:a,inline:c},l=({animation:o,children:n,className:t,inline:r=!1,...i})=>s.jsx("form",{className:m.t(t,r&&e.inline,e.form),"data-animation":o,...i,"data-component":"form",children:n&&n});exports.Form=l;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { t as s } from "../../classix-DG18itHa.js";
|
|
3
|
-
import '../../assets/index36.css';const a = "
|
|
3
|
+
import '../../assets/index36.css';const a = "_form_1xyuy_1", f = "_inline_1xyuy_25", n = {
|
|
4
4
|
form: a,
|
|
5
5
|
inline: f
|
|
6
6
|
}, _ = ({
|
|
7
|
-
animation:
|
|
8
|
-
children:
|
|
9
|
-
className:
|
|
10
|
-
inline:
|
|
11
|
-
...
|
|
12
|
-
}) => /* @__PURE__ */ e("form", { className: s(
|
|
7
|
+
animation: m,
|
|
8
|
+
children: o,
|
|
9
|
+
className: r,
|
|
10
|
+
inline: t = !1,
|
|
11
|
+
...i
|
|
12
|
+
}) => /* @__PURE__ */ e("form", { className: s(r, t && n.inline, n.form), "data-animation": m, ...i, "data-component": "form", children: o && o });
|
|
13
13
|
export {
|
|
14
14
|
_ as Form
|
|
15
15
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index45.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),x=require("../../utils-DBzf7CFq.cjs"),t=require("../../styles.module-CitJm17A.cjs"),d="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index45.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),x=require("../../utils-DBzf7CFq.cjs"),t=require("../../styles.module-CitJm17A.cjs"),d="_textarea_1x58v_9",m={textarea:d},y=({label:s,maxRows:o=12,minRows:c=3,required:r,value:a,...u})=>{const{touched:i,onBlur:l}=x.useTouched(a==="");return e.jsxs("label",{"data-component":"textarea",children:[s&&e.jsx("span",{className:n.t(r&&t.inputStyles.required),children:s}),e.jsx("textarea",{className:n.t(t.inputStyles.input,m.textarea,i&&t.inputStyles.touched),onBlur:l,...u,required:r,style:{"--min-rows":c,"--max-rows":o},value:a})]})};exports.Textarea=y;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
|
|
|
2
2
|
import { t as s } from "../../classix-DG18itHa.js";
|
|
3
3
|
import { u } from "../../utils--n2yqjCy.js";
|
|
4
4
|
import { i as t } from "../../styles.module-Ioe0wPWW.js";
|
|
5
|
-
import '../../assets/index45.css';const l = "
|
|
5
|
+
import '../../assets/index45.css';const l = "_textarea_1x58v_9", d = {
|
|
6
6
|
textarea: l
|
|
7
7
|
}, j = ({
|
|
8
8
|
label: e,
|
package/dist/index.d.ts
CHANGED
|
@@ -157,7 +157,7 @@ export declare const Dialog: ({ children, setOpen, ...props }: DialogProps) => J
|
|
|
157
157
|
|
|
158
158
|
declare type DialogProps = default_2.DialogHTMLAttributes<HTMLDialogElement> & {
|
|
159
159
|
children: default_2.ReactNode;
|
|
160
|
-
setOpen
|
|
160
|
+
setOpen: default_2.Dispatch<default_2.SetStateAction<boolean>>;
|
|
161
161
|
};
|
|
162
162
|
|
|
163
163
|
export declare const Dropdown: ({ children: selectElement, className, emptyLabel, searchPlaceholder, variant, ...props }: DropdownProps) => JSX.Element;
|
package/dist/tokens.json
CHANGED