@plastic-js/tsumiki 0.1.6 → 0.1.8
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.
|
@@ -14,7 +14,6 @@ var backdropClass = css({
|
|
|
14
14
|
inset: 0,
|
|
15
15
|
background: "rgba(0, 0, 0, 0.6)",
|
|
16
16
|
backdropFilter: "blur(4px)",
|
|
17
|
-
zIndex: 9998,
|
|
18
17
|
"&[hidden]": { display: "none" }
|
|
19
18
|
});
|
|
20
19
|
var positionerClass = css({
|
|
@@ -23,7 +22,6 @@ var positionerClass = css({
|
|
|
23
22
|
display: "flex",
|
|
24
23
|
alignItems: "flex-end",
|
|
25
24
|
justifyContent: "center",
|
|
26
|
-
zIndex: 9999,
|
|
27
25
|
"@media (min-width: 640px)": {
|
|
28
26
|
alignItems: "center",
|
|
29
27
|
padding: "24px"
|
|
@@ -124,9 +122,11 @@ var Root = (props = {}) => {
|
|
|
124
122
|
"onClose",
|
|
125
123
|
"onOpenChange",
|
|
126
124
|
"closeOnInteractOutside",
|
|
127
|
-
"lazyMount"
|
|
125
|
+
"lazyMount",
|
|
126
|
+
"zIndex"
|
|
128
127
|
]);
|
|
129
128
|
return OriginalRoot(mergeProps$1(rest, {
|
|
129
|
+
zIndex: local.zIndex ?? null,
|
|
130
130
|
closeOnInteractOutside: local.closeOnInteractOutside ?? false,
|
|
131
131
|
lazyMount: local.lazyMount ?? true,
|
|
132
132
|
onOpenChange: (open) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","names":["css","Dialog","mergeProps","splitProps","Portal","Icon","_tmpl4","_template","_tmpl3","_tmpl2","_tmpl","backdropClass","position","inset","background","backdropFilter","zIndex","display","positionerClass","alignItems","justifyContent","padding","contentClass","border","borderRadius","width","maxWidth","maxHeight","flexDirection","color","boxShadow","headClass","borderBottom","titleWrapClass","gap","minWidth","titleIconClass","flexShrink","titleClass","fontSize","fontWeight","margin","closeBtnClass","height","lineHeight","cursor","bodyClass","overflowY","footClass","borderTop","btnClass","flex","fontFamily","borderColor","btnPrimaryClass","filter","opacity","OriginalRoot","Root","props","local","rest","closeOnInteractOutside","lazyMount","onOpenChange","open","onOpen","onClose","Preset","rootProps","_jsx","_mergeProps","children","Backdrop","className","Positioner","Content","_el0","cloneNode","_el1","firstChild","_el2","_el3","nextSibling","_el4","_insert","icon","size","svg","Title","title","_setProp","CloseTrigger","hidden","cancelText","confirmText","type","loading","onConfirm","Object","assign"],"sources":["../../src/components/Dialog.jsx"],"sourcesContent":["import { css } from '@emotion/css'\nimport { Dialog } from '@plastic-js/ark'\nimport { mergeProps, splitProps } from '@plastic-js/plastic'\nimport Portal from './Portal.jsx'\nimport Icon from './Icon.jsx'\n\nconst backdropClass = css({\n\tposition: 'fixed',\n\tinset: 0,\n\tbackground: 'rgba(0, 0, 0, 0.6)',\n\tbackdropFilter: 'blur(4px)',\n\tzIndex: 9998,\n\t'&[hidden]': { display: 'none' },\n})\n\nconst positionerClass = css({\n\tposition: 'fixed',\n\tinset: 0,\n\tdisplay: 'flex',\n\talignItems: 'flex-end',\n\tjustifyContent: 'center',\n\tzIndex: 9999,\n\t'@media (min-width: 640px)': {\n\t\talignItems: 'center',\n\t\tpadding: '24px',\n\t},\n})\n\nconst contentClass = css({\n\tbackground: 'var(--surface)',\n\tborder: '1px solid var(--border)',\n\tborderRadius: '20px 20px 0 0',\n\twidth: '100%',\n\tmaxWidth: '480px',\n\tmaxHeight: '92vh',\n\tdisplay: 'flex',\n\tflexDirection: 'column',\n\tcolor: 'var(--ink)',\n\tboxShadow: '0 -8px 32px rgba(0,0,0,0.4)',\n\t'&[hidden]': { display: 'none' },\n\t'@media (min-width: 640px)': {\n\t\tborderRadius: '20px',\n\t},\n})\n\nconst headClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'space-between',\n\tpadding: '18px 20px',\n\tborderBottom: '1px solid var(--border)',\n})\n\nconst titleWrapClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tgap: '10px',\n\tminWidth: 0,\n})\n\nconst titleIconClass = css({\n\tflexShrink: 0,\n\tcolor: 'var(--accent)',\n})\n\nconst titleClass = css({\n\tfontSize: '18px',\n\tfontWeight: 700,\n\tmargin: 0,\n})\n\nconst closeBtnClass = css({\n\twidth: '32px',\n\theight: '32px',\n\tborderRadius: '50%',\n\tbackground: 'transparent',\n\tborder: 'none',\n\tcolor: 'var(--muted)',\n\tfontSize: '22px',\n\tlineHeight: 1,\n\tcursor: 'pointer',\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'center',\n\t'&:hover': { background: 'rgba(255,255,255,0.06)', color: 'var(--ink)' },\n\t'&[hidden]': { display: 'none' },\n})\n\nconst bodyClass = css({\n\tpadding: '20px',\n\toverflowY: 'auto',\n})\n\nconst footClass = css({\n\tdisplay: 'flex',\n\tgap: '10px',\n\tpadding: '14px 20px 20px',\n\tborderTop: '1px solid var(--border)',\n})\n\nconst btnClass = css({\n\tflex: 1,\n\theight: '46px',\n\tborderRadius: '10px',\n\tborder: '1px solid var(--border)',\n\tbackground: 'transparent',\n\tcolor: 'var(--ink)',\n\tfontSize: '15px',\n\tfontWeight: 600,\n\tfontFamily: 'inherit',\n\tcursor: 'pointer',\n\t'&:hover': { borderColor: 'rgba(255,255,255,0.2)' },\n})\n\nconst btnPrimaryClass = css({\n\tbackground: 'var(--accent)',\n\tborderColor: 'var(--accent)',\n\tcolor: '#fff',\n\t'&:hover': { filter: 'brightness(1.08)' },\n\t'&:disabled': { opacity: 0.5, cursor: 'not-allowed' },\n})\n\nconst OriginalRoot = Dialog.Root\n\nconst Root = (props = {})=> {\n\tconst [local, rest] = splitProps(props, ['onOpen', 'onClose', 'onOpenChange', 'closeOnInteractOutside', 'lazyMount'])\n\treturn OriginalRoot(mergeProps(rest, {\n\t\tcloseOnInteractOutside: local.closeOnInteractOutside ?? false,\n\t\t// Defer rendering the dialog body until it is first opened, then keep it\n\t\t// mounted. ark's Positioner gates its subtree on this via presence strategy.\n\t\tlazyMount: local.lazyMount ?? true,\n\t\tonOpenChange: (open)=> {\n\t\t\tlocal.onOpenChange?.(open)\n\t\t\tif (open){ local.onOpen?.() } else { local.onClose?.() }\n\t\t},\n\t}))\n}\n\nconst Preset = (props)=> {\n\tconst [local, rootProps] = splitProps(props, ['title', 'icon', 'cancelText', 'confirmText', 'onConfirm', 'loading', 'children'])\n\treturn (\n\t\t<Root {...rootProps}>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop className={backdropClass} />\n\t\t\t\t<Dialog.Positioner className={positionerClass}>\n\t\t\t\t\t<Dialog.Content className={contentClass}>\n\t\t\t\t\t\t<div className={headClass}>\n\t\t\t\t\t\t\t<div className={titleWrapClass}>\n\t\t\t\t\t\t\t\t{local.icon && <Icon className={titleIconClass} size={20} svg={local.icon} />}\n\t\t\t\t\t\t\t\t<Dialog.Title className={titleClass}>\n\t\t\t\t\t\t\t\t\t{local.title}\n\t\t\t\t\t\t\t\t</Dialog.Title>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Dialog.CloseTrigger aria-label='Close' className={closeBtnClass} hidden>×</Dialog.CloseTrigger>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={bodyClass}>\n\t\t\t\t\t\t\t{local.children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{((local.cancelText ?? 'Cancel') || (local.confirmText ?? 'Confirm')) && (\n\t\t\t\t\t\t\t<div className={footClass}>\n\t\t\t\t\t\t\t\t<Dialog.CloseTrigger className={btnClass} type='button'>\n\t\t\t\t\t\t\t\t\t{local.cancelText ?? 'Cancel'}\n\t\t\t\t\t\t\t\t</Dialog.CloseTrigger>\n\t\t\t\t\t\t\t\t{(local.confirmText ?? 'Confirm') && (\n\t\t\t\t\t\t\t\t\t<button className={`${btnClass} ${btnPrimaryClass}`} disabled={local.loading?.()} onClick={local.onConfirm} type='button'>\n\t\t\t\t\t\t\t\t\t\t{local.loading?.() ? 'Loading…' : local.confirmText ?? 'Confirm'}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Portal>\n\t\t</Root>\n\t)\n}\n\nexport default Object.assign(Root, {\n\t...Dialog, OriginalRoot: Root, Root: Preset,\n})\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dialog.js","names":["css","Dialog","mergeProps","splitProps","Portal","Icon","_tmpl4","_template","_tmpl3","_tmpl2","_tmpl","backdropClass","position","inset","background","backdropFilter","display","positionerClass","alignItems","justifyContent","padding","contentClass","border","borderRadius","width","maxWidth","maxHeight","flexDirection","color","boxShadow","headClass","borderBottom","titleWrapClass","gap","minWidth","titleIconClass","flexShrink","titleClass","fontSize","fontWeight","margin","closeBtnClass","height","lineHeight","cursor","bodyClass","overflowY","footClass","borderTop","btnClass","flex","fontFamily","borderColor","btnPrimaryClass","filter","opacity","OriginalRoot","Root","props","local","rest","zIndex","closeOnInteractOutside","lazyMount","onOpenChange","open","onOpen","onClose","Preset","rootProps","_jsx","_mergeProps","children","Backdrop","className","Positioner","Content","_el0","cloneNode","_el1","firstChild","_el2","_el3","nextSibling","_el4","_insert","icon","size","svg","Title","title","_setProp","CloseTrigger","hidden","cancelText","confirmText","type","loading","onConfirm","Object","assign"],"sources":["../../src/components/Dialog.jsx"],"sourcesContent":["import { css } from '@emotion/css'\nimport { Dialog } from '@plastic-js/ark'\nimport { mergeProps, splitProps } from '@plastic-js/plastic'\nimport Portal from './Portal.jsx'\nimport Icon from './Icon.jsx'\n\nconst backdropClass = css({\n\tposition: 'fixed',\n\tinset: 0,\n\tbackground: 'rgba(0, 0, 0, 0.6)',\n\tbackdropFilter: 'blur(4px)',\n\t'&[hidden]': { display: 'none' },\n})\n\nconst positionerClass = css({\n\tposition: 'fixed',\n\tinset: 0,\n\tdisplay: 'flex',\n\talignItems: 'flex-end',\n\tjustifyContent: 'center',\n\t'@media (min-width: 640px)': {\n\t\talignItems: 'center',\n\t\tpadding: '24px',\n\t},\n})\n\nconst contentClass = css({\n\tbackground: 'var(--surface)',\n\tborder: '1px solid var(--border)',\n\tborderRadius: '20px 20px 0 0',\n\twidth: '100%',\n\tmaxWidth: '480px',\n\tmaxHeight: '92vh',\n\tdisplay: 'flex',\n\tflexDirection: 'column',\n\tcolor: 'var(--ink)',\n\tboxShadow: '0 -8px 32px rgba(0,0,0,0.4)',\n\t'&[hidden]': { display: 'none' },\n\t'@media (min-width: 640px)': {\n\t\tborderRadius: '20px',\n\t},\n})\n\nconst headClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'space-between',\n\tpadding: '18px 20px',\n\tborderBottom: '1px solid var(--border)',\n})\n\nconst titleWrapClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tgap: '10px',\n\tminWidth: 0,\n})\n\nconst titleIconClass = css({\n\tflexShrink: 0,\n\tcolor: 'var(--accent)',\n})\n\nconst titleClass = css({\n\tfontSize: '18px',\n\tfontWeight: 700,\n\tmargin: 0,\n})\n\nconst closeBtnClass = css({\n\twidth: '32px',\n\theight: '32px',\n\tborderRadius: '50%',\n\tbackground: 'transparent',\n\tborder: 'none',\n\tcolor: 'var(--muted)',\n\tfontSize: '22px',\n\tlineHeight: 1,\n\tcursor: 'pointer',\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'center',\n\t'&:hover': { background: 'rgba(255,255,255,0.06)', color: 'var(--ink)' },\n\t'&[hidden]': { display: 'none' },\n})\n\nconst bodyClass = css({\n\tpadding: '20px',\n\toverflowY: 'auto',\n})\n\nconst footClass = css({\n\tdisplay: 'flex',\n\tgap: '10px',\n\tpadding: '14px 20px 20px',\n\tborderTop: '1px solid var(--border)',\n})\n\nconst btnClass = css({\n\tflex: 1,\n\theight: '46px',\n\tborderRadius: '10px',\n\tborder: '1px solid var(--border)',\n\tbackground: 'transparent',\n\tcolor: 'var(--ink)',\n\tfontSize: '15px',\n\tfontWeight: 600,\n\tfontFamily: 'inherit',\n\tcursor: 'pointer',\n\t'&:hover': { borderColor: 'rgba(255,255,255,0.2)' },\n})\n\nconst btnPrimaryClass = css({\n\tbackground: 'var(--accent)',\n\tborderColor: 'var(--accent)',\n\tcolor: '#fff',\n\t'&:hover': { filter: 'brightness(1.08)' },\n\t'&:disabled': { opacity: 0.5, cursor: 'not-allowed' },\n})\n\nconst OriginalRoot = Dialog.Root\n\nconst Root = (props = {})=> {\n\tconst [local, rest] = splitProps(props, ['onOpen', 'onClose', 'onOpenChange', 'closeOnInteractOutside', 'lazyMount', 'zIndex'])\n\treturn OriginalRoot(mergeProps(rest, {\n\t\tzIndex: local.zIndex ?? null,\n\t\tcloseOnInteractOutside: local.closeOnInteractOutside ?? false,\n\t\t// Defer rendering the dialog body until it is first opened, then keep it\n\t\t// mounted. ark's Positioner gates its subtree on this via presence strategy.\n\t\tlazyMount: local.lazyMount ?? true,\n\t\tonOpenChange: (open)=> {\n\t\t\tlocal.onOpenChange?.(open)\n\t\t\tif (open){ local.onOpen?.() } else { local.onClose?.() }\n\t\t},\n\t}))\n}\n\nconst Preset = (props)=> {\n\tconst [local, rootProps] = splitProps(props, ['title', 'icon', 'cancelText', 'confirmText', 'onConfirm', 'loading', 'children'])\n\treturn (\n\t\t<Root {...rootProps}>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop className={backdropClass} />\n\t\t\t\t<Dialog.Positioner className={positionerClass}>\n\t\t\t\t\t<Dialog.Content className={contentClass}>\n\t\t\t\t\t\t<div className={headClass}>\n\t\t\t\t\t\t\t<div className={titleWrapClass}>\n\t\t\t\t\t\t\t\t{local.icon && <Icon className={titleIconClass} size={20} svg={local.icon} />}\n\t\t\t\t\t\t\t\t<Dialog.Title className={titleClass}>\n\t\t\t\t\t\t\t\t\t{local.title}\n\t\t\t\t\t\t\t\t</Dialog.Title>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Dialog.CloseTrigger aria-label='Close' className={closeBtnClass} hidden>×</Dialog.CloseTrigger>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={bodyClass}>\n\t\t\t\t\t\t\t{local.children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{((local.cancelText ?? 'Cancel') || (local.confirmText ?? 'Confirm')) && (\n\t\t\t\t\t\t\t<div className={footClass}>\n\t\t\t\t\t\t\t\t<Dialog.CloseTrigger className={btnClass} type='button'>\n\t\t\t\t\t\t\t\t\t{local.cancelText ?? 'Cancel'}\n\t\t\t\t\t\t\t\t</Dialog.CloseTrigger>\n\t\t\t\t\t\t\t\t{(local.confirmText ?? 'Confirm') && (\n\t\t\t\t\t\t\t\t\t<button className={`${btnClass} ${btnPrimaryClass}`} disabled={local.loading?.()} onClick={local.onConfirm} type='button'>\n\t\t\t\t\t\t\t\t\t\t{local.loading?.() ? 'Loading…' : local.confirmText ?? 'Confirm'}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Portal>\n\t\t</Root>\n\t)\n}\n\nexport default Object.assign(Root, {\n\t...Dialog, OriginalRoot: Root, Root: Preset,\n})\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plastic-js/tsumiki",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.8",
|
|
4
4
|
"description": "A UI component library for Plastic JS.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "tigre",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@emotion/css": "^11.13.5",
|
|
50
50
|
"@plastic-js/ark": "^1.0.6",
|
|
51
|
-
"@plastic-js/plastic": "^1.0.
|
|
51
|
+
"@plastic-js/plastic": "^1.0.17"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"@zag-js/combobox": "1.40.0"
|