@vaneui/ui 0.3.1-alpha.20250921204254.9cfeae4 → 0.3.1-alpha.20250926201820.1b8c4ca
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/ui/classes/layoutClasses.d.ts +8 -0
- package/dist/components/ui/classes/layoutClasses.d.ts.map +1 -1
- package/dist/components/ui/theme/badgeTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/buttonTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/chipTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/codeTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/defaults.d.ts.map +1 -1
- package/dist/components/ui/theme/inputTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/radiusTheme.d.ts +1 -0
- package/dist/components/ui/theme/layout/radiusTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/gapTheme.d.ts +2 -1
- package/dist/components/ui/theme/size/gapTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/pxTheme.d.ts +2 -1
- package/dist/components/ui/theme/size/pxTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/pyTheme.d.ts +2 -1
- package/dist/components/ui/theme/size/pyTheme.d.ts.map +1 -1
- package/dist/index.esm.js +134 -66
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +134 -66
- package/dist/index.js.map +1 -1
- package/dist/ui.css +97 -40
- package/dist/vars.css +17 -4
- package/package.json +1 -1
|
@@ -2,4 +2,12 @@ import { SizeKey } from "../props";
|
|
|
2
2
|
export declare const layoutGapClasses: Record<SizeKey, string>;
|
|
3
3
|
export declare const layoutPaddingClasses: Record<SizeKey, string>;
|
|
4
4
|
export declare const sectionAspectRatioClasses: Record<SizeKey, string>;
|
|
5
|
+
export declare const uiPaddingClasses: Record<SizeKey, string>;
|
|
6
|
+
export declare const buttonAspectRatioClasses: Record<SizeKey, string>;
|
|
7
|
+
export declare const badgeAspectRatioClasses: Record<SizeKey, string>;
|
|
8
|
+
export declare const inputAspectRatioClasses: Record<SizeKey, string>;
|
|
9
|
+
export declare const codeAspectRatioClasses: Record<SizeKey, string>;
|
|
10
|
+
export declare const codePyClasses: Record<SizeKey, string>;
|
|
11
|
+
export declare const chipAspectRatioClasses: Record<SizeKey, string>;
|
|
12
|
+
export declare const chipPyClasses: Record<SizeKey, string>;
|
|
5
13
|
//# sourceMappingURL=layoutClasses.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layoutClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/classes/layoutClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMpD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMxD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM7D,CAAC"}
|
|
1
|
+
{"version":3,"file":"layoutClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/classes/layoutClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMpD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMxD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM7D,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMpD,CAAC;AAGF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM5D,CAAC;AAGF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM3D,CAAC;AAGF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM3D,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM1D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMjD,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM1D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMjD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badgeTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/badgeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"badgeTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/badgeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,MAAM,WAAW,UAAW,SAAQ,4BAA4B;IAC9D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,wCAkC7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/buttonTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"buttonTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/buttonTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,WAAY,SAAQ,4BAA4B;IAC/D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,kBAAkB,0CAmC9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chipTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/chipTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"chipTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/chipTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,sCAkC5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/codeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"codeTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/codeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,sCA+B5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,aAoQ3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/inputTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"inputTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/inputTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,UAAW,SAAQ,4BAA4B;IAC9D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,wCAgC7B,CAAC"}
|
|
@@ -8,6 +8,7 @@ export declare class RadiusTheme extends BaseTheme {
|
|
|
8
8
|
sharp: string;
|
|
9
9
|
/** Size-based rounded corners - varies by component size */
|
|
10
10
|
rounded: Record<SizeKey, string>;
|
|
11
|
+
private isUIComponent;
|
|
11
12
|
private constructor();
|
|
12
13
|
static createUITheme(customRounded?: Record<SizeKey, string>): RadiusTheme;
|
|
13
14
|
static createLayoutTheme(): RadiusTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radiusTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/layout/radiusTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"radiusTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/layout/radiusTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,WAAY,SAAQ,SAAS;IACxC,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAkB;IAC9B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAkB;IAC/B,4DAA4D;IAC5D,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAEjC,OAAO,CAAC,aAAa,CAAU;IAE/B,OAAO;IAMP,MAAM,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,WAAW;IAW1E,MAAM,CAAC,iBAAiB,IAAI,WAAW;IAWvC,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAkBnD"}
|
|
@@ -12,7 +12,8 @@ export declare class GapTheme extends BaseTheme implements Record<SizeKey, strin
|
|
|
12
12
|
lg: string;
|
|
13
13
|
/** Extra-large gap - uses CSS variable --layout-gap-xl */
|
|
14
14
|
xl: string;
|
|
15
|
-
|
|
15
|
+
private isUIComponent;
|
|
16
|
+
constructor(sizeMap?: Record<SizeKey, string>, isUIComponent?: boolean);
|
|
16
17
|
getClasses(extractedKeys: CategoryProps): string[];
|
|
17
18
|
}
|
|
18
19
|
//# sourceMappingURL=gapTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gapTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/gapTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,qBAAa,QAAS,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACxE,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAuB;IACjC,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAuB;IACjC,qDAAqD;IACrD,EAAE,EAAE,MAAM,CAAuB;IACjC,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAuB;IACjC,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAuB;
|
|
1
|
+
{"version":3,"file":"gapTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/gapTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,qBAAa,QAAS,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACxE,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAuB;IACjC,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAuB;IACjC,qDAAqD;IACrD,EAAE,EAAE,MAAM,CAAuB;IACjC,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAuB;IACjC,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAuB;IAEjC,OAAO,CAAC,aAAa,CAAU;gBAEnB,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,UAAQ;IAYpE,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAQnD"}
|
|
@@ -4,7 +4,8 @@ import type { CategoryProps } from "../../props";
|
|
|
4
4
|
/** Horizontal padding theme - controls left and right padding */
|
|
5
5
|
export declare class PxTheme extends PaddingTheme {
|
|
6
6
|
private aspectRatioMap?;
|
|
7
|
-
|
|
7
|
+
private isUIComponent?;
|
|
8
|
+
constructor(aspectRatioMap?: Record<SizeKey, string>, isUIComponent?: boolean);
|
|
8
9
|
getClasses(extractedKeys: CategoryProps): string[];
|
|
9
10
|
}
|
|
10
11
|
//# sourceMappingURL=pxTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pxTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/pxTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"pxTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/pxTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,iEAAiE;AACjE,qBAAa,OAAQ,SAAQ,YAAY;IACvC,OAAO,CAAC,cAAc,CAAC,CAA0B;IACjD,OAAO,CAAC,aAAa,CAAC,CAAU;gBAEpB,cAAc,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,UAAQ;IAQ3E,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAiBnD"}
|
|
@@ -3,7 +3,8 @@ import { PaddingTheme } from "./paddingTheme";
|
|
|
3
3
|
import type { CategoryProps } from "../../props";
|
|
4
4
|
/** Vertical padding theme - controls top and bottom padding */
|
|
5
5
|
export declare class PyTheme extends PaddingTheme {
|
|
6
|
-
|
|
6
|
+
private isUIComponent?;
|
|
7
|
+
constructor(sizeMap?: Record<SizeKey, string>, isUIComponent?: boolean);
|
|
7
8
|
getClasses(extractedKeys: CategoryProps): string[];
|
|
8
9
|
}
|
|
9
10
|
//# sourceMappingURL=pyTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pyTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/pyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,+DAA+D;AAC/D,qBAAa,OAAQ,SAAQ,YAAY;
|
|
1
|
+
{"version":3,"file":"pyTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/pyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,+DAA+D;AAC/D,qBAAa,OAAQ,SAAQ,YAAY;IACvC,OAAO,CAAC,aAAa,CAAC,CAAU;gBAEpB,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,UAAQ;IAWpE,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAWnD"}
|
package/dist/index.esm.js
CHANGED
|
@@ -3685,11 +3685,11 @@ const layoutGapClasses = {
|
|
|
3685
3685
|
xl: "[--gap-unit:6]",
|
|
3686
3686
|
};
|
|
3687
3687
|
const layoutPaddingClasses = {
|
|
3688
|
-
xs: "[--
|
|
3689
|
-
sm: "[--
|
|
3690
|
-
md: "[--
|
|
3691
|
-
lg: "[--
|
|
3692
|
-
xl: "[--
|
|
3688
|
+
xs: "[--py-unit:2]",
|
|
3689
|
+
sm: "[--py-unit:3]",
|
|
3690
|
+
md: "[--py-unit:4]",
|
|
3691
|
+
lg: "[--py-unit:5]",
|
|
3692
|
+
xl: "[--py-unit:6]",
|
|
3693
3693
|
};
|
|
3694
3694
|
const sectionAspectRatioClasses = {
|
|
3695
3695
|
xs: "[--aspect-ratio:2.5]",
|
|
@@ -3698,9 +3698,71 @@ const sectionAspectRatioClasses = {
|
|
|
3698
3698
|
lg: "[--aspect-ratio:1.6]",
|
|
3699
3699
|
xl: "[--aspect-ratio:1.5]",
|
|
3700
3700
|
};
|
|
3701
|
+
// UI component classes
|
|
3702
|
+
const uiPaddingClasses = {
|
|
3703
|
+
xs: "[--py-unit:1]",
|
|
3704
|
+
sm: "[--py-unit:1.5]",
|
|
3705
|
+
md: "[--py-unit:2]",
|
|
3706
|
+
lg: "[--py-unit:2.5]",
|
|
3707
|
+
xl: "[--py-unit:3]",
|
|
3708
|
+
};
|
|
3709
|
+
// Button-specific aspect ratios (px-2,3,4,5,6 vs py-1,1.5,2,2.5,3)
|
|
3710
|
+
const buttonAspectRatioClasses = {
|
|
3711
|
+
xs: "[--aspect-ratio:2]", // px-2 vs py-1 = 2
|
|
3712
|
+
sm: "[--aspect-ratio:2]", // px-3 vs py-1.5 = 2
|
|
3713
|
+
md: "[--aspect-ratio:2]", // px-4 vs py-2 = 2
|
|
3714
|
+
lg: "[--aspect-ratio:2]", // px-5 vs py-2.5 = 2
|
|
3715
|
+
xl: "[--aspect-ratio:2]", // px-6 vs py-3 = 2
|
|
3716
|
+
};
|
|
3717
|
+
// Badge aspect ratios (same as button)
|
|
3718
|
+
const badgeAspectRatioClasses = {
|
|
3719
|
+
xs: "[--aspect-ratio:2]",
|
|
3720
|
+
sm: "[--aspect-ratio:2]",
|
|
3721
|
+
md: "[--aspect-ratio:2]",
|
|
3722
|
+
lg: "[--aspect-ratio:2]",
|
|
3723
|
+
xl: "[--aspect-ratio:2]",
|
|
3724
|
+
};
|
|
3725
|
+
// Input aspect ratios (same as button)
|
|
3726
|
+
const inputAspectRatioClasses = {
|
|
3727
|
+
xs: "[--aspect-ratio:2]",
|
|
3728
|
+
sm: "[--aspect-ratio:2]",
|
|
3729
|
+
md: "[--aspect-ratio:2]",
|
|
3730
|
+
lg: "[--aspect-ratio:2]",
|
|
3731
|
+
xl: "[--aspect-ratio:2]",
|
|
3732
|
+
};
|
|
3733
|
+
// Code-specific classes (px-1,1.5,1.5,2,2 vs py-0,0.5,1,1,1)
|
|
3734
|
+
const codeAspectRatioClasses = {
|
|
3735
|
+
xs: "[--aspect-ratio:1]", // px-1 vs py-0 (but py-0 is 0, so use py-unit but ratio for px)
|
|
3736
|
+
sm: "[--aspect-ratio:3]", // px-1.5 vs py-0.5 = 3
|
|
3737
|
+
md: "[--aspect-ratio:1.5]", // px-1.5 vs py-1 = 1.5
|
|
3738
|
+
lg: "[--aspect-ratio:2]", // px-2 vs py-1 = 2
|
|
3739
|
+
xl: "[--aspect-ratio:2]", // px-2 vs py-1 = 2
|
|
3740
|
+
};
|
|
3741
|
+
const codePyClasses = {
|
|
3742
|
+
xs: "[--py-unit:0]",
|
|
3743
|
+
sm: "[--py-unit:0.5]",
|
|
3744
|
+
md: "[--py-unit:1]",
|
|
3745
|
+
lg: "[--py-unit:1]",
|
|
3746
|
+
xl: "[--py-unit:1]",
|
|
3747
|
+
};
|
|
3748
|
+
// Chip-specific classes (px-2,2.5,3,3.5,4 vs py-0.5,1,1.5,2,2.5)
|
|
3749
|
+
const chipAspectRatioClasses = {
|
|
3750
|
+
xs: "[--aspect-ratio:4]", // px-2 vs py-0.5 = 4
|
|
3751
|
+
sm: "[--aspect-ratio:2.5]", // px-2.5 vs py-1 = 2.5
|
|
3752
|
+
md: "[--aspect-ratio:2]", // px-3 vs py-1.5 = 2
|
|
3753
|
+
lg: "[--aspect-ratio:1.75]", // px-3.5 vs py-2 = 1.75
|
|
3754
|
+
xl: "[--aspect-ratio:1.6]", // px-4 vs py-2.5 = 1.6
|
|
3755
|
+
};
|
|
3756
|
+
const chipPyClasses = {
|
|
3757
|
+
xs: "[--py-unit:0.5]",
|
|
3758
|
+
sm: "[--py-unit:1]",
|
|
3759
|
+
md: "[--py-unit:1.5]",
|
|
3760
|
+
lg: "[--py-unit:2]",
|
|
3761
|
+
xl: "[--py-unit:2.5]",
|
|
3762
|
+
};
|
|
3701
3763
|
|
|
3702
3764
|
class GapTheme extends BaseTheme {
|
|
3703
|
-
constructor(sizeMap) {
|
|
3765
|
+
constructor(sizeMap, isUIComponent = false) {
|
|
3704
3766
|
super();
|
|
3705
3767
|
/** Extra-small gap - uses CSS variable --layout-gap-xs */
|
|
3706
3768
|
this.xs = layoutGapClasses.xs;
|
|
@@ -3712,6 +3774,7 @@ class GapTheme extends BaseTheme {
|
|
|
3712
3774
|
this.lg = layoutGapClasses.lg;
|
|
3713
3775
|
/** Extra-large gap - uses CSS variable --layout-gap-xl */
|
|
3714
3776
|
this.xl = layoutGapClasses.xl;
|
|
3777
|
+
this.isUIComponent = isUIComponent;
|
|
3715
3778
|
if (sizeMap) {
|
|
3716
3779
|
ComponentKeys.size.forEach((key) => {
|
|
3717
3780
|
if (sizeMap[key] !== undefined) {
|
|
@@ -3724,41 +3787,42 @@ class GapTheme extends BaseTheme {
|
|
|
3724
3787
|
var _a;
|
|
3725
3788
|
if ((extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.gap) === 'gap') {
|
|
3726
3789
|
const gapClass = this[(_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _a !== void 0 ? _a : 'md'];
|
|
3727
|
-
|
|
3790
|
+
const gapVar = this.isUIComponent ? "gap-(--ui-gap)" : "gap-(--gap)";
|
|
3791
|
+
return gapClass ? [gapClass, gapVar] : [];
|
|
3728
3792
|
}
|
|
3729
3793
|
return [];
|
|
3730
3794
|
}
|
|
3731
3795
|
}
|
|
3732
3796
|
|
|
3733
|
-
const uiBorderRadiusClasses = {
|
|
3734
|
-
xs: "rounded-(--ui-br-xs)",
|
|
3735
|
-
sm: "rounded-(--ui-br-sm)",
|
|
3736
|
-
md: "rounded-(--ui-br-md)",
|
|
3737
|
-
lg: "rounded-(--ui-br-lg)",
|
|
3738
|
-
xl: "rounded-(--ui-br-xl)",
|
|
3739
|
-
};
|
|
3740
|
-
const layoutBorderRadiusClasses = {
|
|
3741
|
-
xs: "rounded-(--layout-br-xs)",
|
|
3742
|
-
sm: "rounded-(--layout-br-sm)",
|
|
3743
|
-
md: "rounded-(--layout-br-md)",
|
|
3744
|
-
lg: "rounded-(--layout-br-lg)",
|
|
3745
|
-
xl: "rounded-(--layout-br-xl)",
|
|
3746
|
-
};
|
|
3747
|
-
|
|
3748
3797
|
class RadiusTheme extends BaseTheme {
|
|
3749
|
-
constructor(roundedClasses) {
|
|
3798
|
+
constructor(roundedClasses, isUIComponent = false) {
|
|
3750
3799
|
super();
|
|
3751
3800
|
/** Pill shape - fully rounded corners */
|
|
3752
3801
|
this.pill = "rounded-full";
|
|
3753
3802
|
/** Sharp shape - no rounded corners */
|
|
3754
3803
|
this.sharp = "rounded-none";
|
|
3755
3804
|
this.rounded = roundedClasses;
|
|
3805
|
+
this.isUIComponent = isUIComponent;
|
|
3756
3806
|
}
|
|
3757
3807
|
static createUITheme(customRounded) {
|
|
3758
|
-
|
|
3808
|
+
const brUnitClasses = {
|
|
3809
|
+
xs: '[--br-unit:1]',
|
|
3810
|
+
sm: '[--br-unit:2]',
|
|
3811
|
+
md: '[--br-unit:3]',
|
|
3812
|
+
lg: '[--br-unit:4]',
|
|
3813
|
+
xl: '[--br-unit:5]'
|
|
3814
|
+
};
|
|
3815
|
+
return new RadiusTheme(customRounded || brUnitClasses, true);
|
|
3759
3816
|
}
|
|
3760
3817
|
static createLayoutTheme() {
|
|
3761
|
-
|
|
3818
|
+
const brUnitClasses = {
|
|
3819
|
+
xs: '[--br-unit:3]',
|
|
3820
|
+
sm: '[--br-unit:4]',
|
|
3821
|
+
md: '[--br-unit:5]',
|
|
3822
|
+
lg: '[--br-unit:6]',
|
|
3823
|
+
xl: '[--br-unit:7]'
|
|
3824
|
+
};
|
|
3825
|
+
return new RadiusTheme(brUnitClasses, false);
|
|
3762
3826
|
}
|
|
3763
3827
|
getClasses(extractedKeys) {
|
|
3764
3828
|
var _a, _b;
|
|
@@ -3770,8 +3834,9 @@ class RadiusTheme extends BaseTheme {
|
|
|
3770
3834
|
case 'sharp':
|
|
3771
3835
|
return [this.sharp];
|
|
3772
3836
|
case 'rounded': {
|
|
3773
|
-
const
|
|
3774
|
-
|
|
3837
|
+
const brUnitClass = this.rounded[size];
|
|
3838
|
+
const roundedVar = this.isUIComponent ? "rounded-(--ui-br)" : "rounded-(--br)";
|
|
3839
|
+
return brUnitClass ? [brUnitClass, roundedVar] : [];
|
|
3775
3840
|
}
|
|
3776
3841
|
default:
|
|
3777
3842
|
return [];
|
|
@@ -3888,29 +3953,26 @@ class PaddingTheme extends BaseTheme {
|
|
|
3888
3953
|
|
|
3889
3954
|
/** Horizontal padding theme - controls left and right padding */
|
|
3890
3955
|
class PxTheme extends PaddingTheme {
|
|
3891
|
-
constructor(
|
|
3892
|
-
super(
|
|
3956
|
+
constructor(aspectRatioMap, isUIComponent = false) {
|
|
3957
|
+
super();
|
|
3893
3958
|
this.aspectRatioMap = aspectRatioMap;
|
|
3894
|
-
|
|
3895
|
-
|
|
3896
|
-
|
|
3897
|
-
this[key] = layoutPaddingClasses[key];
|
|
3898
|
-
});
|
|
3899
|
-
}
|
|
3959
|
+
this.isUIComponent = isUIComponent;
|
|
3960
|
+
// PxTheme should not set any padding classes - that's PyTheme's job
|
|
3961
|
+
// PxTheme only handles aspect-ratio
|
|
3900
3962
|
}
|
|
3901
3963
|
getClasses(extractedKeys) {
|
|
3902
3964
|
var _a, _b;
|
|
3903
3965
|
if ((extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding) === 'padding' || (extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding) === undefined) {
|
|
3904
3966
|
const size = (_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _a !== void 0 ? _a : 'md';
|
|
3905
|
-
const paddingClass = this[size];
|
|
3906
3967
|
const aspectRatioClass = (_b = this.aspectRatioMap) === null || _b === void 0 ? void 0 : _b[size];
|
|
3907
3968
|
const classes = [];
|
|
3908
|
-
|
|
3909
|
-
classes.push(paddingClass);
|
|
3969
|
+
// Only add aspect-ratio class - no padding classes
|
|
3910
3970
|
if (aspectRatioClass)
|
|
3911
3971
|
classes.push(aspectRatioClass);
|
|
3912
|
-
|
|
3913
|
-
|
|
3972
|
+
// Use UI or layout CSS variables based on component type
|
|
3973
|
+
const cssVar = this.isUIComponent ? "px-(--ui-px)" : "px-(--px)";
|
|
3974
|
+
classes.push(cssVar);
|
|
3975
|
+
return classes;
|
|
3914
3976
|
}
|
|
3915
3977
|
return [];
|
|
3916
3978
|
}
|
|
@@ -3918,8 +3980,9 @@ class PxTheme extends PaddingTheme {
|
|
|
3918
3980
|
|
|
3919
3981
|
/** Vertical padding theme - controls top and bottom padding */
|
|
3920
3982
|
class PyTheme extends PaddingTheme {
|
|
3921
|
-
constructor(sizeMap) {
|
|
3983
|
+
constructor(sizeMap, isUIComponent = false) {
|
|
3922
3984
|
super(sizeMap);
|
|
3985
|
+
this.isUIComponent = isUIComponent;
|
|
3923
3986
|
// Override with PyTheme's default classes if no custom sizeMap provided
|
|
3924
3987
|
if (!sizeMap) {
|
|
3925
3988
|
ComponentKeys.size.forEach((key) => {
|
|
@@ -3931,7 +3994,11 @@ class PyTheme extends PaddingTheme {
|
|
|
3931
3994
|
var _a;
|
|
3932
3995
|
if ((extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding) === 'padding' || (extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding) === undefined) {
|
|
3933
3996
|
const paddingClass = this[(_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _a !== void 0 ? _a : 'md'];
|
|
3934
|
-
|
|
3997
|
+
if (!paddingClass)
|
|
3998
|
+
return [];
|
|
3999
|
+
// Use UI or layout CSS variables based on component type
|
|
4000
|
+
const cssVar = this.isUIComponent ? "py-(--ui-py)" : "py-(--py)";
|
|
4001
|
+
return [paddingClass, cssVar];
|
|
3935
4002
|
}
|
|
3936
4003
|
return [];
|
|
3937
4004
|
}
|
|
@@ -4607,6 +4674,7 @@ const themeDefaults = {
|
|
|
4607
4674
|
section: {
|
|
4608
4675
|
md: true,
|
|
4609
4676
|
flex: true,
|
|
4677
|
+
column: true,
|
|
4610
4678
|
default: true,
|
|
4611
4679
|
itemsStart: true,
|
|
4612
4680
|
gap: true,
|
|
@@ -4774,9 +4842,9 @@ const themeDefaults = {
|
|
|
4774
4842
|
|
|
4775
4843
|
const defaultButtonTheme = new ComponentTheme("button", "w-fit h-fit cursor-pointer transition-all duration-200 whitespace-nowrap", {
|
|
4776
4844
|
size: {
|
|
4777
|
-
px: new PxTheme(
|
|
4778
|
-
py: new PyTheme(
|
|
4779
|
-
gap: new GapTheme({ xs: 'gap-1', sm: 'gap-1.5', md: 'gap-2', lg: 'gap-2.5', xl: 'gap-3' }),
|
|
4845
|
+
px: new PxTheme(buttonAspectRatioClasses, true),
|
|
4846
|
+
py: new PyTheme(uiPaddingClasses, true),
|
|
4847
|
+
gap: new GapTheme({ xs: '[--gap-unit:1]', sm: '[--gap-unit:1.5]', md: '[--gap-unit:2]', lg: '[--gap-unit:2.5]', xl: '[--gap-unit:3]' }, true),
|
|
4780
4848
|
text: new SizeTheme({ xs: 'text-xs', sm: 'text-sm', md: 'text-base', lg: 'text-lg', xl: 'text-xl' }),
|
|
4781
4849
|
},
|
|
4782
4850
|
appearance: {
|
|
@@ -4804,9 +4872,9 @@ const defaultButtonTheme = new ComponentTheme("button", "w-fit h-fit cursor-poin
|
|
|
4804
4872
|
|
|
4805
4873
|
const defaultBadgeTheme = new ComponentTheme("span", "w-fit h-fit transition-all duration-200 whitespace-nowrap", {
|
|
4806
4874
|
size: {
|
|
4807
|
-
px: new PxTheme(
|
|
4808
|
-
py: new PyTheme(
|
|
4809
|
-
gap: new GapTheme({ xs: 'gap-1', sm: 'gap-1.5', md: 'gap-2', lg: 'gap-2.5', xl: 'gap-3' }),
|
|
4875
|
+
px: new PxTheme(badgeAspectRatioClasses, true),
|
|
4876
|
+
py: new PyTheme(uiPaddingClasses, true),
|
|
4877
|
+
gap: new GapTheme({ xs: '[--gap-unit:1]', sm: '[--gap-unit:1.5]', md: '[--gap-unit:2]', lg: '[--gap-unit:2.5]', xl: '[--gap-unit:3]' }, true),
|
|
4810
4878
|
text: new SizeTheme({ xs: 'text-xs', sm: 'text-sm', md: 'text-base', lg: 'text-lg', xl: 'text-xl' })
|
|
4811
4879
|
},
|
|
4812
4880
|
appearance: {
|
|
@@ -4833,10 +4901,10 @@ const defaultBadgeTheme = new ComponentTheme("span", "w-fit h-fit transition-all
|
|
|
4833
4901
|
|
|
4834
4902
|
const defaultChipTheme = new ComponentTheme("span", "w-fit h-fit transition-all duration-200 whitespace-nowrap", {
|
|
4835
4903
|
size: {
|
|
4836
|
-
px: new PxTheme(
|
|
4837
|
-
py: new PyTheme(
|
|
4904
|
+
px: new PxTheme(chipAspectRatioClasses, true),
|
|
4905
|
+
py: new PyTheme(chipPyClasses, true),
|
|
4838
4906
|
text: new SizeTheme({ xs: 'text-xs', sm: 'text-sm', md: 'text-base', lg: 'text-lg', xl: 'text-xl' }),
|
|
4839
|
-
gap: new GapTheme({ xs: 'gap-1', sm: 'gap-1.5', md: 'gap-2', lg: 'gap-2.5', xl: 'gap-3' })
|
|
4907
|
+
gap: new GapTheme({ xs: '[--gap-unit:1]', sm: '[--gap-unit:1.5]', md: '[--gap-unit:2]', lg: '[--gap-unit:2.5]', xl: '[--gap-unit:3]' }, true)
|
|
4840
4908
|
},
|
|
4841
4909
|
appearance: {
|
|
4842
4910
|
background: GenericVariantTheme.createSimpleUIElementBgAppearanceTheme(),
|
|
@@ -4862,10 +4930,10 @@ const defaultChipTheme = new ComponentTheme("span", "w-fit h-fit transition-all
|
|
|
4862
4930
|
|
|
4863
4931
|
const defaultCodeTheme = new ComponentTheme("code", "", {
|
|
4864
4932
|
size: {
|
|
4865
|
-
px: new PxTheme(
|
|
4866
|
-
py: new PyTheme(
|
|
4933
|
+
px: new PxTheme(codeAspectRatioClasses, true),
|
|
4934
|
+
py: new PyTheme(codePyClasses, true),
|
|
4867
4935
|
text: new SizeTheme({ xs: 'text-xs', sm: 'text-sm', md: 'text-sm', lg: 'text-base', xl: 'text-lg' }),
|
|
4868
|
-
gap: new GapTheme({ xs: 'gap-0.5', sm: 'gap-1', md: 'gap-1.5', lg: 'gap-2', xl: 'gap-2.5' })
|
|
4936
|
+
gap: new GapTheme({ xs: '[--gap-unit:0.5]', sm: '[--gap-unit:1]', md: '[--gap-unit:1.5]', lg: '[--gap-unit:2]', xl: '[--gap-unit:2.5]' }, true)
|
|
4869
4937
|
},
|
|
4870
4938
|
appearance: {
|
|
4871
4939
|
background: GenericVariantTheme.createSimpleUIElementBgAppearanceTheme(),
|
|
@@ -5153,7 +5221,7 @@ const defaultRowTheme = new ComponentTheme("div", "", {
|
|
|
5153
5221
|
|
|
5154
5222
|
const defaultDividerTheme = new ComponentTheme("div", "h-px w-full", {
|
|
5155
5223
|
size: {
|
|
5156
|
-
py: new PyTheme(),
|
|
5224
|
+
py: new PyTheme(), // Uses layout spacing by default
|
|
5157
5225
|
},
|
|
5158
5226
|
appearance: {
|
|
5159
5227
|
background: AppearanceTheme.createTheme({
|
|
@@ -5248,15 +5316,15 @@ const defaultStackTheme = new ComponentTheme("div", "", {
|
|
|
5248
5316
|
}
|
|
5249
5317
|
}, themeDefaults.stack, STACK_CATEGORIES);
|
|
5250
5318
|
|
|
5251
|
-
const defaultSectionTheme = new ComponentTheme("div", "w-full
|
|
5319
|
+
const defaultSectionTheme = new ComponentTheme("div", "w-full", {
|
|
5252
5320
|
size: {
|
|
5253
|
-
px: new PxTheme(
|
|
5321
|
+
px: new PxTheme(sectionAspectRatioClasses),
|
|
5254
5322
|
py: new PyTheme({
|
|
5255
|
-
xs: "[--
|
|
5256
|
-
sm: "[--
|
|
5257
|
-
md: "[--
|
|
5258
|
-
lg: "[--
|
|
5259
|
-
xl: "[--
|
|
5323
|
+
xs: "[--py-unit:4]",
|
|
5324
|
+
sm: "[--py-unit:8]",
|
|
5325
|
+
md: "[--py-unit:12]",
|
|
5326
|
+
lg: "[--py-unit:16]",
|
|
5327
|
+
xl: "[--py-unit:20]",
|
|
5260
5328
|
}),
|
|
5261
5329
|
gap: new GapTheme({
|
|
5262
5330
|
xs: "[--gap-unit:2]",
|
|
@@ -5379,7 +5447,7 @@ const defaultCheckboxWrapperTheme = new ComponentTheme("span", "", {
|
|
|
5379
5447
|
const defaultLabelTheme = new ComponentTheme("label", "has-[input]:cursor-pointer cursor-default", {
|
|
5380
5448
|
size: {
|
|
5381
5449
|
text: new SizeTheme(textSizeClasses),
|
|
5382
|
-
gap: new GapTheme({ xs: 'gap-1.5', sm: 'gap-2', md: 'gap-2.5', lg: 'gap-3', xl: 'gap-3' }),
|
|
5450
|
+
gap: new GapTheme({ xs: '[--gap-unit:1.5]', sm: '[--gap-unit:2]', md: '[--gap-unit:2.5]', lg: '[--gap-unit:3]', xl: '[--gap-unit:3]' }, true),
|
|
5383
5451
|
},
|
|
5384
5452
|
appearance: {
|
|
5385
5453
|
text: GenericVariantTheme.createTypographyTextTheme(),
|
|
@@ -5412,9 +5480,9 @@ const defaultImgTheme = new ComponentTheme("img", "object-cover", // Default to
|
|
|
5412
5480
|
|
|
5413
5481
|
const defaultInputTheme = new ComponentTheme("input", "w-full transition-all duration-200", {
|
|
5414
5482
|
size: {
|
|
5415
|
-
px: new PxTheme(
|
|
5416
|
-
py: new PyTheme(
|
|
5417
|
-
gap: new GapTheme({ xs: 'gap-1', sm: 'gap-1.5', md: 'gap-2', lg: 'gap-2.5', xl: 'gap-3' }),
|
|
5483
|
+
px: new PxTheme(inputAspectRatioClasses, true),
|
|
5484
|
+
py: new PyTheme(uiPaddingClasses, true),
|
|
5485
|
+
gap: new GapTheme({ xs: '[--gap-unit:1]', sm: '[--gap-unit:1.5]', md: '[--gap-unit:2]', lg: '[--gap-unit:2.5]', xl: '[--gap-unit:3]' }, true),
|
|
5418
5486
|
text: new SizeTheme({ xs: 'text-xs', sm: 'text-sm', md: 'text-base', lg: 'text-lg', xl: 'text-xl' }),
|
|
5419
5487
|
},
|
|
5420
5488
|
appearance: {
|