@solibo/solibo-ui 0.2.4 → 0.2.6
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/index.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/assets/index3.css +1 -1
- package/dist/assets/index4.css +1 -1
- package/dist/assets/index5.css +1 -1
- package/dist/assets/index6.css +1 -1
- package/dist/assets/index7.css +1 -1
- package/dist/assets/index8.css +1 -0
- package/dist/components/banner/index.cjs +2 -0
- package/dist/components/banner/index.cjs.map +1 -0
- package/dist/components/banner/index.js +40 -0
- package/dist/components/banner/index.js.map +1 -0
- package/dist/components/button/index.cjs +1 -1
- package/dist/components/button/index.cjs.map +1 -1
- package/dist/components/button/index.js +23 -21
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/component/index.cjs +1 -1
- package/dist/components/component/index.cjs.map +1 -1
- package/dist/components/component/index.js +15 -15
- package/dist/components/component/index.js.map +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 +21 -21
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/editor/index.cjs +3 -57
- package/dist/components/editor/index.cjs.map +1 -1
- package/dist/components/editor/index.js +981 -11254
- package/dist/components/editor/index.js.map +1 -1
- package/dist/components/icon/index.cjs +1 -1
- package/dist/components/icon/index.cjs.map +1 -1
- package/dist/components/icon/index.js +20 -20
- package/dist/components/icon/index.js.map +1 -1
- package/dist/components/input/index.cjs +1 -1
- package/dist/components/input/index.cjs.map +1 -1
- package/dist/components/input/index.js +8 -8
- package/dist/components/input/index.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +11 -0
- package/dist/index.js +12 -10
- package/dist/index.js.map +1 -1
- package/dist/jsx-runtime-CgJvvRaT.js +282 -0
- package/dist/jsx-runtime-CgJvvRaT.js.map +1 -0
- package/dist/jsx-runtime-wx6f5G-9.cjs +23 -0
- package/dist/jsx-runtime-wx6f5G-9.cjs.map +1 -0
- package/package.json +1 -1
- package/dist/classix-5H4IWnMA.cjs +0 -2
- package/dist/classix-5H4IWnMA.cjs.map +0 -1
- package/dist/classix-DG18itHa.js +0 -9
- package/dist/classix-DG18itHa.js.map +0 -1
package/dist/assets/index2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._editor_17n1f_1{border:var(--border);border-radius:var(--border-radius)
|
|
1
|
+
._editor_17n1f_1{border:var(--border);border-radius:var(--border-radius)}._editor_17n1f_1 [role=textbox]{border-radius:0 0 var(--border-radius) var(--border-radius);padding:var(--unit-small) var(--unit)}._toolbar_17n1f_11{background-color:var(--color-light);border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:var(--border)}._toolbar_17n1f_11 button{border-left:var(--border);padding:var(--unit-small) var(--unit)}._toolbar_17n1f_11 button:first-child{border-left:none}._toolbar_17n1f_11 input{opacity:0;font-size:var(--font-size-small);padding:var(--unit-tiny) var(--unit-small);transition:opacity var(--transition-duration) var(--transition-function)}._toolbar_17n1f_11 ._active_17n1f_32{opacity:1}._bold_17n1f_37{font-weight:700}._italic_17n1f_41{font-style:italic}._link_17n1f_45{color:var(--color-primary);cursor:pointer;text-decoration:underline}._list_17n1f_51,._paragraph_17n1f_52{margin:var(--unit-small) 0}._list_17n1f_51{list-style-type:disc;padding-left:var(--unit-large)}
|
package/dist/assets/index3.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._input_1qkbh_1{border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow);color:var(--color-black);padding:var(--unit-small) var(--unit)
|
|
1
|
+
._input_1qkbh_1{border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow);color:var(--color-black);padding:var(--unit-small) var(--unit)}._input_1qkbh_1::-moz-placeholder{color:var(--color-dark)}._input_1qkbh_1::placeholder{color:var(--color-dark)}
|
package/dist/assets/index4.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._dialog_1sw8v_1{background-color:var(--color-white);border-radius:var(--border-radius);border:none;box-shadow:var(--shadow-box);justify-self:center;max-width:75vw;min-width:25vw;opacity:0;transition:opacity var(--transition-duration) var(--transition-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-function) var(--transition-delay);visibility:hidden
|
|
1
|
+
._dialog_1sw8v_1{background-color:var(--color-white);border-radius:var(--border-radius);border:none;box-shadow:var(--shadow-box);justify-self:center;max-width:75vw;min-width:25vw;opacity:0;transition:opacity var(--transition-duration) var(--transition-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-function) var(--transition-delay);visibility:hidden}._dialog_1sw8v_1[open]{opacity:1;visibility:visible}._dialog_1sw8v_1 button{width:100%}._wrapper_1sw8v_25{align-items:center;background-color:#0000001a;-webkit-backdrop-filter:blur(var(--unit));backdrop-filter:blur(var(--unit));display:flex;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-duration) var(--transition-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-function);transition:backdrop-filter var(--transition-duration) var(--transition-function),opacity var(--transition-duration) var(--transition-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-function) var(--transition-delay);transition:backdrop-filter var(--transition-duration) var(--transition-function),opacity var(--transition-duration) var(--transition-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-function);visibility:hidden;width:100%;z-index:1}._wrapper_1sw8v_25:has(dialog[open]){opacity:1;visibility:visible}
|
package/dist/assets/index5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._component_1c19r_1
|
|
1
|
+
._component_1c19r_1 article h1{color:var(--color-primary)}._component_1c19r_1 article h1 span{font-size:calc(var(--unit-large) * 1.5);margin-left:var(--unit-small)}._component_1c19r_1 article p{font-size:var(--font-size-normal)}._component_1c19r_1 article p:last-child{margin-top:var(--unit);font-size:var(--font-size-small);font-style:italic}
|
package/dist/assets/index6.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._icon_15h6k_1{background-repeat:no-repeat;background-size:contain;display:inline-block;vertical-align:middle}._small_15h6k_8{height:var(--unit);width:var(--unit)}._medium_15h6k_13{height:calc(var(--unit) * 1.5);width:calc(var(--unit) * 1.5)}._large_15h6k_18{height:calc(var(--unit) * 2);width:calc(var(--unit) * 2)}._default_15h6k_23{background-color:var(--color-black)}._dialog_15h6k_27{background-color:var(--color-green)}._wrapper_15h6k_31{--size-dialog: calc(var(--unit) * 5)
|
|
1
|
+
._icon_15h6k_1{background-repeat:no-repeat;background-size:contain;display:inline-block;vertical-align:middle}._small_15h6k_8{height:var(--unit);width:var(--unit)}._medium_15h6k_13{height:calc(var(--unit) * 1.5);width:calc(var(--unit) * 1.5)}._large_15h6k_18{height:calc(var(--unit) * 2);width:calc(var(--unit) * 2)}._default_15h6k_23{background-color:var(--color-black)}._dialog_15h6k_27{background-color:var(--color-green)}._wrapper_15h6k_31{--size-dialog: calc(var(--unit) * 5)}._wrapper_15h6k_31:has(>._dialog_15h6k_27){align-content:center;background-color:var(--color-green-light);border-radius:var(--size-dialog);display:inline-block;height:var(--size-dialog);text-align:center;width:var(--size-dialog)}._wrapper_15h6k_31 ._dialog_15h6k_27{height:calc(var(--unit) * 3);width:calc(var(--unit) * 3)}
|
package/dist/assets/index7.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._banner_sxeiu_1{align-items:center;background-color:var(--color-primary);color:var(--color-white);display:flex;opacity:0;padding:var(--unit);transform:translateY(calc(-100% - 2 * var(--unit)));position:fixed;top:0;left:0;right:0;z-index:1337}._banner_sxeiu_1 button{margin-left:auto}._banner_sxeiu_1._visible_sxeiu_21{animation:_slide-down_sxeiu_1 var(--transition-duration) var(--transition-function);opacity:1;transform:translateY(0)}@keyframes _slide-down_sxeiu_1{0%{opacity:0;transform:translateY(calc(-100% - 2 * var(--unit)))}to{opacity:1;transform:translateY(0)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._button_jn29k_1{background-color:var(--color-light);border:none;border-radius:var(--border-radius);box-shadow:var(--shadow);color:var(--color-grey-dark);padding:var(--unit-small) var(--unit)}._button_jn29k_1:not([disabled]):hover{background-image:none}._minimal_jn29k_14{background:none;border:none;border-radius:0;box-shadow:none;opacity:var(--toggle-opacity);transition:opacity var(--transition-duration) var(--transition-function)}._minimal_jn29k_14:not([disabled]):hover{opacity:1}._primary_jn29k_27{background-color:var(--color-primary);color:var(--color-white);transition:var(--transition-duration) var(--transition-function)}._primary_jn29k_27:not([disabled]):hover{background-color:var(--color-primary-dark)}._white_jn29k_37{background-color:var(--color-white);color:var(--color-black)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const n=require("../../jsx-runtime-wx6f5G-9.cjs"),c=require("classix"),l=require("../button/index.cjs"),o="_banner_sxeiu_1",x="_visible_sxeiu_21",r={banner:o,visible:x},_=({button:s,message:a,onClick:e,onDismiss:t,visible:i=!1,...u})=>{const b=()=>{e==null||e(),t==null||t()};return n.jsxRuntimeExports.jsxs("div",{className:c(r.banner,i&&r.visible),...u,children:[a,n.jsxRuntimeExports.jsx(l.Button,{onClick:b,label:s,variant:"white"})]})};exports.Banner=_;
|
|
2
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/banner/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type BannerProps = {\n button: string;\n message: string;\n onClick?: () => void;\n onDismiss?: () => void;\n visible?: boolean;\n};\n\nexport const Banner = ({\n button,\n message,\n onClick,\n onDismiss,\n visible = false,\n ...props\n}: BannerProps) => {\n const handleClick = () => {\n onClick?.();\n onDismiss?.();\n };\n\n return (\n <div\n className={cx(styles.banner, visible && styles.visible)}\n {...props}\n >\n {message}\n <Button\n onClick={handleClick}\n label={button}\n variant='white'\n />\n </div>\n );\n};\n"],"names":["Banner","button","message","onClick","onDismiss","visible","props","handleClick","jsxs","cx","styles","jsx","Button"],"mappings":"yPAaaA,EAAS,CAAC,CACrB,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,IAAmB,CACjB,MAAMC,EAAc,IAAM,CACxBJ,GAAA,MAAAA,IACAC,GAAA,MAAAA,GACF,EAEA,OACEI,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWC,EAAGC,EAAO,OAAQL,GAAWK,EAAO,OAAO,EACrD,GAAGJ,EAEH,SAAA,CAAAJ,EACDS,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,QAASL,EACT,MAAON,EACP,QAAQ,OAAA,CAAA,CACV,CAAA,CAAA,CAGN"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { j as t } from "../../jsx-runtime-CgJvvRaT.js";
|
|
2
|
+
import x from "classix";
|
|
3
|
+
import { Button as o } from "../button/index.js";
|
|
4
|
+
import '../../assets/index7.css';const c = "_banner_sxeiu_1", v = "_visible_sxeiu_21", n = {
|
|
5
|
+
banner: c,
|
|
6
|
+
visible: v
|
|
7
|
+
}, f = ({
|
|
8
|
+
button: a,
|
|
9
|
+
message: s,
|
|
10
|
+
onClick: e,
|
|
11
|
+
onDismiss: r,
|
|
12
|
+
visible: b = !1,
|
|
13
|
+
...l
|
|
14
|
+
}) => {
|
|
15
|
+
const i = () => {
|
|
16
|
+
e == null || e(), r == null || r();
|
|
17
|
+
};
|
|
18
|
+
return /* @__PURE__ */ t.jsxs(
|
|
19
|
+
"div",
|
|
20
|
+
{
|
|
21
|
+
className: x(n.banner, b && n.visible),
|
|
22
|
+
...l,
|
|
23
|
+
children: [
|
|
24
|
+
s,
|
|
25
|
+
/* @__PURE__ */ t.jsx(
|
|
26
|
+
o,
|
|
27
|
+
{
|
|
28
|
+
onClick: i,
|
|
29
|
+
label: a,
|
|
30
|
+
variant: "white"
|
|
31
|
+
}
|
|
32
|
+
)
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
};
|
|
37
|
+
export {
|
|
38
|
+
f as Banner
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/banner/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type BannerProps = {\n button: string;\n message: string;\n onClick?: () => void;\n onDismiss?: () => void;\n visible?: boolean;\n};\n\nexport const Banner = ({\n button,\n message,\n onClick,\n onDismiss,\n visible = false,\n ...props\n}: BannerProps) => {\n const handleClick = () => {\n onClick?.();\n onDismiss?.();\n };\n\n return (\n <div\n className={cx(styles.banner, visible && styles.visible)}\n {...props}\n >\n {message}\n <Button\n onClick={handleClick}\n label={button}\n variant='white'\n />\n </div>\n );\n};\n"],"names":["Banner","button","message","onClick","onDismiss","visible","props","handleClick","jsxs","cx","styles","jsx","Button"],"mappings":";;;;;;GAaaA,IAAS,CAAC;AAAA,EACrB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAmB;AACjB,QAAMC,IAAc,MAAM;AACxB,IAAAJ,KAAA,QAAAA,KACAC,KAAA,QAAAA;AAAA,EACF;AAEA,SACEI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAAO,QAAQL,KAAWK,EAAO,OAAO;AAAA,MACrD,GAAGJ;AAAA,MAEH,UAAA;AAAA,QAAAJ;AAAA,QACDS,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAASL;AAAA,YACT,OAAON;AAAA,YACP,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const u=require("../../jsx-runtime-wx6f5G-9.cjs"),c=require("classix"),l="_button_jn29k_1",_="_minimal_jn29k_14",y="_primary_jn29k_27",b="_white_jn29k_37",t={button:l,minimal:_,primary:y,white:b},j={default:t.default,minimal:t.minimal,primary:t.primary,secondary:t.secondary,white:t.white},d=({children:n,className:i,disabled:e=!1,label:o,title:r,type:s="button",variant:a="default",...m})=>u.jsxRuntimeExports.jsx("button",{className:c(i,t.button,j[a]),disabled:e,title:r,type:s,...m,children:n||o});exports.Button=d;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n minimal: styles.minimal,\n primary: styles.primary,\n secondary: styles.secondary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n label?: string;\n title?: string;\n variant?: keyof typeof variants;\n type?: 'button' | 'submit' | 'reset';\n};\n\nexport const Button = ({\n children,\n className,\n disabled = false,\n label,\n title,\n type = 'button',\n variant = 'default',\n ...props\n}: ButtonProps) => {\n return (\n <button\n className={cx(className, styles.button, variants[variant])}\n disabled={disabled}\n title={title}\n type={type}\n {...props}\n >\n {children ? children : label}\n </button>\n );\n};\n"],"names":["variants","styles","Button","children","className","disabled","label","title","type","variant","props","jsx","cx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n minimal: styles.minimal,\n primary: styles.primary,\n secondary: styles.secondary,\n white: styles.white,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n label?: string;\n title?: string;\n variant?: keyof typeof variants;\n type?: 'button' | 'submit' | 'reset';\n};\n\nexport const Button = ({\n children,\n className,\n disabled = false,\n label,\n title,\n type = 'button',\n variant = 'default',\n ...props\n}: ButtonProps) => {\n return (\n <button\n className={cx(className, styles.button, variants[variant])}\n disabled={disabled}\n title={title}\n type={type}\n {...props}\n >\n {children ? children : label}\n </button>\n );\n};\n"],"names":["variants","styles","Button","children","className","disabled","label","title","type","variant","props","jsx","cx"],"mappings":"oRAIMA,EAAW,CACf,QAASC,EAAO,QAChB,QAASA,EAAO,QAChB,QAASA,EAAO,QAChB,UAAWA,EAAO,UAClB,MAAOA,EAAO,KAChB,EAYaC,EAAS,CAAC,CACrB,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAEIC,EAAAA,kBAAAA,IAAC,SAAA,CACC,UAAWC,EAAGR,EAAWH,EAAO,OAAQD,EAASS,CAAO,CAAC,EACzD,SAAAJ,EACA,MAAAE,EACA,KAAAC,EACC,GAAGE,EAEH,YAAsBJ,CAAA,CAAA"}
|
|
@@ -1,32 +1,34 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/
|
|
4
|
-
button:
|
|
5
|
-
minimal:
|
|
6
|
-
primary:
|
|
7
|
-
|
|
1
|
+
import { j as u } from "../../jsx-runtime-CgJvvRaT.js";
|
|
2
|
+
import _ from "classix";
|
|
3
|
+
import '../../assets/index8.css';const c = "_button_jn29k_1", l = "_minimal_jn29k_14", p = "_primary_jn29k_27", y = "_white_jn29k_37", t = {
|
|
4
|
+
button: c,
|
|
5
|
+
minimal: l,
|
|
6
|
+
primary: p,
|
|
7
|
+
white: y
|
|
8
|
+
}, j = {
|
|
8
9
|
default: t.default,
|
|
9
10
|
minimal: t.minimal,
|
|
10
11
|
primary: t.primary,
|
|
11
|
-
secondary: t.secondary
|
|
12
|
+
secondary: t.secondary,
|
|
13
|
+
white: t.white
|
|
12
14
|
}, d = ({
|
|
13
15
|
children: n,
|
|
14
|
-
className:
|
|
15
|
-
disabled:
|
|
16
|
-
label:
|
|
17
|
-
title:
|
|
18
|
-
type:
|
|
16
|
+
className: i,
|
|
17
|
+
disabled: o = !1,
|
|
18
|
+
label: a,
|
|
19
|
+
title: m,
|
|
20
|
+
type: r = "button",
|
|
19
21
|
variant: s = "default",
|
|
20
|
-
...
|
|
21
|
-
}) => /* @__PURE__ */
|
|
22
|
+
...e
|
|
23
|
+
}) => /* @__PURE__ */ u.jsx(
|
|
22
24
|
"button",
|
|
23
25
|
{
|
|
24
|
-
className:
|
|
25
|
-
disabled:
|
|
26
|
-
title:
|
|
27
|
-
type:
|
|
28
|
-
...
|
|
29
|
-
children: n ||
|
|
26
|
+
className: _(i, t.button, j[s]),
|
|
27
|
+
disabled: o,
|
|
28
|
+
title: m,
|
|
29
|
+
type: r,
|
|
30
|
+
...e,
|
|
31
|
+
children: n || a
|
|
30
32
|
}
|
|
31
33
|
);
|
|
32
34
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n minimal: styles.minimal,\n primary: styles.primary,\n secondary: styles.secondary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n label?: string;\n title?: string;\n variant?: keyof typeof variants;\n type?: 'button' | 'submit' | 'reset';\n};\n\nexport const Button = ({\n children,\n className,\n disabled = false,\n label,\n title,\n type = 'button',\n variant = 'default',\n ...props\n}: ButtonProps) => {\n return (\n <button\n className={cx(className, styles.button, variants[variant])}\n disabled={disabled}\n title={title}\n type={type}\n {...props}\n >\n {children ? children : label}\n </button>\n );\n};\n"],"names":["variants","styles","Button","children","className","disabled","label","title","type","variant","props","jsx","cx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n minimal: styles.minimal,\n primary: styles.primary,\n secondary: styles.secondary,\n white: styles.white,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n label?: string;\n title?: string;\n variant?: keyof typeof variants;\n type?: 'button' | 'submit' | 'reset';\n};\n\nexport const Button = ({\n children,\n className,\n disabled = false,\n label,\n title,\n type = 'button',\n variant = 'default',\n ...props\n}: ButtonProps) => {\n return (\n <button\n className={cx(className, styles.button, variants[variant])}\n disabled={disabled}\n title={title}\n type={type}\n {...props}\n >\n {children ? children : label}\n </button>\n );\n};\n"],"names":["variants","styles","Button","children","className","disabled","label","title","type","variant","props","jsx","cx"],"mappings":";;;;;;;GAIMA,IAAW;AAAA,EACf,SAASC,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,WAAWA,EAAO;AAAA,EAClB,OAAOA,EAAO;AAChB,GAYaC,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGR,GAAWH,EAAO,QAAQD,EAASS,CAAO,CAAC;AAAA,IACzD,UAAAJ;AAAA,IACA,OAAAE;AAAA,IACA,MAAAC;AAAA,IACC,GAAGE;AAAA,IAEH,eAAsBJ;AAAA,EAAA;AAAA;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const e=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const e=require("../../jsx-runtime-wx6f5G-9.cjs"),t=require("../icon/index.cjs"),n="_component_1c19r_1",s={component:n},i=({...o})=>e.jsxRuntimeExports.jsx("div",{className:s.component,...o,children:e.jsxRuntimeExports.jsxs("article",{children:[e.jsxRuntimeExports.jsx("h1",{children:"Hello world"}),e.jsxRuntimeExports.jsxs("p",{children:["Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad doloribus odio, aperiam enim provident voluptates, eos illum, error nihil amet iste necessitatibus ab unde accusantium in. ",e.jsxRuntimeExports.jsx("b",{children:"Explicabo quod eius numquam?"})]}),e.jsxRuntimeExports.jsx("a",{href:"/?path=/docs/introduction--docs",children:e.jsxRuntimeExports.jsx(t.Icon,{name:"home",variant:"dialog"})}),e.jsxRuntimeExports.jsx("p",{children:"Feel free to copy this folder to have a bare minimum component."})]})});exports.Component=i;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/component/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport const Component = ({ ...props }) => {\n return (\n <div\n className={styles.component}\n {...props}\n >\n <article>\n <h1>Hello world</h1>\n\n <p>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad doloribus odio, aperiam enim\n provident voluptates, eos illum, error nihil amet iste necessitatibus ab unde accusantium\n in. <b>Explicabo quod eius numquam?</b>\n </p>\n\n <a href='/?path=/docs/introduction--docs'>\n <Icon\n name='home'\n variant='dialog'\n />\n </a>\n\n <p>Feel free to copy this folder to have a bare minimum component.</p>\n </article>\n </div>\n );\n};\n"],"names":["Component","props","jsx","styles","Icon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/component/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport const Component = ({ ...props }) => {\n return (\n <div\n className={styles.component}\n {...props}\n >\n <article>\n <h1>Hello world</h1>\n\n <p>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad doloribus odio, aperiam enim\n provident voluptates, eos illum, error nihil amet iste necessitatibus ab unde accusantium\n in. <b>Explicabo quod eius numquam?</b>\n </p>\n\n <a href='/?path=/docs/introduction--docs'>\n <Icon\n name='home'\n variant='dialog'\n />\n </a>\n\n <p>Feel free to copy this folder to have a bare minimum component.</p>\n </article>\n </div>\n );\n};\n"],"names":["Component","props","jsx","styles","Icon"],"mappings":"wMAGaA,EAAY,CAAC,CAAE,GAAGC,KAE3BC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAO,UACjB,GAAGF,EAEJ,kCAAC,UAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAG,SAAA,aAAA,CAAW,2BAEd,IAAA,CAAE,SAAA,CAAA,0LAGGA,EAAAA,kBAAAA,IAAC,KAAE,SAAA,8BAAA,CAA4B,CAAA,EACrC,EAEAA,EAAAA,kBAAAA,IAAC,IAAA,CAAE,KAAK,kCACN,SAAAA,EAAAA,kBAAAA,IAACE,EAAAA,KAAA,CACC,KAAK,OACL,QAAQ,QAAA,CAAA,EAEZ,EAEAF,EAAAA,kBAAAA,IAAC,KAAE,SAAA,iEAAA,CAA+D,CAAA,CAAA,CACpE,CAAA,CAAA"}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Icon as
|
|
3
|
-
import '../../assets/index5.css';const
|
|
4
|
-
component:
|
|
5
|
-
},
|
|
1
|
+
import { j as o } from "../../jsx-runtime-CgJvvRaT.js";
|
|
2
|
+
import { Icon as i } from "../icon/index.js";
|
|
3
|
+
import '../../assets/index5.css';const n = "_component_1c19r_1", t = {
|
|
4
|
+
component: n
|
|
5
|
+
}, c = ({ ...e }) => /* @__PURE__ */ o.jsx(
|
|
6
6
|
"div",
|
|
7
7
|
{
|
|
8
|
-
className:
|
|
9
|
-
...
|
|
10
|
-
children: /* @__PURE__ */
|
|
11
|
-
/* @__PURE__ */ o("h1", { children: "Hello world" }),
|
|
12
|
-
/* @__PURE__ */
|
|
8
|
+
className: t.component,
|
|
9
|
+
...e,
|
|
10
|
+
children: /* @__PURE__ */ o.jsxs("article", { children: [
|
|
11
|
+
/* @__PURE__ */ o.jsx("h1", { children: "Hello world" }),
|
|
12
|
+
/* @__PURE__ */ o.jsxs("p", { children: [
|
|
13
13
|
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad doloribus odio, aperiam enim provident voluptates, eos illum, error nihil amet iste necessitatibus ab unde accusantium in. ",
|
|
14
|
-
/* @__PURE__ */ o("b", { children: "Explicabo quod eius numquam?" })
|
|
14
|
+
/* @__PURE__ */ o.jsx("b", { children: "Explicabo quod eius numquam?" })
|
|
15
15
|
] }),
|
|
16
|
-
/* @__PURE__ */ o("a", { href: "/?path=/docs/introduction--docs", children: /* @__PURE__ */ o(
|
|
17
|
-
|
|
16
|
+
/* @__PURE__ */ o.jsx("a", { href: "/?path=/docs/introduction--docs", children: /* @__PURE__ */ o.jsx(
|
|
17
|
+
i,
|
|
18
18
|
{
|
|
19
19
|
name: "home",
|
|
20
20
|
variant: "dialog"
|
|
21
21
|
}
|
|
22
22
|
) }),
|
|
23
|
-
/* @__PURE__ */ o("p", { children: "Feel free to copy this folder to have a bare minimum component." })
|
|
23
|
+
/* @__PURE__ */ o.jsx("p", { children: "Feel free to copy this folder to have a bare minimum component." })
|
|
24
24
|
] })
|
|
25
25
|
}
|
|
26
26
|
);
|
|
27
27
|
export {
|
|
28
|
-
|
|
28
|
+
c as Component
|
|
29
29
|
};
|
|
30
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/component/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport const Component = ({ ...props }) => {\n return (\n <div\n className={styles.component}\n {...props}\n >\n <article>\n <h1>Hello world</h1>\n\n <p>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad doloribus odio, aperiam enim\n provident voluptates, eos illum, error nihil amet iste necessitatibus ab unde accusantium\n in. <b>Explicabo quod eius numquam?</b>\n </p>\n\n <a href='/?path=/docs/introduction--docs'>\n <Icon\n name='home'\n variant='dialog'\n />\n </a>\n\n <p>Feel free to copy this folder to have a bare minimum component.</p>\n </article>\n </div>\n );\n};\n"],"names":["Component","props","jsx","styles","Icon"],"mappings":";;;;GAGaA,IAAY,CAAC,EAAE,GAAGC,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/component/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport const Component = ({ ...props }) => {\n return (\n <div\n className={styles.component}\n {...props}\n >\n <article>\n <h1>Hello world</h1>\n\n <p>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad doloribus odio, aperiam enim\n provident voluptates, eos illum, error nihil amet iste necessitatibus ab unde accusantium\n in. <b>Explicabo quod eius numquam?</b>\n </p>\n\n <a href='/?path=/docs/introduction--docs'>\n <Icon\n name='home'\n variant='dialog'\n />\n </a>\n\n <p>Feel free to copy this folder to have a bare minimum component.</p>\n </article>\n </div>\n );\n};\n"],"names":["Component","props","jsx","styles","Icon"],"mappings":";;;;GAGaA,IAAY,CAAC,EAAE,GAAGC,QAE3BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAO;AAAA,IACjB,GAAGF;AAAA,IAEJ,iCAAC,WAAA,EACC,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,QAAG,UAAA,cAAA,CAAW;AAAA,6BAEd,KAAA,EAAE,UAAA;AAAA,QAAA;AAAA,QAGGA,gBAAAA,EAAAA,IAAC,OAAE,UAAA,+BAAA,CAA4B;AAAA,MAAA,GACrC;AAAA,MAEAA,gBAAAA,EAAAA,IAAC,KAAA,EAAE,MAAK,mCACN,UAAAA,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,QAAA;AAAA,MAAA,GAEZ;AAAA,MAEAF,gBAAAA,EAAAA,IAAC,OAAE,UAAA,kEAAA,CAA+D;AAAA,IAAA,EAAA,CACpE;AAAA,EAAA;AAAA;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const s=require("../../jsx-runtime-wx6f5G-9.cjs"),x=require("../button/index.cjs"),a="_dialog_1sw8v_1",l="_wrapper_1sw8v_25",e={dialog:a,wrapper:l},p=({button:r,children:t,message:i,title:o,...n})=>s.jsxRuntimeExports.jsx("div",{className:e.wrapper,children:s.jsxRuntimeExports.jsx("dialog",{className:e.dialog,...n,children:t||s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("h1",{children:o}),s.jsxRuntimeExports.jsx("p",{children:i}),s.jsxRuntimeExports.jsx("form",{method:"dialog",children:s.jsxRuntimeExports.jsx(x.Button,{label:r,type:"submit",variant:"primary"})})]})})});exports.Dialog=p;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n button?: string;\n children?: React.ReactNode;\n message?: string;\n title?: string;\n};\n\nexport const Dialog = ({\n button,\n children,\n message,\n title,\n\n ...props\n}: DialogProps) => {\n return (\n <div className={styles.wrapper}>\n <dialog\n className={styles.dialog}\n {...props}\n >\n {children ? (\n children\n ) : (\n <>\n <h1>{title}</h1>\n <p>{message}</p>\n <form method='dialog'>\n <Button\n label={button}\n type='submit'\n variant='primary'\n />\n </form>\n </>\n )}\n </dialog>\n </div>\n );\n};\n"],"names":["Dialog","button","children","message","title","props","jsx","styles","jsxs","Fragment","Button"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n button?: string;\n children?: React.ReactNode;\n message?: string;\n title?: string;\n};\n\nexport const Dialog = ({\n button,\n children,\n message,\n title,\n\n ...props\n}: DialogProps) => {\n return (\n <div className={styles.wrapper}>\n <dialog\n className={styles.dialog}\n {...props}\n >\n {children ? (\n children\n ) : (\n <>\n <h1>{title}</h1>\n <p>{message}</p>\n <form method='dialog'>\n <Button\n label={button}\n type='submit'\n variant='primary'\n />\n </form>\n </>\n )}\n </dialog>\n </div>\n );\n};\n"],"names":["Dialog","button","children","message","title","props","jsx","styles","jsxs","Fragment","Button"],"mappings":"oOAUaA,EAAS,CAAC,CACrB,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,MAAAC,EAEA,GAAGC,CACL,IAEIC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,QACrB,SAAAD,EAAAA,kBAAAA,IAAC,SAAA,CACC,UAAWC,EAAO,OACjB,GAAGF,EAEH,SAAAH,GAGCM,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,MAAI,SAAAF,CAAA,CAAM,EACXE,EAAAA,kBAAAA,IAAC,KAAG,SAAAH,CAAA,CAAQ,EACZG,EAAAA,kBAAAA,IAAC,OAAA,CAAK,OAAO,SACX,SAAAA,EAAAA,kBAAAA,IAACI,EAAAA,OAAA,CACC,MAAOT,EACP,KAAK,SACL,QAAQ,SAAA,CAAA,CACV,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EAGN"}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Button as
|
|
3
|
-
import '../../assets/index4.css';const
|
|
4
|
-
dialog:
|
|
5
|
-
wrapper:
|
|
6
|
-
},
|
|
7
|
-
button:
|
|
8
|
-
children:
|
|
9
|
-
message:
|
|
10
|
-
title:
|
|
11
|
-
...
|
|
12
|
-
}) => /* @__PURE__ */ r("div", { className:
|
|
1
|
+
import { j as r } from "../../jsx-runtime-CgJvvRaT.js";
|
|
2
|
+
import { Button as l } from "../button/index.js";
|
|
3
|
+
import '../../assets/index4.css';const p = "_dialog_1sw8v_1", n = "_wrapper_1sw8v_25", a = {
|
|
4
|
+
dialog: p,
|
|
5
|
+
wrapper: n
|
|
6
|
+
}, c = ({
|
|
7
|
+
button: o,
|
|
8
|
+
children: s,
|
|
9
|
+
message: e,
|
|
10
|
+
title: i,
|
|
11
|
+
...t
|
|
12
|
+
}) => /* @__PURE__ */ r.jsx("div", { className: a.wrapper, children: /* @__PURE__ */ r.jsx(
|
|
13
13
|
"dialog",
|
|
14
14
|
{
|
|
15
|
-
className:
|
|
16
|
-
...
|
|
17
|
-
children:
|
|
18
|
-
/* @__PURE__ */ r("h1", { children:
|
|
19
|
-
/* @__PURE__ */ r("p", { children:
|
|
20
|
-
/* @__PURE__ */ r("form", { method: "dialog", children: /* @__PURE__ */ r(
|
|
21
|
-
|
|
15
|
+
className: a.dialog,
|
|
16
|
+
...t,
|
|
17
|
+
children: s || /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
|
|
18
|
+
/* @__PURE__ */ r.jsx("h1", { children: i }),
|
|
19
|
+
/* @__PURE__ */ r.jsx("p", { children: e }),
|
|
20
|
+
/* @__PURE__ */ r.jsx("form", { method: "dialog", children: /* @__PURE__ */ r.jsx(
|
|
21
|
+
l,
|
|
22
22
|
{
|
|
23
|
-
label:
|
|
23
|
+
label: o,
|
|
24
24
|
type: "submit",
|
|
25
25
|
variant: "primary"
|
|
26
26
|
}
|
|
@@ -29,6 +29,6 @@ import '../../assets/index4.css';const n = "_dialog_1sw8v_1", c = "_wrapper_1sw8
|
|
|
29
29
|
}
|
|
30
30
|
) });
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
c as Dialog
|
|
33
33
|
};
|
|
34
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n button?: string;\n children?: React.ReactNode;\n message?: string;\n title?: string;\n};\n\nexport const Dialog = ({\n button,\n children,\n message,\n title,\n\n ...props\n}: DialogProps) => {\n return (\n <div className={styles.wrapper}>\n <dialog\n className={styles.dialog}\n {...props}\n >\n {children ? (\n children\n ) : (\n <>\n <h1>{title}</h1>\n <p>{message}</p>\n <form method='dialog'>\n <Button\n label={button}\n type='submit'\n variant='primary'\n />\n </form>\n </>\n )}\n </dialog>\n </div>\n );\n};\n"],"names":["Dialog","button","children","message","title","props","jsx","styles","jsxs","Fragment","Button"],"mappings":";;;;;GAUaA,IAAS,CAAC;AAAA,EACrB,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EAEA,GAAGC;AACL,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n button?: string;\n children?: React.ReactNode;\n message?: string;\n title?: string;\n};\n\nexport const Dialog = ({\n button,\n children,\n message,\n title,\n\n ...props\n}: DialogProps) => {\n return (\n <div className={styles.wrapper}>\n <dialog\n className={styles.dialog}\n {...props}\n >\n {children ? (\n children\n ) : (\n <>\n <h1>{title}</h1>\n <p>{message}</p>\n <form method='dialog'>\n <Button\n label={button}\n type='submit'\n variant='primary'\n />\n </form>\n </>\n )}\n </dialog>\n </div>\n );\n};\n"],"names":["Dialog","button","children","message","title","props","jsx","styles","jsxs","Fragment","Button"],"mappings":";;;;;GAUaA,IAAS,CAAC;AAAA,EACrB,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EAEA,GAAGC;AACL,MAEIC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAAD,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAO;AAAA,IACjB,GAAGF;AAAA,IAEH,UAAAH,KAGCM,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,MAAAH,gBAAAA,EAAAA,IAAC,QAAI,UAAAF,EAAA,CAAM;AAAA,MACXE,gBAAAA,EAAAA,IAAC,OAAG,UAAAH,EAAA,CAAQ;AAAA,MACZG,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAO,UACX,UAAAA,gBAAAA,EAAAA;AAAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAOT;AAAA,UACP,MAAK;AAAA,UACL,SAAQ;AAAA,QAAA;AAAA,MAAA,EACV,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA;AAAA,GAGN;"}
|