@simplysm/solid 13.0.42 → 13.0.44
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 +1 -0
- 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 +3 -2
- 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 -1
- package/dist/components/form-control/DropdownTrigger.styles.js.map +1 -1
- package/dist/components/form-control/checkbox/Checkbox.styles.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/Checkbox.styles.js +4 -1
- 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 +1 -0
- 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 +11 -2
- 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 +7 -3
- 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/docs/helpers.md +29 -6
- package/docs/hooks.md +62 -7
- package/docs/styling.md +36 -14
- package/package.json +3 -3
- package/src/components/data/list/ListItem.styles.ts +1 -0
- package/src/components/form-control/Button.tsx +3 -2
- package/src/components/form-control/DropdownTrigger.styles.ts +2 -0
- 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 +12 -2
- package/src/components/form-control/state-preset/StatePreset.tsx +7 -3
- package/src/styles/tokens.styles.ts +2 -1
- package/tailwind.config.ts +3 -1
|
@@ -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,CAK7D,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;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;",
|
|
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,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,EAEL,KAAK,aAAa,EAClB,KAAK,aAAa,EAEnB,MAAM,4BAA4B,CAAC;AAKpC,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,EAEL,KAAK,aAAa,EAClB,KAAK,aAAa,EAEnB,MAAM,4BAA4B,CAAC;AAKpC,KAAK,WAAW,GAAG,aAAa,CAAC;AACjC,KAAK,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AACnD,KAAK,UAAU,GAAG,aAAa,CAAC;AAmChC,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,10 +19,11 @@ const themeClasses = Object.fromEntries(Object.entries(themeTokens).map(([theme,
|
|
|
19
19
|
/*, "shadow-md hover:shadow-lg"*/
|
|
20
20
|
),
|
|
21
21
|
outline: clsx("bg-transparent", t.hoverBg, t.text, t.border),
|
|
22
|
-
ghost: clsx("bg-transparent",
|
|
22
|
+
ghost: clsx("bg-transparent", `hover:bg-base-100 dark:hover:bg-base-800/30`, t.text)
|
|
23
23
|
}]));
|
|
24
24
|
const sizeClasses = {
|
|
25
|
-
|
|
25
|
+
xs: clsx("min-w-4 px-0.5 py-0"),
|
|
26
|
+
sm: clsx("min-w-6 px-1 py-0.5"),
|
|
26
27
|
lg: clsx("min-w-9 px-3 py-1.5"),
|
|
27
28
|
xl: clsx("min-w-10 px-4 py-2 text-lg")
|
|
28
29
|
};
|
|
@@ -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,SACEC,aAGAC,uBACK;AAGP,KAAKF;AAML,MAAMG,YAAYL,KAChB,4BACA,aACA,aACA,kBACA,eACA,kBACA,cACA,WACA,sBACA,wBACA,6BACA,SACF;AAEA,MAAMM,eAAeC,OAAOC,YAC1BD,OAAOE,QAAQN,WAAW,EAAEO,IAAI,CAAC,CAACC,OAAOC,CAAC,MAAM,CAC9CD,OACA;EACEE,OAAOb;IAAKY,EAAEC;IAAOD,EAAEE;;EAA4C;EACnEC,SAASf,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,MAAML,EAAEM,MAAM;EAC3DC,OAAOnB,KAAK,
|
|
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"]
|
|
4
|
+
"mappings": ";;;;;;;AAAA,SAAyCA,kBAAkB;AAC3D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SACEC,aAGAC,uBACK;AAGP,KAAKF;AAML,MAAMG,YAAYL,KAChB,4BACA,aACA,aACA,kBACA,eACA,kBACA,cACA,WACA,sBACA,wBACA,6BACA,SACF;AAEA,MAAMM,eAAeC,OAAOC,YAC1BD,OAAOE,QAAQN,WAAW,EAAEO,IAAI,CAAC,CAACC,OAAOC,CAAC,MAAM,CAC9CD,OACA;EACEE,OAAOb;IAAKY,EAAEC;IAAOD,EAAEE;;EAA4C;EACnEC,SAASf,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,MAAML,EAAEM,MAAM;EAC3DC,OAAOnB,KAAK,kBAAkB,+CAA+CY,EAAEK,IAAI;AACrF,CAAC,CACF,CACH;AAEA,MAAMG,cAA0C;EAC9CC,IAAIrB,KAAK,qBAAqB;EAC9BsB,IAAItB,KAAK,qBAAqB;EAC9BuB,IAAIvB,KAAK,qBAAqB;EAC9BwB,IAAIxB,KAAK,4BAA4B;AACvC;AASO,MAAMyB,SAAwCC,WAAU;AAC7D,QAAM,CAACC,OAAOC,IAAI,IAAI7B,WAAW2B,OAAO,CACtC,YACA,SACA,QACA,SACA,WACA,QACA,SACA,UAAU,CACX;AAED,QAAMG,eAAeA,MAAM;AACzB,UAAMlB,QAAQgB,MAAMhB,SAAS;AAC7B,UAAMmB,UAAUH,MAAMG,WAAW;AAEjC,WAAO7B,QACLI,WACAC,aAAaK,KAAK,EAAEmB,OAAO,GAC3BH,MAAMI,QAAQX,YAAYO,MAAMI,IAAI,GACpCJ,MAAMK,SAAS,4BACfL,MAAMM,YAAY7B,iBAClBuB,MAAMO,KACR;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,UAIQnC,QAAMiC,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", "xs", "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,EAEL,KAAK,aAAa,
|
|
1
|
+
{"version":3,"file":"DropdownTrigger.styles.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\components\\form-control\\DropdownTrigger.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,aAAa,EAKnB,MAAM,4BAA4B,CAAC;AAGpC,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,CAK5D,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"}
|
|
@@ -4,7 +4,8 @@ import {
|
|
|
4
4
|
borderDefault,
|
|
5
5
|
paddingLg,
|
|
6
6
|
paddingSm,
|
|
7
|
-
paddingXl
|
|
7
|
+
paddingXl,
|
|
8
|
+
paddingXs
|
|
8
9
|
} from "../../styles/tokens.styles.js";
|
|
9
10
|
import { insetBase, insetFocusOutlineSelf } from "../../styles/patterns.styles.js";
|
|
10
11
|
const triggerBaseClass = clsx(
|
|
@@ -24,6 +25,7 @@ const triggerDisabledClass = clsx(
|
|
|
24
25
|
);
|
|
25
26
|
const triggerInsetClass = clsx(insetBase, "bg-transparent", insetFocusOutlineSelf);
|
|
26
27
|
const triggerSizeClasses = {
|
|
28
|
+
xs: clsx("gap-0.5", paddingXs),
|
|
27
29
|
sm: clsx("gap-1.5", paddingSm),
|
|
28
30
|
lg: clsx("gap-3", paddingLg),
|
|
29
31
|
xl: clsx("gap-3.5", paddingXl)
|
|
@@ -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;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,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;",
|
|
4
|
+
"mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,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,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":"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,EAMnB,MAAM,+BAA+B,CAAC;AAGvC,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;AAGzC,eAAO,MAAM,iBAAiB,QAU7B,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAO9B,CAAC;AAGF,eAAO,MAAM,YAAY,QAA0D,CAAC;AAGpF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK5D,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAI9B,CAAC;AAGF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAKvE,CAAC;AAGF,eAAO,MAAM,mBAAmB,QAAmC,CAAC;AAGpE,eAAO,MAAM,qBAAqB,kDAAkB,CAAC"}
|
|
@@ -5,7 +5,8 @@ import {
|
|
|
5
5
|
disabledOpacity,
|
|
6
6
|
paddingLg,
|
|
7
7
|
paddingSm,
|
|
8
|
-
paddingXl
|
|
8
|
+
paddingXl,
|
|
9
|
+
paddingXs
|
|
9
10
|
} from "../../../styles/tokens.styles.js";
|
|
10
11
|
import { insetBase, insetFocusOutlineSelf } from "../../../styles/patterns.styles.js";
|
|
11
12
|
const checkboxBaseClass = clsx(
|
|
@@ -29,6 +30,7 @@ const indicatorBaseClass = clsx(
|
|
|
29
30
|
);
|
|
30
31
|
const checkedClass = clsx("border-primary-500 bg-primary-500", "text-white");
|
|
31
32
|
const checkboxSizeClasses = {
|
|
33
|
+
xs: clsx("h-field-xs", paddingXs),
|
|
32
34
|
sm: clsx("h-field-sm", paddingSm),
|
|
33
35
|
lg: clsx("h-field-lg", paddingLg),
|
|
34
36
|
xl: clsx("h-field-xl", paddingXl)
|
|
@@ -39,6 +41,7 @@ const checkboxInsetClass = clsx(
|
|
|
39
41
|
insetFocusOutlineSelf
|
|
40
42
|
);
|
|
41
43
|
const checkboxInsetSizeHeightClasses = {
|
|
44
|
+
xs: "h-field-inset-xs",
|
|
42
45
|
sm: "h-field-inset-sm",
|
|
43
46
|
lg: "h-field-inset-lg",
|
|
44
47
|
xl: "h-field-inset-xl"
|
|
@@ -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,EACA;AAAA,OACK;AACP,SAAS,WAAW,6BAA6B;AAK1C,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,eAAe,KAAK,qCAAqC,YAAY;AAG3E,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;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,iCAA+D;AAAA,EAC1E,IAAI;AAAA,EACJ,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,EACA;AAAA,OACK;AACP,SAAS,WAAW,6BAA6B;AAK1C,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,eAAe,KAAK,qCAAqC,YAAY;AAG3E,MAAM,sBAAoD;AAAA,EAC/D,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,iCAA+D;AAAA,EAC1E,IAAI;AAAA,EACJ,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,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAOT,MAAM,UAAU,CAAC;AAElB,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,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAOT,MAAM,UAAU,CAAC;AAElB,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;AAgCD,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CA2GzD,CAAC"}
|
|
@@ -28,6 +28,7 @@ const editorWrapperClass = clsx("flex flex-col", "bg-white dark:bg-base-900", "t
|
|
|
28
28
|
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
|
+
xs: clsx("px-1.5 py-1", "min-h-12"),
|
|
31
32
|
sm: clsx("px-3 py-2", "min-h-24"),
|
|
32
33
|
lg: clsx("px-5 py-4", "min-h-48"),
|
|
33
34
|
xl: clsx("px-6 py-5", "min-h-64")
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/form-control/editor/RichTextEditor.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;AAAA,SAGEA,MACAC,cACAC,IACAC,WACAC,YACAC,eACK;AACP,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,
|
|
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"]
|
|
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", "xs", "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":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\field\\Field.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,+BAA+B,CAAC;AAQvC,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAGtC,eAAO,MAAM,cAAc,QAK1B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAKtD,CAAC;AAGF,eAAO,MAAM,eAAe,QAI3B,CAAC;AAGF,eAAO,MAAM,qBAAqB,kBAAkB,CAAC;AACrD,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAKjE,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAAqD,CAAC;AAGrF,eAAO,MAAM,iBAAiB,QAAuD,CAAC;AAGtF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAKzD,CAAC;AAGF,eAAO,MAAM,eAAe,QAAY,CAAC;AAGzC,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,SAAS,GAAG,SAAS,EAAE,MAAM,CAMjE,CAAC;AAGF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACxB,GAAG,MAAM,CAWT;AAGD,wBAAgB,uBAAuB,CAAC,OAAO,EAAE;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACrC,GAAG,MAAM,CAQT"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import clsx from "clsx";
|
|
2
2
|
import { twMerge } from "tailwind-merge";
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
paddingLg,
|
|
5
|
+
paddingSm,
|
|
6
|
+
paddingXl,
|
|
7
|
+
paddingXs
|
|
8
|
+
} from "../../../styles/tokens.styles.js";
|
|
4
9
|
import {
|
|
5
10
|
fieldSurface,
|
|
6
11
|
insetBase,
|
|
@@ -14,6 +19,7 @@ const fieldBaseClass = clsx(
|
|
|
14
19
|
"h-field"
|
|
15
20
|
);
|
|
16
21
|
const fieldSizeClasses = {
|
|
22
|
+
xs: clsx("h-field-xs", paddingXs),
|
|
17
23
|
sm: clsx("h-field-sm", paddingSm),
|
|
18
24
|
lg: clsx("h-field-lg", paddingLg),
|
|
19
25
|
xl: clsx("h-field-xl", paddingXl)
|
|
@@ -25,6 +31,7 @@ const fieldInsetClass = clsx(
|
|
|
25
31
|
);
|
|
26
32
|
const fieldInsetHeightClass = "h-field-inset";
|
|
27
33
|
const fieldInsetSizeHeightClasses = {
|
|
34
|
+
xs: "h-field-inset-xs",
|
|
28
35
|
sm: "h-field-inset-sm",
|
|
29
36
|
lg: "h-field-inset-lg",
|
|
30
37
|
xl: "h-field-inset-xl"
|
|
@@ -32,14 +39,16 @@ const fieldInsetSizeHeightClasses = {
|
|
|
32
39
|
const fieldDisabledClass = clsx("bg-base-100 text-base-500 dark:bg-base-800");
|
|
33
40
|
const textAreaBaseClass = clsx("inline-block w-48", fieldSurface, "px-2 py-1");
|
|
34
41
|
const textAreaSizeClasses = {
|
|
42
|
+
xs: paddingXs,
|
|
35
43
|
sm: paddingSm,
|
|
36
44
|
lg: paddingLg,
|
|
37
45
|
xl: paddingXl
|
|
38
46
|
};
|
|
39
47
|
const fieldInputClass = inputBase;
|
|
40
48
|
const fieldGapClasses = {
|
|
41
|
-
|
|
49
|
+
xs: "gap-0.5",
|
|
42
50
|
sm: "gap-1.5",
|
|
51
|
+
default: "gap-2",
|
|
43
52
|
lg: "gap-3",
|
|
44
53
|
xl: "gap-4"
|
|
45
54
|
};
|
|
@@ -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,SAAS,eAAe;AACxB,
|
|
4
|
+
"mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKA,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,mBAA8C;AAAA,EACzD,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,wBAAwB;AAC9B,MAAM,8BAAyD;AAAA,EACpE,IAAI;AAAA,EACJ,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;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,kBAAkB;AAGxB,MAAM,kBAAyD;AAAA,EACpE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,SAAS,qBAAqB,SAM1B;AACT,SAAO;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ,QAAQ,iBAAiB,QAAQ,IAAI;AAAA,IAC7C,QAAQ,YAAY;AAAA,IACpB,QAAQ,SAAS;AAAA,IACjB,QAAQ,UACL,QAAQ,OAAO,4BAA4B,QAAQ,IAAI,IAAI;AAAA,IAC9D,QAAQ;AAAA,EACV;AACF;AAGO,SAAS,wBAAwB,SAK7B;AACT,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,QAAQ,oBAAoB,QAAQ,IAAI;AAAA,IAChD,QAAQ,YAAY;AAAA,IACpB,QAAQ,SAAS;AAAA,IACjB,QAAQ;AAAA,EACV;AACF;",
|
|
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;AAUnE,KAAK,eAAe,GAAG,aAAa,CAAC;AAErC,MAAM,WAAW,gBAAgB,CAAC,MAAM;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,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;AAUnE,KAAK,eAAe,GAAG,aAAa,CAAC;AAErC,MAAM,WAAW,gBAAgB,CAAC,MAAM;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAgRD,eAAO,MAAM,WAAW,EAAuB,CAAC,MAAM,EACpD,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAC5B,GAAG,CAAC,OAAO,CAAC"}
|
|
@@ -22,7 +22,8 @@ const baseClass = clsx("inline-flex items-center gap-1.5", "flex-wrap");
|
|
|
22
22
|
const chipClass = clsx("inline-flex items-center gap-1", "rounded-full", "bg-base-200 dark:bg-base-700", "text-base-800 dark:text-base-200", "cursor-default");
|
|
23
23
|
const chipDefaultClass = "px-3 py-1";
|
|
24
24
|
const chipSizeClasses = {
|
|
25
|
-
|
|
25
|
+
xs: "px-1.5 py-0 text-sm",
|
|
26
|
+
sm: "px-2 py-0.5",
|
|
26
27
|
lg: "px-4 py-2",
|
|
27
28
|
xl: "px-5 py-3 text-lg"
|
|
28
29
|
};
|
|
@@ -30,13 +31,15 @@ const chipNameBtnClass = clsx("cursor-pointer", "hover:underline", "focus:outlin
|
|
|
30
31
|
const iconBtnClass = twMerge(iconButtonBase, "rounded-full");
|
|
31
32
|
const iconBtnDefaultClass = "p-0.5";
|
|
32
33
|
const iconBtnSizeClasses = {
|
|
33
|
-
|
|
34
|
+
xs: "p-0",
|
|
35
|
+
sm: "p-0.5",
|
|
34
36
|
lg: "p-1",
|
|
35
37
|
xl: "p-1.5"
|
|
36
38
|
};
|
|
37
39
|
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");
|
|
38
40
|
const starBtnDefaultClass = "p-1";
|
|
39
41
|
const starBtnSizeClasses = {
|
|
42
|
+
xs: "p-0",
|
|
40
43
|
sm: "p-0.5",
|
|
41
44
|
lg: "p-1.5",
|
|
42
45
|
xl: "p-2"
|
|
@@ -44,7 +47,8 @@ const starBtnSizeClasses = {
|
|
|
44
47
|
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);
|
|
45
48
|
const inputDefaultClass = "px-3 py-1 w-24";
|
|
46
49
|
const inputSizeClasses = {
|
|
47
|
-
|
|
50
|
+
xs: clsx("w-16 px-1 py-0 text-sm"),
|
|
51
|
+
sm: "px-2 py-0.5 w-20",
|
|
48
52
|
lg: "px-4 py-2 w-32",
|
|
49
53
|
xl: "px-5 py-3 w-36 text-lg"
|
|
50
54
|
};
|
|
@@ -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;AAEhC,SAASC,sBAAsB;AAsB/B,MAAMC,YAAYX,KAAK,oCAAoC,WAAW;AAEtE,MAAMY,YAAYZ,KAChB,kCACA,gBACA,gCACA,oCACA,gBACF;AAEA,MAAMa,mBAAmB;AAEzB,MAAMC,kBAAmD;EACvDC,IAAI;EACJC,IAAI;EACJC,IAAI;AACN;AAEA,MAAMC,
|
|
5
|
-
"names": ["createSignal", "For", "Show", "splitProps", "twMerge", "clsx", "IconDeviceFloppy", "IconStar", "IconX", "objClone", "objEqual", "useSyncConfig", "useNotification", "Icon", "textPlaceholder", "iconButtonBase", "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"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["createSignal", "For", "Show", "splitProps", "twMerge", "clsx", "IconDeviceFloppy", "IconStar", "IconX", "objClone", "objEqual", "useSyncConfig", "useNotification", "Icon", "textPlaceholder", "iconButtonBase", "baseClass", "chipClass", "chipDefaultClass", "chipSizeClasses", "xs", "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,8 +5,9 @@ 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" | "xl";
|
|
8
|
+
export type ComponentSize = "xs" | "sm" | "lg" | "xl";
|
|
9
9
|
export type ComponentSizeCompact = "sm" | "lg";
|
|
10
|
+
export declare const paddingXs = "px-1 py-0";
|
|
10
11
|
export declare const paddingSm = "px-1.5 py-0.5";
|
|
11
12
|
export declare const paddingLg = "px-3 py-2";
|
|
12
13
|
export declare const paddingXl = "px-4 py-3";
|
|
@@ -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,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,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,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"}
|
|
@@ -5,6 +5,7 @@ const textDefault = "text-base-900 dark:text-base-100";
|
|
|
5
5
|
const textMuted = "text-base-400 dark:text-base-500";
|
|
6
6
|
const textPlaceholder = "placeholder:text-base-400 dark:placeholder:text-base-500";
|
|
7
7
|
const disabledOpacity = "cursor-default opacity-50 pointer-events-none";
|
|
8
|
+
const paddingXs = "px-1 py-0";
|
|
8
9
|
const paddingSm = "px-1.5 py-0.5";
|
|
9
10
|
const paddingLg = "px-3 py-2";
|
|
10
11
|
const paddingXl = "px-4 py-3";
|
|
@@ -66,6 +67,7 @@ export {
|
|
|
66
67
|
paddingLg,
|
|
67
68
|
paddingSm,
|
|
68
69
|
paddingXl,
|
|
70
|
+
paddingXs,
|
|
69
71
|
textDefault,
|
|
70
72
|
textMuted,
|
|
71
73
|
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;AAKxB,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;",
|
|
4
|
+
"mappings": "AACO,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAGrB,MAAM,YAAY;AAGlB,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,kBAAkB;AAGxB,MAAM,kBAAkB;AAKxB,MAAM,YAAY;AAClB,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/docs/helpers.md
CHANGED
|
@@ -14,18 +14,41 @@ const style = mergeStyles("color: red", { fontSize: "14px" }, props.style);
|
|
|
14
14
|
|
|
15
15
|
## splitSlots
|
|
16
16
|
|
|
17
|
-
Utility for splitting children into named slots based on
|
|
17
|
+
Utility for splitting resolved children into named slots based on `data-*` attributes. Returns a tuple of `[slots accessor, content accessor]`.
|
|
18
|
+
|
|
19
|
+
Slot keys are matched against the element's `dataset` (camelCase). Sub-components that set a matching data attribute (e.g., `data-select-header`) are separated into the named slot; all other children remain in `content`.
|
|
18
20
|
|
|
19
21
|
```typescript
|
|
20
22
|
import { splitSlots } from "@simplysm/solid";
|
|
23
|
+
import { children } from "solid-js";
|
|
24
|
+
|
|
25
|
+
// Inside a component:
|
|
26
|
+
const resolved = children(() => props.children);
|
|
27
|
+
const [slots, content] = splitSlots(resolved, ["selectHeader", "selectAction"] as const);
|
|
28
|
+
|
|
29
|
+
// Access inside JSX (within a reactive context)
|
|
30
|
+
<div>{slots().selectHeader}</div> // HTMLElement[] matching data-select-header
|
|
31
|
+
<div>{content()}</div> // JSX.Element[] – remaining children
|
|
32
|
+
```
|
|
21
33
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
34
|
+
**Signature:**
|
|
35
|
+
|
|
36
|
+
```typescript
|
|
37
|
+
function splitSlots<K extends string>(
|
|
38
|
+
resolved: { toArray: () => unknown[] },
|
|
39
|
+
keys: readonly K[],
|
|
40
|
+
): [Accessor<Record<K, HTMLElement[]>>, Accessor<JSX.Element[]>]
|
|
27
41
|
```
|
|
28
42
|
|
|
43
|
+
| Parameter | Type | Description |
|
|
44
|
+
|-----------|------|-------------|
|
|
45
|
+
| `resolved` | `{ toArray: () => unknown[] }` | Resolved children from SolidJS `children()` |
|
|
46
|
+
| `keys` | `readonly K[]` | Slot key names (camelCase, matched against `element.dataset`) |
|
|
47
|
+
|
|
48
|
+
Returns a tuple:
|
|
49
|
+
- `slots` — `Accessor<Record<K, HTMLElement[]>>` — named slot elements per key
|
|
50
|
+
- `content` — `Accessor<JSX.Element[]>` — remaining children not matched by any key
|
|
51
|
+
|
|
29
52
|
---
|
|
30
53
|
|
|
31
54
|
## ripple directive
|
package/docs/hooks.md
CHANGED
|
@@ -238,13 +238,14 @@ const items: AppStructureItem<string>[] = [
|
|
|
238
238
|
const structure = createAppStructure({
|
|
239
239
|
items,
|
|
240
240
|
usableModules: () => activeModules(), // optional: filter by active modules
|
|
241
|
-
permRecord: () => userPermissions(), // optional:
|
|
241
|
+
permRecord: () => userPermissions(), // optional: Record<string, boolean> permission state
|
|
242
242
|
});
|
|
243
243
|
|
|
244
|
-
// structure.
|
|
245
|
-
// structure.usableMenus()
|
|
246
|
-
// structure.usableFlatMenus() --
|
|
247
|
-
// structure.
|
|
244
|
+
// structure.usableRoutes() -- Accessor<AppRoute[]> - filtered route array (pass to @solidjs/router)
|
|
245
|
+
// structure.usableMenus() -- Accessor<AppMenu[]> - filtered menu array for Sidebar.Menu
|
|
246
|
+
// structure.usableFlatMenus() -- Accessor<AppFlatMenu[]> - flat filtered menu list
|
|
247
|
+
// structure.usablePerms() -- Accessor<AppPerm[]> - filtered permission tree
|
|
248
|
+
// structure.flatPerms -- AppFlatPerm[] - all flat perm entries (static, not reactive)
|
|
248
249
|
```
|
|
249
250
|
|
|
250
251
|
**Routing integration with `@solidjs/router`:**
|
|
@@ -261,7 +262,7 @@ render(
|
|
|
261
262
|
<Route path="/" component={App}>
|
|
262
263
|
<Route path="/home" component={Home}>
|
|
263
264
|
<Route path="/" component={() => <Navigate href="/home/main" />} />
|
|
264
|
-
<For each={appStructure.
|
|
265
|
+
<For each={appStructure.usableRoutes()}>
|
|
265
266
|
{(r) => <Route path={r.path} component={r.component} />}
|
|
266
267
|
</For>
|
|
267
268
|
<Route path="/*" component={NotFoundPage} />
|
|
@@ -274,7 +275,52 @@ render(
|
|
|
274
275
|
);
|
|
275
276
|
```
|
|
276
277
|
|
|
277
|
-
Each route object in `structure.
|
|
278
|
+
Each route object in `structure.usableRoutes()` has `path` (derived from nested `code` values) and `component` properties, ready to pass directly to `<Route>`. Note that `usableRoutes` is a reactive accessor — it re-evaluates when `usableModules` or `permRecord` signals change.
|
|
279
|
+
|
|
280
|
+
**AppStructure return type:**
|
|
281
|
+
|
|
282
|
+
```typescript
|
|
283
|
+
interface AppStructure<TModule> {
|
|
284
|
+
items: AppStructureItem<TModule>[];
|
|
285
|
+
usableRoutes: Accessor<AppRoute[]>; // reactive, filtered by modules + permRecord
|
|
286
|
+
usableMenus: Accessor<AppMenu[]>; // reactive, filtered by modules + permRecord
|
|
287
|
+
usableFlatMenus: Accessor<AppFlatMenu[]>; // reactive, flat version of usableMenus
|
|
288
|
+
usablePerms: Accessor<AppPerm<TModule>[]>; // reactive, filtered permission tree
|
|
289
|
+
flatPerms: AppFlatPerm<TModule>[]; // static, all perm entries (not reactive)
|
|
290
|
+
getTitleChainByHref(href: string): string[];
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
interface AppRoute {
|
|
294
|
+
path: string;
|
|
295
|
+
component: Component;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
interface AppMenu {
|
|
299
|
+
title: string;
|
|
300
|
+
href?: string;
|
|
301
|
+
icon?: Component<IconProps>;
|
|
302
|
+
children?: AppMenu[];
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
interface AppFlatMenu {
|
|
306
|
+
titleChain: string[];
|
|
307
|
+
href: string;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
interface AppPerm<TModule = string> {
|
|
311
|
+
title: string;
|
|
312
|
+
href?: string;
|
|
313
|
+
modules?: TModule[];
|
|
314
|
+
perms?: string[];
|
|
315
|
+
children?: AppPerm<TModule>[];
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
interface AppFlatPerm<TModule = string> {
|
|
319
|
+
titleChain: string[];
|
|
320
|
+
code: string;
|
|
321
|
+
modulesChain: TModule[][];
|
|
322
|
+
}
|
|
323
|
+
```
|
|
278
324
|
|
|
279
325
|
**AppStructureItem types:**
|
|
280
326
|
|
|
@@ -302,6 +348,15 @@ interface AppStructureLeafItem<TModule> {
|
|
|
302
348
|
isNotMenu?: boolean; // exclude from menu but include in routing
|
|
303
349
|
}
|
|
304
350
|
|
|
351
|
+
// Sub-permission item
|
|
352
|
+
interface AppStructureSubPerm<TModule> {
|
|
353
|
+
code: string;
|
|
354
|
+
title: string;
|
|
355
|
+
modules?: TModule[];
|
|
356
|
+
requiredModules?: TModule[];
|
|
357
|
+
perms: ("use" | "edit")[];
|
|
358
|
+
}
|
|
359
|
+
|
|
305
360
|
type AppStructureItem<TModule> = AppStructureGroupItem<TModule> | AppStructureLeafItem<TModule>;
|
|
306
361
|
```
|
|
307
362
|
|
package/docs/styling.md
CHANGED
|
@@ -110,26 +110,45 @@ import {
|
|
|
110
110
|
|
|
111
111
|
```typescript
|
|
112
112
|
import {
|
|
113
|
-
type FieldSize,
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
113
|
+
type FieldSize, // "sm" | "lg" | "xl"
|
|
114
|
+
fieldBaseClass, // Base wrapper classes (inline-flex, field surface, h-field)
|
|
115
|
+
fieldSizeClasses, // Size variant classes per FieldSize
|
|
116
|
+
fieldInsetClass, // Inset mode wrapper classes
|
|
117
|
+
fieldInsetHeightClass, // Inset height class (h-field-inset, excludes border)
|
|
118
|
+
fieldInsetSizeHeightClasses, // Inset height classes per size
|
|
119
|
+
fieldDisabledClass, // Disabled state classes
|
|
120
|
+
textAreaBaseClass, // Base textarea wrapper classes
|
|
121
|
+
textAreaSizeClasses, // Textarea size classes per FieldSize
|
|
122
|
+
fieldInputClass, // Base classes for field <input> element
|
|
123
|
+
fieldGapClasses, // Gap classes per size (with prefix icon)
|
|
124
|
+
getFieldWrapperClass, // Utility to build field wrapper class string
|
|
125
|
+
getTextareaWrapperClass, // Utility to build textarea wrapper class string
|
|
118
126
|
} from "@simplysm/solid";
|
|
119
127
|
```
|
|
120
128
|
|
|
129
|
+
**`getFieldWrapperClass` options:**
|
|
130
|
+
|
|
131
|
+
| Option | Type | Description |
|
|
132
|
+
|--------|------|-------------|
|
|
133
|
+
| `size` | `FieldSize` | Size variant |
|
|
134
|
+
| `disabled` | `boolean` | Apply disabled styles |
|
|
135
|
+
| `inset` | `boolean` | Apply inset styles |
|
|
136
|
+
| `includeCustomClass` | `string \| false` | Additional CSS class (or `false` to skip) |
|
|
137
|
+
| `extra` | `string \| false` | Extra classes inserted before size/disabled/inset |
|
|
138
|
+
|
|
121
139
|
### Checkbox.styles
|
|
122
140
|
|
|
123
141
|
```typescript
|
|
124
142
|
import {
|
|
125
|
-
type CheckboxSize,
|
|
126
|
-
checkboxBaseClass,
|
|
127
|
-
indicatorBaseClass,
|
|
128
|
-
checkedClass,
|
|
129
|
-
checkboxSizeClasses,
|
|
130
|
-
checkboxInsetClass,
|
|
131
|
-
|
|
132
|
-
|
|
143
|
+
type CheckboxSize, // "sm" | "lg" | "xl"
|
|
144
|
+
checkboxBaseClass, // Base wrapper classes
|
|
145
|
+
indicatorBaseClass, // Base indicator (box) classes
|
|
146
|
+
checkedClass, // Checked state classes (primary color)
|
|
147
|
+
checkboxSizeClasses, // Size variant classes
|
|
148
|
+
checkboxInsetClass, // Inset mode classes
|
|
149
|
+
checkboxInsetSizeHeightClasses, // Inset height classes per size (excludes border)
|
|
150
|
+
checkboxInlineClass, // Inline display classes
|
|
151
|
+
checkboxDisabledClass, // Disabled state classes
|
|
133
152
|
} from "@simplysm/solid";
|
|
134
153
|
```
|
|
135
154
|
|
|
@@ -142,8 +161,11 @@ import {
|
|
|
142
161
|
sortableThClass, sortIconClass, toolbarClass, fixedClass, fixedLastClass,
|
|
143
162
|
resizerClass, resizeIndicatorClass, featureThClass, featureTdClass,
|
|
144
163
|
expandIndentGuideClass, expandIndentGuideLineClass, expandToggleClass,
|
|
164
|
+
selectSingleClass, selectSingleSelectedClass, selectSingleUnselectedClass,
|
|
145
165
|
reorderHandleClass, reorderIndicatorClass, configButtonClass,
|
|
146
|
-
|
|
166
|
+
featureCellWrapperClass, featureCellBodyWrapperClass,
|
|
167
|
+
featureCellClickableClass, featureCellBodyClickableClass,
|
|
168
|
+
reorderCellWrapperClass,
|
|
147
169
|
} from "@simplysm/solid";
|
|
148
170
|
```
|
|
149
171
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simplysm/solid",
|
|
3
|
-
"version": "13.0.
|
|
3
|
+
"version": "13.0.44",
|
|
4
4
|
"description": "심플리즘 패키지 - SolidJS 라이브러리",
|
|
5
5
|
"author": "김석래",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"solid-tiptap": "^0.8.0",
|
|
50
50
|
"tailwind-merge": "^3.5.0",
|
|
51
51
|
"tailwindcss": "^3.4.19",
|
|
52
|
-
"@simplysm/core-browser": "13.0.
|
|
53
|
-
"@simplysm/core-common": "13.0.
|
|
52
|
+
"@simplysm/core-browser": "13.0.44",
|
|
53
|
+
"@simplysm/core-common": "13.0.44"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@solidjs/testing-library": "^0.8.10"
|
|
@@ -37,13 +37,14 @@ const themeClasses = Object.fromEntries(
|
|
|
37
37
|
{
|
|
38
38
|
solid: clsx(t.solid, t.solidHover /*, "shadow-md hover:shadow-lg"*/),
|
|
39
39
|
outline: clsx("bg-transparent", t.hoverBg, t.text, t.border),
|
|
40
|
-
ghost: clsx("bg-transparent",
|
|
40
|
+
ghost: clsx("bg-transparent", `hover:bg-base-100 dark:hover:bg-base-800/30`, t.text),
|
|
41
41
|
},
|
|
42
42
|
]),
|
|
43
43
|
) as Record<ButtonTheme, Record<ButtonVariant, string>>;
|
|
44
44
|
|
|
45
45
|
const sizeClasses: Record<ButtonSize, string> = {
|
|
46
|
-
|
|
46
|
+
xs: clsx("min-w-4 px-0.5 py-0"),
|
|
47
|
+
sm: clsx("min-w-6 px-1 py-0.5"),
|
|
47
48
|
lg: clsx("min-w-9 px-3 py-1.5"),
|
|
48
49
|
xl: clsx("min-w-10 px-4 py-2 text-lg"),
|
|
49
50
|
};
|
|
@@ -6,6 +6,7 @@ import {
|
|
|
6
6
|
paddingLg,
|
|
7
7
|
paddingSm,
|
|
8
8
|
paddingXl,
|
|
9
|
+
paddingXs,
|
|
9
10
|
} from "../../styles/tokens.styles";
|
|
10
11
|
import { insetBase, insetFocusOutlineSelf } from "../../styles/patterns.styles";
|
|
11
12
|
|
|
@@ -29,6 +30,7 @@ export const triggerDisabledClass = clsx(
|
|
|
29
30
|
export const triggerInsetClass = clsx(insetBase, "bg-transparent", insetFocusOutlineSelf);
|
|
30
31
|
|
|
31
32
|
export const triggerSizeClasses: Record<ComponentSize, string> = {
|
|
33
|
+
xs: clsx("gap-0.5", paddingXs),
|
|
32
34
|
sm: clsx("gap-1.5", paddingSm),
|
|
33
35
|
lg: clsx("gap-3", paddingLg),
|
|
34
36
|
xl: clsx("gap-3.5", paddingXl),
|
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
7
|
paddingLg,
|
|
8
8
|
paddingSm,
|
|
9
9
|
paddingXl,
|
|
10
|
+
paddingXs,
|
|
10
11
|
} from "../../../styles/tokens.styles";
|
|
11
12
|
import { insetBase, insetFocusOutlineSelf } from "../../../styles/patterns.styles";
|
|
12
13
|
|
|
@@ -40,6 +41,7 @@ export const checkedClass = clsx("border-primary-500 bg-primary-500", "text-whit
|
|
|
40
41
|
|
|
41
42
|
// 사이즈별 스타일
|
|
42
43
|
export const checkboxSizeClasses: Record<CheckboxSize, string> = {
|
|
44
|
+
xs: clsx("h-field-xs", paddingXs),
|
|
43
45
|
sm: clsx("h-field-sm", paddingSm),
|
|
44
46
|
lg: clsx("h-field-lg", paddingLg),
|
|
45
47
|
xl: clsx("h-field-xl", paddingXl),
|
|
@@ -54,6 +56,7 @@ export const checkboxInsetClass = clsx(
|
|
|
54
56
|
|
|
55
57
|
// inset 사이즈별 높이 (border 2px 제외)
|
|
56
58
|
export const checkboxInsetSizeHeightClasses: Record<CheckboxSize, string> = {
|
|
59
|
+
xs: "h-field-inset-xs",
|
|
57
60
|
sm: "h-field-inset-sm",
|
|
58
61
|
lg: "h-field-inset-lg",
|
|
59
62
|
xl: "h-field-inset-xl",
|
|
@@ -70,6 +70,7 @@ const editorContentClass = clsx(
|
|
|
70
70
|
|
|
71
71
|
// 에디터 콘텐츠 사이즈별 스타일
|
|
72
72
|
const editorContentSizeClasses: Record<FieldSize, string> = {
|
|
73
|
+
xs: clsx("px-1.5 py-1", "min-h-12"),
|
|
73
74
|
sm: clsx("px-3 py-2", "min-h-24"),
|
|
74
75
|
lg: clsx("px-5 py-4", "min-h-48"),
|
|
75
76
|
xl: clsx("px-6 py-5", "min-h-64"),
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import clsx from "clsx";
|
|
2
2
|
import { twMerge } from "tailwind-merge";
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
type ComponentSize,
|
|
5
|
+
paddingLg,
|
|
6
|
+
paddingSm,
|
|
7
|
+
paddingXl,
|
|
8
|
+
paddingXs,
|
|
9
|
+
} from "../../../styles/tokens.styles";
|
|
4
10
|
import {
|
|
5
11
|
fieldSurface,
|
|
6
12
|
insetBase,
|
|
@@ -20,6 +26,7 @@ export const fieldBaseClass = clsx(
|
|
|
20
26
|
|
|
21
27
|
// 사이즈별 스타일
|
|
22
28
|
export const fieldSizeClasses: Record<FieldSize, string> = {
|
|
29
|
+
xs: clsx("h-field-xs", paddingXs),
|
|
23
30
|
sm: clsx("h-field-sm", paddingSm),
|
|
24
31
|
lg: clsx("h-field-lg", paddingLg),
|
|
25
32
|
xl: clsx("h-field-xl", paddingXl),
|
|
@@ -35,6 +42,7 @@ export const fieldInsetClass = clsx(
|
|
|
35
42
|
// inset 높이 (border 2px 제외)
|
|
36
43
|
export const fieldInsetHeightClass = "h-field-inset";
|
|
37
44
|
export const fieldInsetSizeHeightClasses: Record<FieldSize, string> = {
|
|
45
|
+
xs: "h-field-inset-xs",
|
|
38
46
|
sm: "h-field-inset-sm",
|
|
39
47
|
lg: "h-field-inset-lg",
|
|
40
48
|
xl: "h-field-inset-xl",
|
|
@@ -48,6 +56,7 @@ export const textAreaBaseClass = clsx("inline-block w-48", fieldSurface, "px-2 p
|
|
|
48
56
|
|
|
49
57
|
// textarea 사이즈별 스타일 (h-field-* 제거)
|
|
50
58
|
export const textAreaSizeClasses: Record<FieldSize, string> = {
|
|
59
|
+
xs: paddingXs,
|
|
51
60
|
sm: paddingSm,
|
|
52
61
|
lg: paddingLg,
|
|
53
62
|
xl: paddingXl,
|
|
@@ -58,8 +67,9 @@ export const fieldInputClass = inputBase;
|
|
|
58
67
|
|
|
59
68
|
// prefixIcon gap 클래스 (nested ternary 대체)
|
|
60
69
|
export const fieldGapClasses: Record<FieldSize | "default", string> = {
|
|
61
|
-
|
|
70
|
+
xs: "gap-0.5",
|
|
62
71
|
sm: "gap-1.5",
|
|
72
|
+
default: "gap-2",
|
|
63
73
|
lg: "gap-3",
|
|
64
74
|
xl: "gap-4",
|
|
65
75
|
};
|
|
@@ -44,7 +44,8 @@ const chipClass = clsx(
|
|
|
44
44
|
const chipDefaultClass = "px-3 py-1";
|
|
45
45
|
|
|
46
46
|
const chipSizeClasses: Record<StatePresetSize, string> = {
|
|
47
|
-
|
|
47
|
+
xs: "px-1.5 py-0 text-sm",
|
|
48
|
+
sm: "px-2 py-0.5",
|
|
48
49
|
lg: "px-4 py-2",
|
|
49
50
|
xl: "px-5 py-3 text-lg",
|
|
50
51
|
};
|
|
@@ -56,7 +57,8 @@ const iconBtnClass = twMerge(iconButtonBase, "rounded-full");
|
|
|
56
57
|
const iconBtnDefaultClass = "p-0.5";
|
|
57
58
|
|
|
58
59
|
const iconBtnSizeClasses: Record<StatePresetSize, string> = {
|
|
59
|
-
|
|
60
|
+
xs: "p-0",
|
|
61
|
+
sm: "p-0.5",
|
|
60
62
|
lg: "p-1",
|
|
61
63
|
xl: "p-1.5",
|
|
62
64
|
};
|
|
@@ -74,6 +76,7 @@ const starBtnClass = clsx(
|
|
|
74
76
|
const starBtnDefaultClass = "p-1";
|
|
75
77
|
|
|
76
78
|
const starBtnSizeClasses: Record<StatePresetSize, string> = {
|
|
79
|
+
xs: "p-0",
|
|
77
80
|
sm: "p-0.5",
|
|
78
81
|
lg: "p-1.5",
|
|
79
82
|
xl: "p-2",
|
|
@@ -92,7 +95,8 @@ const inputClass = clsx(
|
|
|
92
95
|
const inputDefaultClass = "px-3 py-1 w-24";
|
|
93
96
|
|
|
94
97
|
const inputSizeClasses: Record<StatePresetSize, string> = {
|
|
95
|
-
|
|
98
|
+
xs: clsx("w-16 px-1 py-0 text-sm"),
|
|
99
|
+
sm: "px-2 py-0.5 w-20",
|
|
96
100
|
lg: "px-4 py-2 w-32",
|
|
97
101
|
xl: "px-5 py-3 w-36 text-lg",
|
|
98
102
|
};
|
|
@@ -14,8 +14,9 @@ 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" | "xl";
|
|
17
|
+
export type ComponentSize = "xs" | "sm" | "lg" | "xl";
|
|
18
18
|
export type ComponentSizeCompact = "sm" | "lg";
|
|
19
|
+
export const paddingXs = "px-1 py-0";
|
|
19
20
|
export const paddingSm = "px-1.5 py-0.5";
|
|
20
21
|
export const paddingLg = "px-3 py-2";
|
|
21
22
|
export const paddingXl = "px-4 py-3";
|
package/tailwind.config.ts
CHANGED
|
@@ -11,12 +11,14 @@ const __dirname = fileURLToPath(new URL(".", import.meta.url));
|
|
|
11
11
|
|
|
12
12
|
const fieldSizes = {
|
|
13
13
|
"field": `calc(${lh}rem + ${sp["1"]} + ${sp["1"]} + 2px)`,
|
|
14
|
+
"field-xs": `calc(${lh}rem + 2px)`,
|
|
14
15
|
"field-sm": `calc(${lh}rem + ${sp["0.5"]} + ${sp["0.5"]} + 2px)`,
|
|
15
16
|
"field-lg": `calc(${lh}rem + ${sp["2"]} + ${sp["2"]} + 2px)`,
|
|
17
|
+
"field-xl": `calc(${lh}rem + ${sp["3"]} + ${sp["3"]} + 2px)`,
|
|
16
18
|
"field-inset": `calc(${lh}rem + ${sp["1"]} + ${sp["1"]})`,
|
|
19
|
+
"field-inset-xs": `${lh}rem`,
|
|
17
20
|
"field-inset-sm": `calc(${lh}rem + ${sp["0.5"]} + ${sp["0.5"]})`,
|
|
18
21
|
"field-inset-lg": `calc(${lh}rem + ${sp["2"]} + ${sp["2"]})`,
|
|
19
|
-
"field-xl": `calc(${lh}rem + ${sp["3"]} + ${sp["3"]} + 2px)`,
|
|
20
22
|
"field-inset-xl": `calc(${lh}rem + ${sp["3"]} + ${sp["3"]})`,
|
|
21
23
|
};
|
|
22
24
|
|