@simplysm/solid 13.0.3 → 13.0.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.
- package/dist/components/data/list/ListItem.styles.d.ts.map +1 -1
- package/dist/components/data/list/ListItem.styles.js +2 -1
- package/dist/components/data/list/ListItem.styles.js.map +1 -1
- package/dist/components/form-control/Button.d.ts.map +1 -1
- package/dist/components/form-control/Button.js +2 -1
- package/dist/components/form-control/Button.js.map +2 -2
- package/dist/components/form-control/DropdownTrigger.styles.d.ts.map +1 -1
- package/dist/components/form-control/DropdownTrigger.styles.js +3 -2
- package/dist/components/form-control/DropdownTrigger.styles.js.map +1 -1
- package/dist/components/form-control/Invalid.d.ts.map +1 -1
- package/dist/components/form-control/Invalid.js +12 -10
- package/dist/components/form-control/Invalid.js.map +2 -2
- package/dist/components/form-control/checkbox/Checkbox.styles.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/Checkbox.styles.js +6 -3
- package/dist/components/form-control/checkbox/Checkbox.styles.js.map +1 -1
- package/dist/components/form-control/editor/RichTextEditor.d.ts.map +1 -1
- package/dist/components/form-control/editor/RichTextEditor.js +2 -1
- package/dist/components/form-control/editor/RichTextEditor.js.map +2 -2
- package/dist/components/form-control/field/Field.styles.d.ts.map +1 -1
- package/dist/components/form-control/field/Field.styles.js +7 -4
- package/dist/components/form-control/field/Field.styles.js.map +1 -1
- package/dist/components/form-control/state-preset/StatePreset.d.ts.map +1 -1
- package/dist/components/form-control/state-preset/StatePreset.js +8 -4
- package/dist/components/form-control/state-preset/StatePreset.js.map +2 -2
- package/dist/styles/tokens.styles.d.ts +2 -1
- package/dist/styles/tokens.styles.d.ts.map +1 -1
- package/dist/styles/tokens.styles.js +2 -0
- package/dist/styles/tokens.styles.js.map +1 -1
- package/package.json +3 -3
- package/src/components/data/list/ListItem.styles.ts +1 -0
- package/src/components/form-control/Button.tsx +1 -0
- package/src/components/form-control/DropdownTrigger.styles.ts +2 -1
- package/src/components/form-control/Invalid.tsx +10 -6
- package/src/components/form-control/checkbox/Checkbox.styles.ts +3 -0
- package/src/components/form-control/editor/RichTextEditor.tsx +1 -0
- package/src/components/form-control/field/Field.styles.ts +4 -1
- package/src/components/form-control/state-preset/StatePreset.tsx +4 -0
- package/src/styles/tokens.styles.ts +2 -1
- package/tailwind.config.ts +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data/list/ListItem.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGlF,eAAO,MAAM,iBAAiB,QAa7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data/list/ListItem.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGlF,eAAO,MAAM,iBAAiB,QAa7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI7D,CAAC;AAGF,eAAO,MAAM,qBAAqB,QAMjC,CAAC;AAGF,eAAO,MAAM,qBAAqB,QAAqD,CAAC;AAGxF,eAAO,MAAM,qBAAqB,QAAuD,CAAC;AAG1F,eAAO,MAAM,wBAAwB,QAA2C,CAAC;AAGjF,eAAO,MAAM,oBAAoB,QAAkE,CAAC;AAGpG,eAAO,MAAM,4BAA4B,GAAI,UAAU,OAAO,WACkC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/data/list/ListItem.styles.ts"],
|
|
4
|
-
"mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,qBAAyC;AAG3C,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,sBAAqD;AAAA,EAChE,IAAI,KAAK,aAAa;AAAA,EACtB,IAAI,KAAK,aAAa;
|
|
4
|
+
"mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,qBAAyC;AAG3C,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,sBAAqD;AAAA,EAChE,IAAI,KAAK,aAAa;AAAA,EACtB,IAAI,KAAK,aAAa;AAAA,EACtB,IAAI,KAAK,WAAW;AACtB;AAGO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,wBAAwB,KAAK,4CAA4C;AAG/E,MAAM,wBAAwB,KAAK,8CAA8C;AAGjF,MAAM,2BAA2B,KAAK,qBAAqB,aAAa;AAGxE,MAAM,uBAAuB,KAAK,wBAAwB,sBAAsB,WAAW;AAG3F,MAAM,+BAA+B,CAAC,aAC3C,KAAK,WAAW,2CAA2C,kCAAkC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAc,MAAM,UAAU,CAAC;AAItE,OAAO,EAAe,KAAK,aAAa,EAAE,KAAK,aAAa,EAAmB,MAAM,4BAA4B,CAAC;AAKlH,KAAK,WAAW,GAAG,aAAa,CAAC;AACjC,KAAK,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AACnD,KAAK,UAAU,GAAG,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAc,MAAM,UAAU,CAAC;AAItE,OAAO,EAAe,KAAK,aAAa,EAAE,KAAK,aAAa,EAAmB,MAAM,4BAA4B,CAAC;AAKlH,KAAK,WAAW,GAAG,aAAa,CAAC;AACjC,KAAK,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AACnD,KAAK,UAAU,GAAG,aAAa,CAAC;AAkChC,MAAM,WAAW,WAAY,SAAQ,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,EAAE,eAAe,CAAC,WAAW,CAsC/C,CAAC"}
|
|
@@ -19,7 +19,8 @@ const themeClasses = Object.fromEntries(Object.entries(themeTokens).map(([theme,
|
|
|
19
19
|
}]));
|
|
20
20
|
const sizeClasses = {
|
|
21
21
|
sm: clsx("min-w-6 px-1 py-0"),
|
|
22
|
-
lg: clsx("min-w-9 px-3 py-1.5")
|
|
22
|
+
lg: clsx("min-w-9 px-3 py-1.5"),
|
|
23
|
+
xl: clsx("min-w-10 px-4 py-2 text-lg")
|
|
23
24
|
};
|
|
24
25
|
const Button = (props) => {
|
|
25
26
|
const [local, rest] = splitProps(props, ["children", "class", "type", "theme", "variant", "size", "inset", "disabled"]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/form-control/Button.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;AAAA,SAAyCA,kBAAkB;AAC3D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SAASC,aAAqDC,uBAAuB;AAGrF,KAAKF;AAML,MAAMG,YAAYL,KAChB,4BACA,aACA,aACA,kBACA,eACA,kBACA,qBACA,WACA,sBACA,wBACA,6BACA,SACF;AAEA,MAAMM,eAAeC,OAAOC,YAC1BD,OAAOE,QAAQN,WAAW,EAAEO,IAAI,CAAC,CAACC,OAAOC,CAAC,MAAM,CAC9CD,OACA;EACEE,OAAOb,KAAKY,EAAEC,OAAOD,EAAEE,UAAU;EACjCC,SAASf,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,MAAML,EAAEM,MAAM;EAC3DC,OAAOnB,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,IAAI;AACjD,CAAC,CACF,CACH;AAEA,MAAMG,cAA0C;EAC9CC,IAAIrB,KAAK,mBAAmB;EAC5BsB,IAAItB,KAAK,qBAAqB;
|
|
5
|
-
"names": ["splitProps", "clsx", "twMerge", "ripple", "themeTokens", "disabledOpacity", "baseClass", "themeClasses", "Object", "fromEntries", "entries", "map", "theme", "t", "solid", "solidHover", "outline", "hoverBg", "text", "border", "ghost", "sizeClasses", "sm", "lg", "Button", "props", "local", "rest", "getClassName", "variant", "size", "inset", "disabled", "class", "_el$", "_tmpl$", "_$use", "_$spread", "_$mergeProps", "type", "_$insert", "children"]
|
|
4
|
+
"mappings": ";;;;;;;AAAA,SAAyCA,kBAAkB;AAC3D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SAASC,aAAqDC,uBAAuB;AAGrF,KAAKF;AAML,MAAMG,YAAYL,KAChB,4BACA,aACA,aACA,kBACA,eACA,kBACA,qBACA,WACA,sBACA,wBACA,6BACA,SACF;AAEA,MAAMM,eAAeC,OAAOC,YAC1BD,OAAOE,QAAQN,WAAW,EAAEO,IAAI,CAAC,CAACC,OAAOC,CAAC,MAAM,CAC9CD,OACA;EACEE,OAAOb,KAAKY,EAAEC,OAAOD,EAAEE,UAAU;EACjCC,SAASf,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,MAAML,EAAEM,MAAM;EAC3DC,OAAOnB,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,IAAI;AACjD,CAAC,CACF,CACH;AAEA,MAAMG,cAA0C;EAC9CC,IAAIrB,KAAK,mBAAmB;EAC5BsB,IAAItB,KAAK,qBAAqB;EAC9BuB,IAAIvB,KAAK,4BAA4B;AACvC;AASO,MAAMwB,SAAwCC,WAAU;AAC7D,QAAM,CAACC,OAAOC,IAAI,IAAI5B,WAAW0B,OAAO,CACtC,YACA,SACA,QACA,SACA,WACA,QACA,SACA,UAAU,CACX;AAED,QAAMG,eAAeA,MAAM;AACzB,UAAMjB,QAAQe,MAAMf,SAAS;AAC7B,UAAMkB,UAAUH,MAAMG,WAAW;AAEjC,WAAO5B,QACLI,WACAC,aAAaK,KAAK,EAAEkB,OAAO,GAC3BH,MAAMI,QAAQV,YAAYM,MAAMI,IAAI,GACpCJ,MAAMK,SAAS,4BACfL,MAAMM,YAAY5B,iBAClBsB,MAAMO,KACR;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,UAIQlC,QAAMgC,MAAA,MAAE,CAACR,MAAMM,QAAQ;AAAAK,aAAAH,MAAAI,aAFvBX,MAAI;MAAA,eAAA;MAAA,IAGRY,OAAI;AAAA,eAAEb,MAAMa,QAAQ;MAAQ;MAAA,KAAA,OAAA,IAAA;AAAA,eACrBX,aAAa;MAAC;MAAA,IACrBI,WAAQ;AAAA,eAAEN,MAAMM;MAAQ;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAQ,aAAAN,MAAA,MAEvBR,MAAMe,QAAQ;AAAA,WAAAP;EAAA,GAAA;AAGrB;",
|
|
5
|
+
"names": ["splitProps", "clsx", "twMerge", "ripple", "themeTokens", "disabledOpacity", "baseClass", "themeClasses", "Object", "fromEntries", "entries", "map", "theme", "t", "solid", "solidHover", "outline", "hoverBg", "text", "border", "ghost", "sizeClasses", "sm", "lg", "xl", "Button", "props", "local", "rest", "getClassName", "variant", "size", "inset", "disabled", "class", "_el$", "_tmpl$", "_$use", "_$spread", "_$mergeProps", "type", "_$insert", "children"]
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownTrigger.styles.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/DropdownTrigger.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,aAAa,
|
|
1
|
+
{"version":3,"file":"DropdownTrigger.styles.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/DropdownTrigger.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,aAAa,EAAmC,MAAM,4BAA4B,CAAC;AAGhH,eAAO,MAAM,gBAAgB,QAW5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAA2D,CAAC;AAE1F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAA0C,CAAC;AAE3E,oCAAoC;AACpC,wBAAgB,eAAe,CAAC,OAAO,EAAE;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,MAAM,CAST"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import clsx from "clsx";
|
|
2
2
|
import { twMerge } from "tailwind-merge";
|
|
3
|
-
import { borderDefault, paddingLg, paddingSm } from "../../styles/tokens.styles.js";
|
|
3
|
+
import { borderDefault, paddingLg, paddingSm, paddingXl } from "../../styles/tokens.styles.js";
|
|
4
4
|
import { insetBase, insetFocusOutlineSelf } from "../../styles/patterns.styles.js";
|
|
5
5
|
const triggerBaseClass = clsx(
|
|
6
6
|
"inline-flex items-center gap-2",
|
|
@@ -20,7 +20,8 @@ const triggerDisabledClass = clsx(
|
|
|
20
20
|
const triggerInsetClass = clsx(insetBase, "bg-transparent", insetFocusOutlineSelf);
|
|
21
21
|
const triggerSizeClasses = {
|
|
22
22
|
sm: clsx("gap-1.5", paddingSm),
|
|
23
|
-
lg: clsx("gap-3", paddingLg)
|
|
23
|
+
lg: clsx("gap-3", paddingLg),
|
|
24
|
+
xl: clsx("gap-3.5", paddingXl)
|
|
24
25
|
};
|
|
25
26
|
const chevronWrapperClass = clsx("opacity-30", "hover:opacity-100");
|
|
26
27
|
function getTriggerClass(options) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/form-control/DropdownTrigger.styles.ts"],
|
|
4
|
-
"mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,eAAmC,WAAW,iBAAiB;
|
|
4
|
+
"mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,eAAmC,WAAW,WAAW,iBAAiB;AACnF,SAAS,WAAW,6BAA6B;AAE1C,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,uBAAuB;AAAA,EAClC;AACF;AAEO,MAAM,oBAAoB,KAAK,WAAW,kBAAkB,qBAAqB;AAEjF,MAAM,qBAAoD;AAAA,EAC/D,IAAI,KAAK,WAAW,SAAS;AAAA,EAC7B,IAAI,KAAK,SAAS,SAAS;AAAA,EAC3B,IAAI,KAAK,WAAW,SAAS;AAC/B;AAEO,MAAM,sBAAsB,KAAK,cAAc,mBAAmB;AAGlE,SAAS,gBAAgB,SAKrB;AACT,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,QAAQ,QAAQ,mBAAmB,QAAQ,IAAI;AAAA,IAC/C,QAAQ,YAAY;AAAA,IACpB,QAAQ,SAAS;AAAA,IACjB,QAAQ;AAAA,EACV;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Invalid.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/Invalid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAA4B,MAAM,UAAU,CAAC;AAG1E,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;
|
|
1
|
+
{"version":3,"file":"Invalid.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/Invalid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAA4B,MAAM,UAAU,CAAC;AAG1E,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,eAAO,MAAM,OAAO,EAAE,eAAe,CAAC,YAAY,CAoCjD,CAAC"}
|
|
@@ -6,12 +6,13 @@ import { use as _$use } from "solid-js/web";
|
|
|
6
6
|
import { className as _$className } from "solid-js/web";
|
|
7
7
|
import { spread as _$spread } from "solid-js/web";
|
|
8
8
|
import { mergeProps as _$mergeProps } from "solid-js/web";
|
|
9
|
-
var _tmpl$ = /* @__PURE__ */ _$template(`<div><
|
|
9
|
+
var _tmpl$ = /* @__PURE__ */ _$template(`<div><span><span></span></span><input type=text tabindex=-1 aria-hidden=true>`);
|
|
10
10
|
import { createEffect, splitProps } from "solid-js";
|
|
11
11
|
import clsx from "clsx";
|
|
12
12
|
import { twMerge } from "tailwind-merge";
|
|
13
13
|
import "@simplysm/core-browser";
|
|
14
|
-
const
|
|
14
|
+
const anchorClass = clsx("relative inline-block", "size-0 align-top", "overflow-visible", "pointer-events-none select-none");
|
|
15
|
+
const indicatorClass = clsx("absolute left-0.5 top-0.5", "size-1.5 rounded-full", "bg-danger-500");
|
|
15
16
|
const hiddenInputClass = clsx("absolute bottom-0 left-0.5", "size-px opacity-0", "pointer-events-none -z-10", "select-none");
|
|
16
17
|
const Invalid = (props) => {
|
|
17
18
|
const [local, rest] = splitProps(props, ["message", "class", "children"]);
|
|
@@ -29,19 +30,20 @@ const Invalid = (props) => {
|
|
|
29
30
|
}
|
|
30
31
|
};
|
|
31
32
|
return (() => {
|
|
32
|
-
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
|
|
33
|
+
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling;
|
|
33
34
|
_$spread(_el$, _$mergeProps(rest, {
|
|
34
35
|
get ["class"]() {
|
|
35
|
-
return twMerge("
|
|
36
|
+
return twMerge("inline", local.class);
|
|
36
37
|
}
|
|
37
38
|
}), false, true);
|
|
38
|
-
_$
|
|
39
|
-
_$className(_el$
|
|
40
|
-
_el
|
|
39
|
+
_$className(_el$2, anchorClass);
|
|
40
|
+
_$className(_el$3, indicatorClass);
|
|
41
|
+
_$insert(_el$, () => local.children, _el$4);
|
|
42
|
+
_el$4.addEventListener("focus", handleHiddenInputFocus);
|
|
41
43
|
var _ref$ = hiddenInputEl;
|
|
42
|
-
typeof _ref$ === "function" ? _$use(_ref$, _el$
|
|
43
|
-
_$className(_el$
|
|
44
|
-
_$effect((_$p) => _$setStyleProperty(_el$
|
|
44
|
+
typeof _ref$ === "function" ? _$use(_ref$, _el$4) : hiddenInputEl = _el$4;
|
|
45
|
+
_$className(_el$4, hiddenInputClass);
|
|
46
|
+
_$effect((_$p) => _$setStyleProperty(_el$3, "display", (local.message ?? "") !== "" ? "block" : "none"));
|
|
45
47
|
return _el$;
|
|
46
48
|
})();
|
|
47
49
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/form-control/Invalid.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;AAAA,SAA+BA,cAAcC,kBAAkB;AAC/D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,OAAO;AASP,MAAMC,
|
|
5
|
-
"names": ["createEffect", "splitProps", "clsx", "twMerge", "indicatorClass", "hiddenInputClass", "Invalid", "props", "local", "rest", "hiddenInputEl", "msg", "message", "setCustomValidity", "handleHiddenInputFocus", "e", "container", "currentTarget", "parentElement", "focusable", "findFirstFocusableChild", "focus", "_el$", "_tmpl$", "_el$2", "firstChild", "_el$3", "nextSibling", "_$spread", "_$mergeProps", "class", "_$
|
|
4
|
+
"mappings": ";;;;;;;;;AAAA,SAA+BA,cAAcC,kBAAkB;AAC/D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,OAAO;AASP,MAAMC,cAAcF,KAClB,yBACA,oBACA,oBACA,iCACF;AAEA,MAAMG,iBAAiBH,KAAK,6BAA6B,yBAAyB,eAAe;AAEjG,MAAMI,mBAAmBJ,KACvB,8BACA,qBACA,6BACA,aACF;AAEO,MAAMK,UAA0CC,WAAU;AAC/D,QAAM,CAACC,OAAOC,IAAI,IAAIT,WAAWO,OAAO,CAAC,WAAW,SAAS,UAAU,CAAC;AAExE,MAAIG;AAGJX,eAAa,MAAM;AACjB,UAAMY,MAAMH,MAAMI,WAAW;AAC7BF,kBAAcG,kBAAkBF,GAAG;EACrC,CAAC;AAED,QAAMG,yBAA0BC,OAAkB;AAChD,UAAMC,YAAaD,EAAEE,cAA8BC;AACnD,QAAI,CAACF,UAAW;AAChB,UAAMG,YAAYH,UAAUI,wBAAwB;AACpD,QAAID,aAAaA,cAAcJ,EAAEE,eAAe;AAC9CE,gBAAUE,MAAM;IAClB;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAH,MAAAI;AAAAC,aAAAP,MAAAQ,aACWrB,MAAI;MAAA,KAAA,OAAA,IAAA;AAAA,eAASP,QAAQ,UAAUM,MAAMuB,KAAK;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAC,gBAAAR,OACrCrB,WAAW;AAAA6B,gBAAAN,OACTtB,cAAc;AAAA6B,aAAAX,MAAA,MAE5Bd,MAAM0B,UAAQP,KAAA;AAAAA,UAAAQ,iBAAA,SAOJrB,sBAAsB;AAAA,QAAAsB,QAL1B1B;AAAa,WAAA0B,UAAA,aAAAC,MAAAD,OAAAT,KAAA,IAAbjB,gBAAaiB;AAAAK,gBAAAL,OAEXtB,gBAAgB;AAAAiC,aAAAC,SAAAC,mBAAAd,OAAA,YANyBlB,MAAMI,WAAW,QAAQ,KAAK,UAAU,MAAM,CAAA;AAAA,WAAAU;EAAA,GAAA;AAatG;",
|
|
5
|
+
"names": ["createEffect", "splitProps", "clsx", "twMerge", "anchorClass", "indicatorClass", "hiddenInputClass", "Invalid", "props", "local", "rest", "hiddenInputEl", "msg", "message", "setCustomValidity", "handleHiddenInputFocus", "e", "container", "currentTarget", "parentElement", "focusable", "findFirstFocusableChild", "focus", "_el$", "_tmpl$", "_el$2", "firstChild", "_el$3", "_el$4", "nextSibling", "_$spread", "_$mergeProps", "class", "_$className", "_$insert", "children", "addEventListener", "_ref$", "_$use", "_$effect", "_$p", "_$setStyleProperty"]
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,aAAa,
|
|
1
|
+
{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,aAAa,EAKnB,MAAM,+BAA+B,CAAC;AAGvC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAClF,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;AAGzC,eAAO,MAAM,iBAAiB,QAU7B,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAO9B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAM7D,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI5D,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAAwF,CAAC;AAGxH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIvE,CAAC;AAGF,eAAO,MAAM,mBAAmB,QAAmC,CAAC;AAGpE,eAAO,MAAM,qBAAqB,kDAAkB,CAAC"}
|
|
@@ -4,7 +4,8 @@ import {
|
|
|
4
4
|
borderDefault,
|
|
5
5
|
disabledOpacity,
|
|
6
6
|
paddingLg,
|
|
7
|
-
paddingSm
|
|
7
|
+
paddingSm,
|
|
8
|
+
paddingXl
|
|
8
9
|
} from "../../../styles/tokens.styles.js";
|
|
9
10
|
import { insetBase, insetFocusOutlineSelf } from "../../../styles/patterns.styles.js";
|
|
10
11
|
const checkboxBaseClass = clsx(
|
|
@@ -35,12 +36,14 @@ const themeCheckedClasses = {
|
|
|
35
36
|
};
|
|
36
37
|
const checkboxSizeClasses = {
|
|
37
38
|
sm: clsx("h-field-sm", paddingSm),
|
|
38
|
-
lg: clsx("h-field-lg", paddingLg)
|
|
39
|
+
lg: clsx("h-field-lg", paddingLg),
|
|
40
|
+
xl: clsx("h-field-xl", paddingXl)
|
|
39
41
|
};
|
|
40
42
|
const checkboxInsetClass = clsx("h-field-inset justify-center bg-transparent", insetBase, insetFocusOutlineSelf);
|
|
41
43
|
const checkboxInsetSizeHeightClasses = {
|
|
42
44
|
sm: "h-field-inset-sm",
|
|
43
|
-
lg: "h-field-inset-lg"
|
|
45
|
+
lg: "h-field-inset-lg",
|
|
46
|
+
xl: "h-field-inset-xl"
|
|
44
47
|
};
|
|
45
48
|
const checkboxInlineClass = clsx("!h-auto", "!p-0", "gap-1");
|
|
46
49
|
const checkboxDisabledClass = disabledOpacity;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/form-control/checkbox/Checkbox.styles.ts"],
|
|
4
|
-
"mappings": "AAAA,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,6BAA6B;AAM1C,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,sBAAqD;AAAA,EAChE,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,MAAM,KAAK,+BAA+B,YAAY;AAAA,EACtD,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,QAAQ,KAAK,mCAAmC,YAAY;AAC9D;AAGO,MAAM,sBAAoD;AAAA,EAC/D,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,qBAAqB,KAAK,+CAA+C,WAAW,qBAAqB;AAG/G,MAAM,iCAA+D;AAAA,EAC1E,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,sBAAsB,KAAK,WAAW,QAAQ,OAAO;AAG3D,MAAM,wBAAwB;",
|
|
4
|
+
"mappings": "AAAA,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,6BAA6B;AAM1C,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,sBAAqD;AAAA,EAChE,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,MAAM,KAAK,+BAA+B,YAAY;AAAA,EACtD,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,QAAQ,KAAK,mCAAmC,YAAY;AAC9D;AAGO,MAAM,sBAAoD;AAAA,EAC/D,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,qBAAqB,KAAK,+CAA+C,WAAW,qBAAqB;AAG/G,MAAM,iCAA+D;AAAA,EAC1E,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,sBAAsB,KAAK,WAAW,QAAQ,OAAO;AAG3D,MAAM,wBAAwB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/editor/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAA0D,MAAM,UAAU,CAAC;AAE5G,OAAO,cAAc,CAAC;AActB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAClC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;
|
|
1
|
+
{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/editor/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAA0D,MAAM,UAAU,CAAC;AAE5G,OAAO,cAAc,CAAC;AActB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAClC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AA+BD,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAkGzD,CAAC"}
|
|
@@ -29,7 +29,8 @@ const editorDisabledClass = clsx("bg-base-100 dark:bg-base-800", "text-base-500"
|
|
|
29
29
|
const editorContentClass = clsx("px-4 py-3", "min-h-32", "outline-none", "prose prose-sm max-w-none", "dark:prose-invert");
|
|
30
30
|
const editorContentSizeClasses = {
|
|
31
31
|
sm: clsx("px-3 py-2", "min-h-24"),
|
|
32
|
-
lg: clsx("px-5 py-4", "min-h-48")
|
|
32
|
+
lg: clsx("px-5 py-4", "min-h-48"),
|
|
33
|
+
xl: clsx("px-6 py-5", "min-h-64")
|
|
33
34
|
};
|
|
34
35
|
const RichTextEditor = (props) => {
|
|
35
36
|
const [local, rest] = splitProps(props, ["value", "onValueChange", "disabled", "size", "class", "style"]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/form-control/editor/RichTextEditor.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;AAAA,SAAmCA,MAAMC,cAAcC,IAAIC,WAAWC,YAAYC,eAAe;AACjG,OAAOC,UAAU;AACjB,OAAO;AACP,SAASC,eAAe;AACxB,SAASC,0BAA0B;AACnC,OAAOC,gBAAgB;AACvB,OAAOC,eAAe;AACtB,SAASC,aAAa;AACtB,SAASC,iBAAiB;AAC1B,OAAOC,eAAe;AACtB,SAASC,aAAa;AACtB,OAAOC,cAAc;AACrB,OAAOC,iBAAiB;AACxB,OAAOC,eAAe;AACtB,OAAOC,WAAW;AAClB,SAASC,gCAAgC;AAEzC,SAASC,qBAAqB;AAuB9B,MAAMC,qBAAqBf,KACzB,iBACA,6BACA,oCACA,+CACA,WACA,iCACF;AAGA,MAAMgB,sBAAsBhB,KAAK,gCAAgC,eAAe;AAGhF,MAAMiB,qBAAqBjB,KACzB,aACA,YACA,gBACA,6BACA,mBACF;AAGA,MAAMkB,2BAAsD;EAC1DC,IAAInB,KAAK,aAAa,UAAU;EAChCoB,IAAIpB,KAAK,aAAa,UAAU;AAClC;AAEO,
|
|
5
|
-
"names": ["Show", "createEffect", "on", "onCleanup", "splitProps", "untrack", "clsx", "twMerge", "createTiptapEditor", "StarterKit", "TextAlign", "Color", "TextStyle", "Highlight", "Table", "TableRow", "TableHeader", "TableCell", "Image", "createControllableSignal", "EditorToolbar", "editorWrapperClass", "editorDisabledClass", "editorContentClass", "editorContentSizeClasses", "sm", "lg", "RichTextEditor", "props", "local", "rest", "value", "setValue", "onChange", "onValueChange", "isInternalUpdate", "editorRef", "editor", "element", "extensions", "configure", "types", "multicolor", "resizable", "inline", "allowBase64", "content", "editable", "disabled", "onUpdate", "e", "html", "getHTML", "queueMicrotask", "setEditable", "newValue", "editorHtml", "normalizedEditor", "commands", "setContent", "emitUpdate", "destroy", "getWrapperClass", "class", "getContentClass", "size", "_el$", "_tmpl$", "_el$2", "firstChild", "_$spread", "_$mergeProps", "style", "_$insert", "_$createComponent", "when", "children", "instance", "_ref$", "_$use", "_$effect", "_$className"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["Show", "createEffect", "on", "onCleanup", "splitProps", "untrack", "clsx", "twMerge", "createTiptapEditor", "StarterKit", "TextAlign", "Color", "TextStyle", "Highlight", "Table", "TableRow", "TableHeader", "TableCell", "Image", "createControllableSignal", "EditorToolbar", "editorWrapperClass", "editorDisabledClass", "editorContentClass", "editorContentSizeClasses", "sm", "lg", "xl", "RichTextEditor", "props", "local", "rest", "value", "setValue", "onChange", "onValueChange", "isInternalUpdate", "editorRef", "editor", "element", "extensions", "configure", "types", "multicolor", "resizable", "inline", "allowBase64", "content", "editable", "disabled", "onUpdate", "e", "html", "getHTML", "queueMicrotask", "setEditable", "newValue", "editorHtml", "normalizedEditor", "commands", "setContent", "emitUpdate", "destroy", "getWrapperClass", "class", "getContentClass", "size", "_el$", "_tmpl$", "_el$2", "firstChild", "_$spread", "_$mergeProps", "style", "_$insert", "_$createComponent", "when", "children", "instance", "_ref$", "_$use", "_$effect", "_$className"]
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/Field.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,
|
|
1
|
+
{"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/Field.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,+BAA+B,CAAC;AAGpG,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAGtC,eAAO,MAAM,cAAc,QAAyE,CAAC;AAGrG,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAItD,CAAC;AAGF,eAAO,MAAM,eAAe,QAA6E,CAAC;AAG1G,eAAO,MAAM,qBAAqB,kBAAkB,CAAC;AACrD,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIjE,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAAqD,CAAC;AAGrF,eAAO,MAAM,iBAAiB,QAAuD,CAAC;AAGtF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIzD,CAAC;AAGF,eAAO,MAAM,eAAe,QAAY,CAAC"}
|
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
import clsx from "clsx";
|
|
2
|
-
import { paddingLg, paddingSm } from "../../../styles/tokens.styles.js";
|
|
2
|
+
import { paddingLg, paddingSm, paddingXl } from "../../../styles/tokens.styles.js";
|
|
3
3
|
import { fieldSurface, insetBase, insetFocusOutline, inputBase } from "../../../styles/patterns.styles.js";
|
|
4
4
|
const fieldBaseClass = clsx("inline-flex items-center", fieldSurface, "px-2 py-1", "h-field");
|
|
5
5
|
const fieldSizeClasses = {
|
|
6
6
|
sm: clsx("h-field-sm", paddingSm),
|
|
7
|
-
lg: clsx("h-field-lg", paddingLg)
|
|
7
|
+
lg: clsx("h-field-lg", paddingLg),
|
|
8
|
+
xl: clsx("h-field-xl", paddingXl)
|
|
8
9
|
};
|
|
9
10
|
const fieldInsetClass = clsx(insetBase, "bg-primary-50 dark:bg-primary-950/30", insetFocusOutline);
|
|
10
11
|
const fieldInsetHeightClass = "h-field-inset";
|
|
11
12
|
const fieldInsetSizeHeightClasses = {
|
|
12
13
|
sm: "h-field-inset-sm",
|
|
13
|
-
lg: "h-field-inset-lg"
|
|
14
|
+
lg: "h-field-inset-lg",
|
|
15
|
+
xl: "h-field-inset-xl"
|
|
14
16
|
};
|
|
15
17
|
const fieldDisabledClass = clsx("bg-base-100 text-base-500 dark:bg-base-800");
|
|
16
18
|
const textAreaBaseClass = clsx("inline-block w-48", fieldSurface, "px-2 py-1");
|
|
17
19
|
const textAreaSizeClasses = {
|
|
18
20
|
sm: paddingSm,
|
|
19
|
-
lg: paddingLg
|
|
21
|
+
lg: paddingLg,
|
|
22
|
+
xl: paddingXl
|
|
20
23
|
};
|
|
21
24
|
const fieldInputClass = inputBase;
|
|
22
25
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/form-control/field/Field.styles.ts"],
|
|
4
|
-
"mappings": "AAAA,OAAO,UAAU;AACjB,SAA6B,WAAW,iBAAiB;
|
|
4
|
+
"mappings": "AAAA,OAAO,UAAU;AACjB,SAA6B,WAAW,WAAW,iBAAiB;AACpE,SAAS,cAAc,WAAW,mBAAmB,iBAAiB;AAK/D,MAAM,iBAAiB,KAAK,4BAA4B,cAAc,aAAa,SAAS;AAG5F,MAAM,mBAA8C;AAAA,EACzD,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,kBAAkB,KAAK,WAAW,wCAAwC,iBAAiB;AAGjG,MAAM,wBAAwB;AAC9B,MAAM,8BAAyD;AAAA,EACpE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,qBAAqB,KAAK,4CAA4C;AAG5E,MAAM,oBAAoB,KAAK,qBAAqB,cAAc,WAAW;AAG7E,MAAM,sBAAiD;AAAA,EAC5D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,kBAAkB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatePreset.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/state-preset/StatePreset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AASpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AASnE,KAAK,eAAe,GAAG,aAAa,CAAC;AAErC,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,CAAC,CAAC;IACT,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;
|
|
1
|
+
{"version":3,"file":"StatePreset.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/state-preset/StatePreset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AASpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AASnE,KAAK,eAAe,GAAG,aAAa,CAAC;AAErC,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,CAAC,CAAC;IACT,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AA4PD,eAAO,MAAM,WAAW,EAAuB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC"}
|
|
@@ -22,26 +22,30 @@ const chipClass = clsx("inline-flex items-center gap-1", "rounded-full", "bg-bas
|
|
|
22
22
|
const chipDefaultClass = "px-3 py-1";
|
|
23
23
|
const chipSizeClasses = {
|
|
24
24
|
sm: "px-2 py-0.5 text-sm",
|
|
25
|
-
lg: "px-4 py-2"
|
|
25
|
+
lg: "px-4 py-2",
|
|
26
|
+
xl: "px-5 py-3 text-lg"
|
|
26
27
|
};
|
|
27
28
|
const chipNameBtnClass = clsx("cursor-pointer", "hover:underline", "focus:outline-none");
|
|
28
29
|
const iconBtnClass = clsx("inline-flex items-center justify-center", "rounded-full", "cursor-pointer", "transition-colors", "focus:outline-none", "hover:bg-base-300 dark:hover:bg-base-600");
|
|
29
30
|
const iconBtnDefaultClass = "p-0.5";
|
|
30
31
|
const iconBtnSizeClasses = {
|
|
31
32
|
sm: "p-px",
|
|
32
|
-
lg: "p-1"
|
|
33
|
+
lg: "p-1",
|
|
34
|
+
xl: "p-1.5"
|
|
33
35
|
};
|
|
34
36
|
const starBtnClass = clsx("inline-flex items-center justify-center", "rounded-full", "cursor-pointer", "transition-colors", "focus:outline-none", "text-warning-500", "hover:bg-warning-100 dark:hover:bg-warning-900/40");
|
|
35
37
|
const starBtnDefaultClass = "p-1";
|
|
36
38
|
const starBtnSizeClasses = {
|
|
37
39
|
sm: "p-0.5",
|
|
38
|
-
lg: "p-1.5"
|
|
40
|
+
lg: "p-1.5",
|
|
41
|
+
xl: "p-2"
|
|
39
42
|
};
|
|
40
43
|
const inputClass = clsx("rounded-full", "bg-base-200 dark:bg-base-700", "text-base-800 dark:text-base-200", "border border-transparent", "focus:ring-1 focus:ring-primary-400", "focus:outline-none", textPlaceholder);
|
|
41
44
|
const inputDefaultClass = "px-3 py-1 w-24";
|
|
42
45
|
const inputSizeClasses = {
|
|
43
46
|
sm: "px-2 py-0.5 w-20 text-sm",
|
|
44
|
-
lg: "px-4 py-2 w-32"
|
|
47
|
+
lg: "px-4 py-2 w-32",
|
|
48
|
+
xl: "px-5 py-3 w-36 text-lg"
|
|
45
49
|
};
|
|
46
50
|
const iconSize = "0.85em";
|
|
47
51
|
function StatePresetInner(props) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/form-control/state-preset/StatePreset.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;AAAA,SAASA,cAAcC,KAAKC,MAAMC,kBAAkB;AAEpD,SAASC,eAAe;AACxB,OAAOC,UAAU;AACjB,SAASC,kBAAkBC,UAAUC,aAAa;AAClD,SAASC,UAAUC,gBAAgB;AACnC,SAASC,qBAAqB;AAC9B,SAASC,uBAAuB;AAChC,SAASC,YAAY;AACrB,SAASC,uBAAuB;AAuBhC,MAAMC,YAAYV,KAAK,oCAAoC,WAAW;AAEtE,MAAMW,YAAYX,KAChB,kCACA,gBACA,gCACA,oCACA,gBACF;AAEA,MAAMY,mBAAmB;AAEzB,MAAMC,kBAAmD;EACvDC,IAAI;EACJC,IAAI;AACN;AAEA,MAAMC,
|
|
5
|
-
"names": ["createSignal", "For", "Show", "splitProps", "twMerge", "clsx", "IconDeviceFloppy", "IconStar", "IconX", "objClone", "objEqual", "useSyncConfig", "useNotification", "Icon", "textPlaceholder", "baseClass", "chipClass", "chipDefaultClass", "chipSizeClasses", "sm", "lg", "chipNameBtnClass", "iconBtnClass", "iconBtnDefaultClass", "iconBtnSizeClasses", "starBtnClass", "starBtnDefaultClass", "starBtnSizeClasses", "inputClass", "inputDefaultClass", "inputSizeClasses", "iconSize", "StatePresetInner", "props", "local", "notification", "presets", "setPresets", "presetKey", "adding", "setAdding", "inputValue", "setInputValue", "handleStartAdd", "handleCancelAdd", "handleConfirmAdd", "name", "trim", "some", "p", "warning", "newPreset", "state", "value", "info", "handleRestore", "preset", "onValueChange", "handleOverwrite", "index", "snapshot", "presetName", "updated", "map", "i", "notiId", "action", "label", "onClick", "remove", "handleDelete", "filter", "_", "handleInputKeyDown", "e", "key", "preventDefault", "containerClass", "class", "resolvedChipClass", "size", "resolvedIconBtnClass", "resolvedStarBtnClass", "resolvedInputClass", "_el$", "_tmpl$2", "_el$2", "firstChild", "$$click", "_$insert", "_$createComponent", "icon", "each", "children", "_el$4", "_tmpl$3", "_el$5", "_el$6", "nextSibling", "_el$7", "_$className", "_$effect", "_p$", "_v$4", "_v$5", "_v$6", "_v$7", "t", "_$setAttribute", "a", "o", "undefined", "when", "_el$3", "_tmpl$", "addEventListener", "$$keydown", "$$input", "currentTarget", "_$use", "el", "requestAnimationFrame", "focus", "_v$", "_v$2", "style", "_v$3", "_$style", "StatePreset", "_$delegateEvents"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["createSignal", "For", "Show", "splitProps", "twMerge", "clsx", "IconDeviceFloppy", "IconStar", "IconX", "objClone", "objEqual", "useSyncConfig", "useNotification", "Icon", "textPlaceholder", "baseClass", "chipClass", "chipDefaultClass", "chipSizeClasses", "sm", "lg", "xl", "chipNameBtnClass", "iconBtnClass", "iconBtnDefaultClass", "iconBtnSizeClasses", "starBtnClass", "starBtnDefaultClass", "starBtnSizeClasses", "inputClass", "inputDefaultClass", "inputSizeClasses", "iconSize", "StatePresetInner", "props", "local", "notification", "presets", "setPresets", "presetKey", "adding", "setAdding", "inputValue", "setInputValue", "handleStartAdd", "handleCancelAdd", "handleConfirmAdd", "name", "trim", "some", "p", "warning", "newPreset", "state", "value", "info", "handleRestore", "preset", "onValueChange", "handleOverwrite", "index", "snapshot", "presetName", "updated", "map", "i", "notiId", "action", "label", "onClick", "remove", "handleDelete", "filter", "_", "handleInputKeyDown", "e", "key", "preventDefault", "containerClass", "class", "resolvedChipClass", "size", "resolvedIconBtnClass", "resolvedStarBtnClass", "resolvedInputClass", "_el$", "_tmpl$2", "_el$2", "firstChild", "$$click", "_$insert", "_$createComponent", "icon", "each", "children", "_el$4", "_tmpl$3", "_el$5", "_el$6", "nextSibling", "_el$7", "_$className", "_$effect", "_p$", "_v$4", "_v$5", "_v$6", "_v$7", "t", "_$setAttribute", "a", "o", "undefined", "when", "_el$3", "_tmpl$", "addEventListener", "$$keydown", "$$input", "currentTarget", "_$use", "el", "requestAnimationFrame", "focus", "_v$", "_v$2", "style", "_v$3", "_$style", "StatePreset", "_$delegateEvents"]
|
|
6
6
|
}
|
|
@@ -5,9 +5,10 @@ export declare const textDefault = "text-base-900 dark:text-base-100";
|
|
|
5
5
|
export declare const textMuted = "text-base-400 dark:text-base-500";
|
|
6
6
|
export declare const textPlaceholder = "placeholder:text-base-400 dark:placeholder:text-base-500";
|
|
7
7
|
export declare const disabledOpacity = "cursor-default opacity-50 pointer-events-none";
|
|
8
|
-
export type ComponentSize = "sm" | "lg";
|
|
8
|
+
export type ComponentSize = "sm" | "lg" | "xl";
|
|
9
9
|
export declare const paddingSm = "px-1.5 py-0.5";
|
|
10
10
|
export declare const paddingLg = "px-3 py-2";
|
|
11
|
+
export declare const paddingXl = "px-4 py-3";
|
|
11
12
|
export type SemanticTheme = "primary" | "info" | "success" | "warning" | "danger" | "base";
|
|
12
13
|
export declare const themeTokens: Record<SemanticTheme, {
|
|
13
14
|
solid: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.styles.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa,yCAAyC,CAAC;AACpE,eAAO,MAAM,YAAY,yCAAyC,CAAC;AAGnE,eAAO,MAAM,SAAS,8BAA8B,CAAC;AAGrD,eAAO,MAAM,WAAW,qCAAqC,CAAC;AAC9D,eAAO,MAAM,SAAS,qCAAqC,CAAC;AAC5D,eAAO,MAAM,eAAe,6DAA6D,CAAC;AAG1F,eAAO,MAAM,eAAe,kDAAkD,CAAC;AAG/E,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"tokens.styles.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa,yCAAyC,CAAC;AACpE,eAAO,MAAM,YAAY,yCAAyC,CAAC;AAGnE,eAAO,MAAM,SAAS,8BAA8B,CAAC;AAGrD,eAAO,MAAM,WAAW,qCAAqC,CAAC;AAC9D,eAAO,MAAM,SAAS,qCAAqC,CAAC;AAC5D,eAAO,MAAM,eAAe,6DAA6D,CAAC;AAG1F,eAAO,MAAM,eAAe,kDAAkD,CAAC;AAG/E,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,eAAO,MAAM,SAAS,kBAAkB,CAAC;AACzC,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,eAAO,MAAM,SAAS,cAAc,CAAC;AAGrC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3F,eAAO,MAAM,WAAW,EAAE,MAAM,CAC9B,aAAa,EACb;IACE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,CAkDF,CAAC"}
|
|
@@ -7,6 +7,7 @@ const textPlaceholder = "placeholder:text-base-400 dark:placeholder:text-base-50
|
|
|
7
7
|
const disabledOpacity = "cursor-default opacity-50 pointer-events-none";
|
|
8
8
|
const paddingSm = "px-1.5 py-0.5";
|
|
9
9
|
const paddingLg = "px-3 py-2";
|
|
10
|
+
const paddingXl = "px-4 py-3";
|
|
10
11
|
const themeTokens = {
|
|
11
12
|
primary: {
|
|
12
13
|
solid: "bg-primary-500 text-white",
|
|
@@ -64,6 +65,7 @@ export {
|
|
|
64
65
|
disabledOpacity,
|
|
65
66
|
paddingLg,
|
|
66
67
|
paddingSm,
|
|
68
|
+
paddingXl,
|
|
67
69
|
textDefault,
|
|
68
70
|
textMuted,
|
|
69
71
|
textPlaceholder,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/styles/tokens.styles.ts"],
|
|
4
|
-
"mappings": "AACO,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAGrB,MAAM,YAAY;AAGlB,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,kBAAkB;AAGxB,MAAM,kBAAkB;AAIxB,MAAM,YAAY;AAClB,MAAM,YAAY;AAKlB,MAAM,cAUT;AAAA,EACF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AACF;",
|
|
4
|
+
"mappings": "AACO,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAGrB,MAAM,YAAY;AAGlB,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,kBAAkB;AAGxB,MAAM,kBAAkB;AAIxB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAKlB,MAAM,cAUT;AAAA,EACF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simplysm/solid",
|
|
3
|
-
"version": "13.0.
|
|
3
|
+
"version": "13.0.8",
|
|
4
4
|
"description": "심플리즘 패키지 - SolidJS 라이브러리",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"solid-tiptap": "^0.8.0",
|
|
50
50
|
"tailwind-merge": "^3.4.0",
|
|
51
51
|
"tailwindcss": "^3.4.19",
|
|
52
|
-
"@simplysm/core-
|
|
53
|
-
"@simplysm/core-
|
|
52
|
+
"@simplysm/core-browser": "13.0.8",
|
|
53
|
+
"@simplysm/core-common": "13.0.8"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@solidjs/testing-library": "^0.8.10"
|
|
@@ -40,6 +40,7 @@ const themeClasses = Object.fromEntries(
|
|
|
40
40
|
const sizeClasses: Record<ButtonSize, string> = {
|
|
41
41
|
sm: clsx("min-w-6 px-1 py-0"),
|
|
42
42
|
lg: clsx("min-w-9 px-3 py-1.5"),
|
|
43
|
+
xl: clsx("min-w-10 px-4 py-2 text-lg"),
|
|
43
44
|
};
|
|
44
45
|
|
|
45
46
|
export interface ButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import clsx from "clsx";
|
|
2
2
|
import { twMerge } from "tailwind-merge";
|
|
3
|
-
import { borderDefault, type ComponentSize, paddingLg, paddingSm } from "../../styles/tokens.styles";
|
|
3
|
+
import { borderDefault, type ComponentSize, paddingLg, paddingSm, paddingXl } from "../../styles/tokens.styles";
|
|
4
4
|
import { insetBase, insetFocusOutlineSelf } from "../../styles/patterns.styles";
|
|
5
5
|
|
|
6
6
|
export const triggerBaseClass = clsx(
|
|
@@ -25,6 +25,7 @@ export const triggerInsetClass = clsx(insetBase, "bg-transparent", insetFocusOut
|
|
|
25
25
|
export const triggerSizeClasses: Record<ComponentSize, string> = {
|
|
26
26
|
sm: clsx("gap-1.5", paddingSm),
|
|
27
27
|
lg: clsx("gap-3", paddingLg),
|
|
28
|
+
xl: clsx("gap-3.5", paddingXl),
|
|
28
29
|
};
|
|
29
30
|
|
|
30
31
|
export const chevronWrapperClass = clsx("opacity-30", "hover:opacity-100");
|
|
@@ -10,13 +10,15 @@ export interface InvalidProps {
|
|
|
10
10
|
class?: string;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
const
|
|
14
|
-
"
|
|
15
|
-
"size-
|
|
16
|
-
"
|
|
13
|
+
const anchorClass = clsx(
|
|
14
|
+
"relative inline-block",
|
|
15
|
+
"size-0 align-top",
|
|
16
|
+
"overflow-visible",
|
|
17
17
|
"pointer-events-none select-none",
|
|
18
18
|
);
|
|
19
19
|
|
|
20
|
+
const indicatorClass = clsx("absolute left-0.5 top-0.5", "size-1.5 rounded-full", "bg-danger-500");
|
|
21
|
+
|
|
20
22
|
const hiddenInputClass = clsx(
|
|
21
23
|
"absolute bottom-0 left-0.5",
|
|
22
24
|
"size-px opacity-0",
|
|
@@ -45,9 +47,11 @@ export const Invalid: ParentComponent<InvalidProps> = (props) => {
|
|
|
45
47
|
};
|
|
46
48
|
|
|
47
49
|
return (
|
|
48
|
-
<div {...rest} class={twMerge("
|
|
50
|
+
<div {...rest} class={twMerge("inline", local.class)}>
|
|
51
|
+
<span class={anchorClass}>
|
|
52
|
+
<span class={indicatorClass} style={{ display: (local.message ?? "") !== "" ? "block" : "none" }} />
|
|
53
|
+
</span>
|
|
49
54
|
{local.children}
|
|
50
|
-
<div class={indicatorClass} style={{ display: (local.message ?? "") !== "" ? "block" : "none" }} />
|
|
51
55
|
<input
|
|
52
56
|
ref={hiddenInputEl}
|
|
53
57
|
type="text"
|
|
@@ -6,6 +6,7 @@ import {
|
|
|
6
6
|
disabledOpacity,
|
|
7
7
|
paddingLg,
|
|
8
8
|
paddingSm,
|
|
9
|
+
paddingXl,
|
|
9
10
|
} from "../../../styles/tokens.styles";
|
|
10
11
|
import { insetBase, insetFocusOutlineSelf } from "../../../styles/patterns.styles";
|
|
11
12
|
|
|
@@ -48,6 +49,7 @@ export const themeCheckedClasses: Record<CheckboxTheme, string> = {
|
|
|
48
49
|
export const checkboxSizeClasses: Record<CheckboxSize, string> = {
|
|
49
50
|
sm: clsx("h-field-sm", paddingSm),
|
|
50
51
|
lg: clsx("h-field-lg", paddingLg),
|
|
52
|
+
xl: clsx("h-field-xl", paddingXl),
|
|
51
53
|
};
|
|
52
54
|
|
|
53
55
|
// inset 스타일
|
|
@@ -57,6 +59,7 @@ export const checkboxInsetClass = clsx("h-field-inset justify-center bg-transpar
|
|
|
57
59
|
export const checkboxInsetSizeHeightClasses: Record<CheckboxSize, string> = {
|
|
58
60
|
sm: "h-field-inset-sm",
|
|
59
61
|
lg: "h-field-inset-lg",
|
|
62
|
+
xl: "h-field-inset-xl",
|
|
60
63
|
};
|
|
61
64
|
|
|
62
65
|
// inline 스타일
|
|
@@ -63,6 +63,7 @@ const editorContentClass = clsx(
|
|
|
63
63
|
const editorContentSizeClasses: Record<FieldSize, string> = {
|
|
64
64
|
sm: clsx("px-3 py-2", "min-h-24"),
|
|
65
65
|
lg: clsx("px-5 py-4", "min-h-48"),
|
|
66
|
+
xl: clsx("px-6 py-5", "min-h-64"),
|
|
66
67
|
};
|
|
67
68
|
|
|
68
69
|
export const RichTextEditor: Component<RichTextEditorProps> = (props) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import clsx from "clsx";
|
|
2
|
-
import { type ComponentSize, paddingLg, paddingSm } from "../../../styles/tokens.styles";
|
|
2
|
+
import { type ComponentSize, paddingLg, paddingSm, paddingXl } from "../../../styles/tokens.styles";
|
|
3
3
|
import { fieldSurface, insetBase, insetFocusOutline, inputBase } from "../../../styles/patterns.styles";
|
|
4
4
|
|
|
5
5
|
export type FieldSize = ComponentSize;
|
|
@@ -11,6 +11,7 @@ export const fieldBaseClass = clsx("inline-flex items-center", fieldSurface, "px
|
|
|
11
11
|
export const fieldSizeClasses: Record<FieldSize, string> = {
|
|
12
12
|
sm: clsx("h-field-sm", paddingSm),
|
|
13
13
|
lg: clsx("h-field-lg", paddingLg),
|
|
14
|
+
xl: clsx("h-field-xl", paddingXl),
|
|
14
15
|
};
|
|
15
16
|
|
|
16
17
|
// inset 스타일
|
|
@@ -21,6 +22,7 @@ export const fieldInsetHeightClass = "h-field-inset";
|
|
|
21
22
|
export const fieldInsetSizeHeightClasses: Record<FieldSize, string> = {
|
|
22
23
|
sm: "h-field-inset-sm",
|
|
23
24
|
lg: "h-field-inset-lg",
|
|
25
|
+
xl: "h-field-inset-xl",
|
|
24
26
|
};
|
|
25
27
|
|
|
26
28
|
// disabled 스타일
|
|
@@ -33,6 +35,7 @@ export const textAreaBaseClass = clsx("inline-block w-48", fieldSurface, "px-2 p
|
|
|
33
35
|
export const textAreaSizeClasses: Record<FieldSize, string> = {
|
|
34
36
|
sm: paddingSm,
|
|
35
37
|
lg: paddingLg,
|
|
38
|
+
xl: paddingXl,
|
|
36
39
|
};
|
|
37
40
|
|
|
38
41
|
// input 스타일
|
|
@@ -45,6 +45,7 @@ const chipDefaultClass = "px-3 py-1";
|
|
|
45
45
|
const chipSizeClasses: Record<StatePresetSize, string> = {
|
|
46
46
|
sm: "px-2 py-0.5 text-sm",
|
|
47
47
|
lg: "px-4 py-2",
|
|
48
|
+
xl: "px-5 py-3 text-lg",
|
|
48
49
|
};
|
|
49
50
|
|
|
50
51
|
const chipNameBtnClass = clsx("cursor-pointer", "hover:underline", "focus:outline-none");
|
|
@@ -63,6 +64,7 @@ const iconBtnDefaultClass = "p-0.5";
|
|
|
63
64
|
const iconBtnSizeClasses: Record<StatePresetSize, string> = {
|
|
64
65
|
sm: "p-px",
|
|
65
66
|
lg: "p-1",
|
|
67
|
+
xl: "p-1.5",
|
|
66
68
|
};
|
|
67
69
|
|
|
68
70
|
const starBtnClass = clsx(
|
|
@@ -80,6 +82,7 @@ const starBtnDefaultClass = "p-1";
|
|
|
80
82
|
const starBtnSizeClasses: Record<StatePresetSize, string> = {
|
|
81
83
|
sm: "p-0.5",
|
|
82
84
|
lg: "p-1.5",
|
|
85
|
+
xl: "p-2",
|
|
83
86
|
};
|
|
84
87
|
|
|
85
88
|
const inputClass = clsx(
|
|
@@ -97,6 +100,7 @@ const inputDefaultClass = "px-3 py-1 w-24";
|
|
|
97
100
|
const inputSizeClasses: Record<StatePresetSize, string> = {
|
|
98
101
|
sm: "px-2 py-0.5 w-20 text-sm",
|
|
99
102
|
lg: "px-4 py-2 w-32",
|
|
103
|
+
xl: "px-5 py-3 w-36 text-lg",
|
|
100
104
|
};
|
|
101
105
|
|
|
102
106
|
const iconSize = "0.85em";
|
|
@@ -14,9 +14,10 @@ export const textPlaceholder = "placeholder:text-base-400 dark:placeholder:text-
|
|
|
14
14
|
export const disabledOpacity = "cursor-default opacity-50 pointer-events-none";
|
|
15
15
|
|
|
16
16
|
// ── 사이즈 ──
|
|
17
|
-
export type ComponentSize = "sm" | "lg";
|
|
17
|
+
export type ComponentSize = "sm" | "lg" | "xl";
|
|
18
18
|
export const paddingSm = "px-1.5 py-0.5";
|
|
19
19
|
export const paddingLg = "px-3 py-2";
|
|
20
|
+
export const paddingXl = "px-4 py-3";
|
|
20
21
|
|
|
21
22
|
// ── 테마 ──
|
|
22
23
|
export type SemanticTheme = "primary" | "info" | "success" | "warning" | "danger" | "base";
|
package/tailwind.config.ts
CHANGED
|
@@ -17,6 +17,8 @@ const fieldSizes = {
|
|
|
17
17
|
"field-inset": `calc(${lh}rem + ${sp["1"]} + ${sp["1"]})`,
|
|
18
18
|
"field-inset-sm": `calc(${lh}rem + ${sp["0.5"]} + ${sp["0.5"]})`,
|
|
19
19
|
"field-inset-lg": `calc(${lh}rem + ${sp["2"]} + ${sp["2"]})`,
|
|
20
|
+
"field-xl": `calc(${lh}rem + ${sp["3"]} + ${sp["3"]} + 2px)`,
|
|
21
|
+
"field-inset-xl": `calc(${lh}rem + ${sp["3"]} + ${sp["3"]})`,
|
|
20
22
|
};
|
|
21
23
|
|
|
22
24
|
export default {
|