@vaneui/ui 0.3.1-alpha.20250914202143.38eda80 → 0.3.1-alpha.20250914210126.5142197
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/props/border.d.ts +0 -18
- package/dist/components/ui/props/border.d.ts.map +1 -1
- package/dist/components/ui/theme/appearance/appearanceTheme.d.ts +10 -0
- package/dist/components/ui/theme/appearance/appearanceTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/appearance/genericVariantTheme.d.ts +2 -0
- package/dist/components/ui/theme/appearance/genericVariantTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/appearance/shadowAppearanceTheme.d.ts +10 -0
- package/dist/components/ui/theme/appearance/shadowAppearanceTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/borderTheme.d.ts +7 -0
- package/dist/components/ui/theme/layout/borderTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/directionTheme.d.ts +4 -0
- package/dist/components/ui/theme/layout/directionTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/displayTheme.d.ts +11 -0
- package/dist/components/ui/theme/layout/displayTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/focusVisibleTheme.d.ts +5 -0
- package/dist/components/ui/theme/layout/focusVisibleTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/hideTheme.d.ts +5 -0
- package/dist/components/ui/theme/layout/hideTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/itemsTheme.d.ts +5 -0
- package/dist/components/ui/theme/layout/itemsTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/justifyTheme.d.ts +8 -0
- package/dist/components/ui/theme/layout/justifyTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/overflowTheme.d.ts +15 -0
- package/dist/components/ui/theme/layout/overflowTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/positionTheme.d.ts +5 -0
- package/dist/components/ui/theme/layout/positionTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/radiusTheme.d.ts +3 -0
- package/dist/components/ui/theme/layout/radiusTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/ringTheme.d.ts +5 -0
- package/dist/components/ui/theme/layout/ringTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/wrapTheme.d.ts +3 -0
- package/dist/components/ui/theme/layout/wrapTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/list/listStyleTheme.d.ts +2 -0
- package/dist/components/ui/theme/list/listStyleTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/breakpointTheme.d.ts +5 -0
- package/dist/components/ui/theme/size/breakpointTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/gapTheme.d.ts +5 -0
- package/dist/components/ui/theme/size/gapTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/paddingTheme.d.ts +5 -0
- package/dist/components/ui/theme/size/paddingTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/plTheme.d.ts +1 -0
- package/dist/components/ui/theme/size/plTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/pxTheme.d.ts +1 -0
- package/dist/components/ui/theme/size/pxTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/pyTheme.d.ts +1 -0
- package/dist/components/ui/theme/size/pyTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/sizeTheme.d.ts +5 -0
- package/dist/components/ui/theme/size/sizeTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/typography/fontFamilyTheme.d.ts +3 -0
- package/dist/components/ui/theme/typography/fontFamilyTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/typography/fontStyleTheme.d.ts +2 -0
- package/dist/components/ui/theme/typography/fontStyleTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/typography/fontWeightTheme.d.ts +9 -0
- package/dist/components/ui/theme/typography/fontWeightTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/typography/textAlignTheme.d.ts +4 -0
- package/dist/components/ui/theme/typography/textAlignTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/typography/textDecorationTheme.d.ts +4 -0
- package/dist/components/ui/theme/typography/textDecorationTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/typography/textTransformTheme.d.ts +4 -0
- package/dist/components/ui/theme/typography/textTransformTheme.d.ts.map +1 -1
- package/dist/index.esm.js +127 -17
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +126 -24
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizeTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/sizeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AAErD,qBAAa,SAAU,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACzE,EAAE,EAAE,MAAM,CAAM;IAChB,EAAE,EAAE,MAAM,CAAM;IAChB,EAAE,EAAE,MAAM,CAAM;IAChB,EAAE,EAAE,MAAM,CAAM;IAChB,EAAE,EAAE,MAAM,CAAM;IAEhB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAU;gBAE5B,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,GAAE,OAAc;IAQ5E,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAInD"}
|
|
1
|
+
{"version":3,"file":"sizeTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/sizeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AAErD,qBAAa,SAAU,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACzE,+BAA+B;IAC/B,EAAE,EAAE,MAAM,CAAM;IAChB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAM;IAChB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAM;IAChB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAM;IAChB,+BAA+B;IAC/B,EAAE,EAAE,MAAM,CAAM;IAEhB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAU;gBAE5B,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,GAAE,OAAc;IAQ5E,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAInD"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { FontFamilyKey, CategoryProps } from "../../props";
|
|
2
2
|
import { BaseTheme } from "../common/baseTheme";
|
|
3
3
|
export declare class FontFamilyTheme extends BaseTheme implements Record<FontFamilyKey, string> {
|
|
4
|
+
/** Sans-serif font family - clean, modern fonts without serifs */
|
|
4
5
|
sans: string;
|
|
6
|
+
/** Serif font family - traditional fonts with serifs */
|
|
5
7
|
serif: string;
|
|
8
|
+
/** Monospace font family - fixed-width fonts for code and data */
|
|
6
9
|
mono: string;
|
|
7
10
|
getClasses(extractedKeys: CategoryProps): string[];
|
|
8
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fontFamilyTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/fontFamilyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,qBAAa,eAAgB,SAAQ,SAAU,YAAW,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC;IACrF,IAAI,EAAE,MAAM,CAAe;IAC3B,KAAK,EAAE,MAAM,CAAgB;IAC7B,IAAI,EAAE,MAAM,CAAe;IAG3B,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
|
1
|
+
{"version":3,"file":"fontFamilyTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/fontFamilyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,qBAAa,eAAgB,SAAQ,SAAU,YAAW,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC;IACrF,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAe;IAC3B,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAgB;IAC7B,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAe;IAG3B,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
|
@@ -2,7 +2,9 @@ import { FontStyleKey } from "../../props";
|
|
|
2
2
|
import { BaseTheme } from "../common/baseTheme";
|
|
3
3
|
import type { CategoryProps } from "../../props";
|
|
4
4
|
export declare class FontStyleTheme extends BaseTheme implements Record<FontStyleKey, string> {
|
|
5
|
+
/** Italic font style - slanted text */
|
|
5
6
|
italic: string;
|
|
7
|
+
/** Normal font style - upright text (not italic) */
|
|
6
8
|
notItalic: string;
|
|
7
9
|
getClasses(extractedKeys: CategoryProps): string[];
|
|
8
10
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fontStyleTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/fontStyleTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,cAAe,SAAQ,SAAU,YAAW,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;IACnF,MAAM,EAAE,MAAM,CAAY;IAC1B,SAAS,EAAE,MAAM,CAAgB;IAGjC,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
|
1
|
+
{"version":3,"file":"fontStyleTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/fontStyleTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,cAAe,SAAQ,SAAU,YAAW,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;IACnF,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAY;IAC1B,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAgB;IAGjC,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
|
@@ -2,14 +2,23 @@ import { FontWeightKey } from "../../props";
|
|
|
2
2
|
import { BaseTheme } from "../common/baseTheme";
|
|
3
3
|
import type { CategoryProps } from "../../props";
|
|
4
4
|
export declare class FontWeightTheme extends BaseTheme implements Record<FontWeightKey, string> {
|
|
5
|
+
/** Thin font weight (100) - lightest weight */
|
|
5
6
|
thin: string;
|
|
7
|
+
/** Extra-light font weight (200) - very light */
|
|
6
8
|
extralight: string;
|
|
9
|
+
/** Light font weight (300) - lighter than normal */
|
|
7
10
|
light: string;
|
|
11
|
+
/** Normal font weight (400) - default font weight */
|
|
8
12
|
normal: string;
|
|
13
|
+
/** Medium font weight (500) - slightly bold */
|
|
9
14
|
medium: string;
|
|
15
|
+
/** Semi-bold font weight (600) - moderately bold */
|
|
10
16
|
semibold: string;
|
|
17
|
+
/** Bold font weight (700) - standard bold */
|
|
11
18
|
bold: string;
|
|
19
|
+
/** Extra-bold font weight (800) - very bold */
|
|
12
20
|
extrabold: string;
|
|
21
|
+
/** Black font weight (900) - heaviest weight */
|
|
13
22
|
black: string;
|
|
14
23
|
getClasses(extractedKeys: CategoryProps): string[];
|
|
15
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fontWeightTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/fontWeightTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,eAAgB,SAAQ,SAAU,YAAW,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC;IACrF,IAAI,EAAE,MAAM,CAAe;IAC3B,UAAU,EAAE,MAAM,CAAqB;IACvC,KAAK,EAAE,MAAM,CAAgB;IAC7B,MAAM,EAAE,MAAM,CAAiB;IAC/B,MAAM,EAAE,MAAM,CAAiB;IAC/B,QAAQ,EAAE,MAAM,CAAmB;IACnC,IAAI,EAAE,MAAM,CAAe;IAC3B,SAAS,EAAE,MAAM,CAAoB;IACrC,KAAK,EAAE,MAAM,CAAgB;IAG7B,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
|
1
|
+
{"version":3,"file":"fontWeightTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/fontWeightTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,eAAgB,SAAQ,SAAU,YAAW,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC;IACrF,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAe;IAC3B,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAqB;IACvC,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAgB;IAC7B,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAiB;IAC/B,+CAA+C;IAC/C,MAAM,EAAE,MAAM,CAAiB;IAC/B,oDAAoD;IACpD,QAAQ,EAAE,MAAM,CAAmB;IACnC,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAe;IAC3B,+CAA+C;IAC/C,SAAS,EAAE,MAAM,CAAoB;IACrC,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAgB;IAG7B,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
|
@@ -2,9 +2,13 @@ import { TextAlignKey } from "../../props";
|
|
|
2
2
|
import { BaseTheme } from "../common/baseTheme";
|
|
3
3
|
import type { CategoryProps } from "../../props";
|
|
4
4
|
export declare class TextAlignTheme extends BaseTheme implements Record<TextAlignKey, string> {
|
|
5
|
+
/** Left-align text */
|
|
5
6
|
textLeft: string;
|
|
7
|
+
/** Center-align text */
|
|
6
8
|
textCenter: string;
|
|
9
|
+
/** Right-align text */
|
|
7
10
|
textRight: string;
|
|
11
|
+
/** Justify text - stretch lines to fill width */
|
|
8
12
|
textJustify: string;
|
|
9
13
|
getClasses(extractedKeys: CategoryProps): string[];
|
|
10
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textAlignTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/textAlignTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,cAAe,SAAQ,SAAU,YAAW,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;IACnF,QAAQ,EAAE,MAAM,CAAe;IAC/B,UAAU,EAAE,MAAM,CAAiB;IACnC,SAAS,EAAE,MAAM,CAAgB;IACjC,WAAW,EAAE,MAAM,CAAkB;IAGrC,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
|
1
|
+
{"version":3,"file":"textAlignTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/textAlignTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,cAAe,SAAQ,SAAU,YAAW,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;IACnF,sBAAsB;IACtB,QAAQ,EAAE,MAAM,CAAe;IAC/B,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAiB;IACnC,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAgB;IACjC,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAkB;IAGrC,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
|
@@ -2,9 +2,13 @@ import { TextDecorationKey } from "../../props";
|
|
|
2
2
|
import { BaseTheme } from "../common/baseTheme";
|
|
3
3
|
import type { CategoryProps } from "../../props";
|
|
4
4
|
export declare class TextDecorationTheme extends BaseTheme implements Record<TextDecorationKey, string> {
|
|
5
|
+
/** Underline text decoration - line below text */
|
|
5
6
|
underline: string;
|
|
7
|
+
/** Line-through text decoration - strikethrough */
|
|
6
8
|
lineThrough: string;
|
|
9
|
+
/** Remove underline text decoration */
|
|
7
10
|
noUnderline: string;
|
|
11
|
+
/** Overline text decoration - line above text */
|
|
8
12
|
overline: string;
|
|
9
13
|
getClasses(extractedKeys: CategoryProps): string[];
|
|
10
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textDecorationTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/textDecorationTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,mBAAoB,SAAQ,SAAU,YAAW,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAC7F,SAAS,EAAE,MAAM,CAAe;IAChC,WAAW,EAAE,MAAM,CAAkB;IACrC,WAAW,EAAE,MAAM,CAAkB;IACrC,QAAQ,EAAE,MAAM,CAAc;IAG9B,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
|
1
|
+
{"version":3,"file":"textDecorationTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/textDecorationTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,mBAAoB,SAAQ,SAAU,YAAW,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAC7F,kDAAkD;IAClD,SAAS,EAAE,MAAM,CAAe;IAChC,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAkB;IACrC,uCAAuC;IACvC,WAAW,EAAE,MAAM,CAAkB;IACrC,iDAAiD;IACjD,QAAQ,EAAE,MAAM,CAAc;IAG9B,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
|
@@ -2,9 +2,13 @@ import { TextTransformKey } from "../../props";
|
|
|
2
2
|
import { BaseTheme } from "../common/baseTheme";
|
|
3
3
|
import type { CategoryProps } from "../../props";
|
|
4
4
|
export declare class TextTransformTheme extends BaseTheme implements Record<TextTransformKey, string> {
|
|
5
|
+
/** Transform text to UPPERCASE */
|
|
5
6
|
uppercase: string;
|
|
7
|
+
/** Transform text to lowercase */
|
|
6
8
|
lowercase: string;
|
|
9
|
+
/** Capitalize First Letter Of Each Word */
|
|
7
10
|
capitalize: string;
|
|
11
|
+
/** Normal case - no text transformation */
|
|
8
12
|
normalCase: string;
|
|
9
13
|
getClasses(extractedKeys: CategoryProps): string[];
|
|
10
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textTransformTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/textTransformTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,kBAAmB,SAAQ,SAAU,YAAW,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAC3F,SAAS,EAAE,MAAM,CAAe;IAChC,SAAS,EAAE,MAAM,CAAe;IAChC,UAAU,EAAE,MAAM,CAAgB;IAClC,UAAU,EAAE,MAAM,CAAiB;IAGnC,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
|
1
|
+
{"version":3,"file":"textTransformTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/textTransformTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,kBAAmB,SAAQ,SAAU,YAAW,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAC3F,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAe;IAChC,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAe;IAChC,2CAA2C;IAC3C,UAAU,EAAE,MAAM,CAAgB;IAClC,2CAA2C;IAC3C,UAAU,EAAE,MAAM,CAAiB;IAGnC,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAGnD"}
|
package/dist/index.esm.js
CHANGED
|
@@ -50,24 +50,8 @@ const BORDER_Y = 'borderY';
|
|
|
50
50
|
const NO_BORDER = 'noBorder';
|
|
51
51
|
/** All border property values - includes all border variations and noBorder */
|
|
52
52
|
const BORDER_VALUES = [BORDER$1, BORDER_T, BORDER_B, BORDER_L, BORDER_R, BORDER_X, BORDER_Y, NO_BORDER];
|
|
53
|
-
/** All borderT property values */
|
|
54
|
-
const BORDER_T_VALUES = [BORDER_T];
|
|
55
|
-
/** All borderB property values */
|
|
56
|
-
const BORDER_B_VALUES = [BORDER_B];
|
|
57
|
-
/** All borderL property values */
|
|
58
|
-
const BORDER_L_VALUES = [BORDER_L];
|
|
59
|
-
/** All borderR property values */
|
|
60
|
-
const BORDER_R_VALUES = [BORDER_R];
|
|
61
|
-
/** All borderX property values */
|
|
62
|
-
const BORDER_X_VALUES = [BORDER_X];
|
|
63
|
-
/** All borderY property values */
|
|
64
|
-
const BORDER_Y_VALUES = [BORDER_Y];
|
|
65
|
-
/** All noBorder property values */
|
|
66
|
-
const NO_BORDER_VALUES = [NO_BORDER];
|
|
67
53
|
/** All border side keys (excluding noBorder since it doesn't have a CSS class) */
|
|
68
54
|
const BORDER_KEYS = [BORDER$1, BORDER_T, BORDER_B, BORDER_L, BORDER_R, BORDER_X, BORDER_Y];
|
|
69
|
-
/** All border keys including noBorder for category purposes */
|
|
70
|
-
const ALL_BORDER_KEYS = [...BORDER_KEYS, NO_BORDER];
|
|
71
55
|
|
|
72
56
|
/** Extra-small column breakpoint - responsive grid column sizing for xs screens */
|
|
73
57
|
const XS_COL = 'xsCol';
|
|
@@ -582,10 +566,15 @@ const ComponentCategories = {
|
|
|
582
566
|
class HideTheme extends BaseTheme {
|
|
583
567
|
constructor() {
|
|
584
568
|
super(...arguments);
|
|
569
|
+
/** Hide element on extra-small screens and below */
|
|
585
570
|
this.xsHide = "max-xs:hidden";
|
|
571
|
+
/** Hide element on small screens and below */
|
|
586
572
|
this.smHide = "max-sm:hidden";
|
|
573
|
+
/** Hide element on medium screens and below */
|
|
587
574
|
this.mdHide = "max-md:hidden";
|
|
575
|
+
/** Hide element on large screens and below */
|
|
588
576
|
this.lgHide = "max-lg:hidden";
|
|
577
|
+
/** Hide element on extra-large screens and below */
|
|
589
578
|
this.xlHide = "max-xl:hidden";
|
|
590
579
|
}
|
|
591
580
|
getClasses(extractedKeys) {
|
|
@@ -596,10 +585,15 @@ class HideTheme extends BaseTheme {
|
|
|
596
585
|
class ItemsTheme extends BaseTheme {
|
|
597
586
|
constructor() {
|
|
598
587
|
super(...arguments);
|
|
588
|
+
/** Align flex items to the start of the cross axis */
|
|
599
589
|
this.itemsStart = "items-start";
|
|
590
|
+
/** Align flex items to the end of the cross axis */
|
|
600
591
|
this.itemsEnd = "items-end";
|
|
592
|
+
/** Center flex items along the cross axis */
|
|
601
593
|
this.itemsCenter = "items-center";
|
|
594
|
+
/** Align flex items along their baseline */
|
|
602
595
|
this.itemsBaseline = "items-baseline";
|
|
596
|
+
/** Stretch flex items to fill the cross axis */
|
|
603
597
|
this.itemsStretch = "items-stretch";
|
|
604
598
|
}
|
|
605
599
|
getClasses(extractedKeys) {
|
|
@@ -610,13 +604,21 @@ class ItemsTheme extends BaseTheme {
|
|
|
610
604
|
class JustifyTheme extends BaseTheme {
|
|
611
605
|
constructor() {
|
|
612
606
|
super(...arguments);
|
|
607
|
+
/** Pack flex items toward the start of the main axis */
|
|
613
608
|
this.justifyStart = "justify-start";
|
|
609
|
+
/** Pack flex items toward the end of the main axis */
|
|
614
610
|
this.justifyEnd = "justify-end";
|
|
611
|
+
/** Pack flex items around the center of the main axis */
|
|
615
612
|
this.justifyCenter = "justify-center";
|
|
613
|
+
/** Distribute flex items with equal space between them */
|
|
616
614
|
this.justifyBetween = "justify-between";
|
|
615
|
+
/** Distribute flex items with equal space around them */
|
|
617
616
|
this.justifyAround = "justify-around";
|
|
617
|
+
/** Distribute flex items with equal space around them, including edges */
|
|
618
618
|
this.justifyEvenly = "justify-evenly";
|
|
619
|
+
/** Stretch flex items to fill the main axis */
|
|
619
620
|
this.justifyStretch = "justify-stretch";
|
|
621
|
+
/** Align flex items along their baseline on the main axis */
|
|
620
622
|
this.justifyBaseline = "justify-baseline";
|
|
621
623
|
}
|
|
622
624
|
getClasses(extractedKeys) {
|
|
@@ -627,10 +629,15 @@ class JustifyTheme extends BaseTheme {
|
|
|
627
629
|
class PositionTheme extends BaseTheme {
|
|
628
630
|
constructor() {
|
|
629
631
|
super(...arguments);
|
|
632
|
+
/** Relative positioning - positioned relative to its normal position */
|
|
630
633
|
this.relative = "relative";
|
|
634
|
+
/** Absolute positioning - positioned relative to its closest positioned ancestor */
|
|
631
635
|
this.absolute = "absolute";
|
|
636
|
+
/** Fixed positioning - positioned relative to the viewport */
|
|
632
637
|
this.fixed = "fixed";
|
|
638
|
+
/** Sticky positioning - toggles between relative and fixed based on scroll position */
|
|
633
639
|
this.sticky = "sticky";
|
|
640
|
+
/** Static positioning - default positioning, not affected by top/left/right/bottom */
|
|
634
641
|
this.static = "static";
|
|
635
642
|
}
|
|
636
643
|
getClasses(extractedKeys) {
|
|
@@ -641,7 +648,9 @@ class PositionTheme extends BaseTheme {
|
|
|
641
648
|
class FontStyleTheme extends BaseTheme {
|
|
642
649
|
constructor() {
|
|
643
650
|
super(...arguments);
|
|
651
|
+
/** Italic font style - slanted text */
|
|
644
652
|
this.italic = "italic";
|
|
653
|
+
/** Normal font style - upright text (not italic) */
|
|
645
654
|
this.notItalic = "not-italic";
|
|
646
655
|
}
|
|
647
656
|
getClasses(extractedKeys) {
|
|
@@ -652,8 +661,11 @@ class FontStyleTheme extends BaseTheme {
|
|
|
652
661
|
class FontFamilyTheme extends BaseTheme {
|
|
653
662
|
constructor() {
|
|
654
663
|
super(...arguments);
|
|
664
|
+
/** Sans-serif font family - clean, modern fonts without serifs */
|
|
655
665
|
this.sans = "font-sans";
|
|
666
|
+
/** Serif font family - traditional fonts with serifs */
|
|
656
667
|
this.serif = "font-serif";
|
|
668
|
+
/** Monospace font family - fixed-width fonts for code and data */
|
|
657
669
|
this.mono = "font-mono";
|
|
658
670
|
}
|
|
659
671
|
getClasses(extractedKeys) {
|
|
@@ -664,14 +676,23 @@ class FontFamilyTheme extends BaseTheme {
|
|
|
664
676
|
class FontWeightTheme extends BaseTheme {
|
|
665
677
|
constructor() {
|
|
666
678
|
super(...arguments);
|
|
679
|
+
/** Thin font weight (100) - lightest weight */
|
|
667
680
|
this.thin = "font-thin";
|
|
681
|
+
/** Extra-light font weight (200) - very light */
|
|
668
682
|
this.extralight = "font-extralight";
|
|
683
|
+
/** Light font weight (300) - lighter than normal */
|
|
669
684
|
this.light = "font-light";
|
|
685
|
+
/** Normal font weight (400) - default font weight */
|
|
670
686
|
this.normal = "font-normal";
|
|
687
|
+
/** Medium font weight (500) - slightly bold */
|
|
671
688
|
this.medium = "font-medium";
|
|
689
|
+
/** Semi-bold font weight (600) - moderately bold */
|
|
672
690
|
this.semibold = "font-semibold";
|
|
691
|
+
/** Bold font weight (700) - standard bold */
|
|
673
692
|
this.bold = "font-bold";
|
|
693
|
+
/** Extra-bold font weight (800) - very bold */
|
|
674
694
|
this.extrabold = "font-extrabold";
|
|
695
|
+
/** Black font weight (900) - heaviest weight */
|
|
675
696
|
this.black = "font-black";
|
|
676
697
|
}
|
|
677
698
|
getClasses(extractedKeys) {
|
|
@@ -682,9 +703,13 @@ class FontWeightTheme extends BaseTheme {
|
|
|
682
703
|
class TextDecorationTheme extends BaseTheme {
|
|
683
704
|
constructor() {
|
|
684
705
|
super(...arguments);
|
|
706
|
+
/** Underline text decoration - line below text */
|
|
685
707
|
this.underline = "underline";
|
|
708
|
+
/** Line-through text decoration - strikethrough */
|
|
686
709
|
this.lineThrough = "line-through";
|
|
710
|
+
/** Remove underline text decoration */
|
|
687
711
|
this.noUnderline = "no-underline";
|
|
712
|
+
/** Overline text decoration - line above text */
|
|
688
713
|
this.overline = "overline";
|
|
689
714
|
}
|
|
690
715
|
getClasses(extractedKeys) {
|
|
@@ -695,9 +720,13 @@ class TextDecorationTheme extends BaseTheme {
|
|
|
695
720
|
class TextTransformTheme extends BaseTheme {
|
|
696
721
|
constructor() {
|
|
697
722
|
super(...arguments);
|
|
723
|
+
/** Transform text to UPPERCASE */
|
|
698
724
|
this.uppercase = "uppercase";
|
|
725
|
+
/** Transform text to lowercase */
|
|
699
726
|
this.lowercase = "lowercase";
|
|
727
|
+
/** Capitalize First Letter Of Each Word */
|
|
700
728
|
this.capitalize = "capitalize";
|
|
729
|
+
/** Normal case - no text transformation */
|
|
701
730
|
this.normalCase = "normal-case";
|
|
702
731
|
}
|
|
703
732
|
getClasses(extractedKeys) {
|
|
@@ -708,9 +737,13 @@ class TextTransformTheme extends BaseTheme {
|
|
|
708
737
|
class TextAlignTheme extends BaseTheme {
|
|
709
738
|
constructor() {
|
|
710
739
|
super(...arguments);
|
|
740
|
+
/** Left-align text */
|
|
711
741
|
this.textLeft = "text-left";
|
|
742
|
+
/** Center-align text */
|
|
712
743
|
this.textCenter = "text-center";
|
|
744
|
+
/** Right-align text */
|
|
713
745
|
this.textRight = "text-right";
|
|
746
|
+
/** Justify text - stretch lines to fill width */
|
|
714
747
|
this.textJustify = "text-justify";
|
|
715
748
|
}
|
|
716
749
|
getClasses(extractedKeys) {
|
|
@@ -721,16 +754,27 @@ class TextAlignTheme extends BaseTheme {
|
|
|
721
754
|
class DisplayTheme extends BaseTheme {
|
|
722
755
|
constructor() {
|
|
723
756
|
super(...arguments);
|
|
757
|
+
/** Inline display - element flows with text */
|
|
724
758
|
this.inline = "inline";
|
|
759
|
+
/** Block display - element takes full width */
|
|
725
760
|
this.block = "block";
|
|
761
|
+
/** Inline-block display - element flows with text but can have width/height */
|
|
726
762
|
this.inlineBlock = "inline-block";
|
|
763
|
+
/** Flex display - creates a flex container */
|
|
727
764
|
this.flex = "flex";
|
|
765
|
+
/** Inline-flex display - creates an inline flex container */
|
|
728
766
|
this.inlineFlex = "inline-flex";
|
|
767
|
+
/** Grid display - creates a grid container */
|
|
729
768
|
this.grid = "grid";
|
|
769
|
+
/** Inline-grid display - creates an inline grid container */
|
|
730
770
|
this.inlineGrid = "inline-grid";
|
|
771
|
+
/** Contents display - element's children behave as if they are direct children of the parent */
|
|
731
772
|
this.contents = "contents";
|
|
773
|
+
/** Table display - element behaves like a table */
|
|
732
774
|
this.table = "table";
|
|
775
|
+
/** Table-cell display - element behaves like a table cell */
|
|
733
776
|
this.tableCell = "table-cell";
|
|
777
|
+
/** Hidden display - element is completely removed from layout */
|
|
734
778
|
this.hidden = "hidden";
|
|
735
779
|
}
|
|
736
780
|
getClasses(extractedKeys) {
|
|
@@ -3452,20 +3496,35 @@ const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
|
|
|
3452
3496
|
class OverflowTheme extends BaseTheme {
|
|
3453
3497
|
constructor() {
|
|
3454
3498
|
super(...arguments);
|
|
3499
|
+
/** Auto overflow - adds scrollbars when content overflows */
|
|
3455
3500
|
this.overflowAuto = 'overflow-auto';
|
|
3501
|
+
/** Hidden overflow - clips content that overflows */
|
|
3456
3502
|
this.overflowHidden = 'overflow-hidden';
|
|
3503
|
+
/** Clip overflow - clips content without scrollbars */
|
|
3457
3504
|
this.overflowClip = 'overflow-clip';
|
|
3505
|
+
/** Visible overflow - content overflows and remains visible */
|
|
3458
3506
|
this.overflowVisible = 'overflow-visible';
|
|
3507
|
+
/** Scroll overflow - always shows scrollbars */
|
|
3459
3508
|
this.overflowScroll = 'overflow-scroll';
|
|
3509
|
+
/** Auto horizontal overflow - adds horizontal scrollbar when needed */
|
|
3460
3510
|
this.overflowXAuto = 'overflow-x-auto';
|
|
3511
|
+
/** Auto vertical overflow - adds vertical scrollbar when needed */
|
|
3461
3512
|
this.overflowYAuto = 'overflow-y-auto';
|
|
3513
|
+
/** Hidden horizontal overflow - clips content horizontally */
|
|
3462
3514
|
this.overflowXHidden = 'overflow-x-hidden';
|
|
3515
|
+
/** Hidden vertical overflow - clips content vertically */
|
|
3463
3516
|
this.overflowYHidden = 'overflow-y-hidden';
|
|
3517
|
+
/** Clip horizontal overflow - clips content horizontally without scrollbars */
|
|
3464
3518
|
this.overflowXClip = 'overflow-x-clip';
|
|
3519
|
+
/** Clip vertical overflow - clips content vertically without scrollbars */
|
|
3465
3520
|
this.overflowYClip = 'overflow-y-clip';
|
|
3521
|
+
/** Visible horizontal overflow - content overflows horizontally and remains visible */
|
|
3466
3522
|
this.overflowXVisible = 'overflow-x-visible';
|
|
3523
|
+
/** Visible vertical overflow - content overflows vertically and remains visible */
|
|
3467
3524
|
this.overflowYVisible = 'overflow-y-visible';
|
|
3525
|
+
/** Scroll horizontal overflow - always shows horizontal scrollbar */
|
|
3468
3526
|
this.overflowXScroll = 'overflow-x-scroll';
|
|
3527
|
+
/** Scroll vertical overflow - always shows vertical scrollbar */
|
|
3469
3528
|
this.overflowYScroll = 'overflow-y-scroll';
|
|
3470
3529
|
}
|
|
3471
3530
|
getClasses(extractedKeys) {
|
|
@@ -3595,10 +3654,15 @@ class ComponentTheme {
|
|
|
3595
3654
|
class SizeTheme extends BaseTheme {
|
|
3596
3655
|
constructor(sizeMap, useDefaultKey = true) {
|
|
3597
3656
|
super();
|
|
3657
|
+
/** Extra-small size variant */
|
|
3598
3658
|
this.xs = "";
|
|
3659
|
+
/** Small size variant */
|
|
3599
3660
|
this.sm = "";
|
|
3661
|
+
/** Medium size variant (default) */
|
|
3600
3662
|
this.md = "";
|
|
3663
|
+
/** Large size variant */
|
|
3601
3664
|
this.lg = "";
|
|
3665
|
+
/** Extra-large size variant */
|
|
3602
3666
|
this.xl = "";
|
|
3603
3667
|
this.useDefaultKey = useDefaultKey;
|
|
3604
3668
|
ComponentKeys.size.forEach((key) => {
|
|
@@ -3616,10 +3680,15 @@ class SizeTheme extends BaseTheme {
|
|
|
3616
3680
|
class GapTheme extends BaseTheme {
|
|
3617
3681
|
constructor(sizeMap) {
|
|
3618
3682
|
super();
|
|
3683
|
+
/** Extra-small gap - 0.5rem spacing between items */
|
|
3619
3684
|
this.xs = 'gap-2';
|
|
3685
|
+
/** Small gap - 0.75rem spacing between items */
|
|
3620
3686
|
this.sm = 'gap-3';
|
|
3687
|
+
/** Medium gap - 1rem spacing between items */
|
|
3621
3688
|
this.md = 'gap-4';
|
|
3689
|
+
/** Large gap - 1.25rem spacing between items */
|
|
3622
3690
|
this.lg = 'gap-5';
|
|
3691
|
+
/** Extra-large gap - 1.5rem spacing between items */
|
|
3623
3692
|
this.xl = 'gap-6';
|
|
3624
3693
|
if (sizeMap) {
|
|
3625
3694
|
ComponentKeys.size.forEach((key) => {
|
|
@@ -3657,7 +3726,9 @@ const layoutBorderRadiusClasses = {
|
|
|
3657
3726
|
class RadiusTheme extends BaseTheme {
|
|
3658
3727
|
constructor(roundedClasses) {
|
|
3659
3728
|
super();
|
|
3729
|
+
/** Pill shape - fully rounded corners */
|
|
3660
3730
|
this.pill = "rounded-full";
|
|
3731
|
+
/** Sharp shape - no rounded corners */
|
|
3661
3732
|
this.sharp = "rounded-none";
|
|
3662
3733
|
this.rounded = roundedClasses;
|
|
3663
3734
|
}
|
|
@@ -3689,12 +3760,19 @@ class RadiusTheme extends BaseTheme {
|
|
|
3689
3760
|
class BorderTheme extends BaseTheme {
|
|
3690
3761
|
constructor() {
|
|
3691
3762
|
super(...arguments);
|
|
3763
|
+
/** Show border - adds appearance-based border styling */
|
|
3692
3764
|
this.border = "border";
|
|
3765
|
+
/** Show top border */
|
|
3693
3766
|
this.borderT = "border-t";
|
|
3767
|
+
/** Show bottom border */
|
|
3694
3768
|
this.borderB = "border-b";
|
|
3769
|
+
/** Show left border */
|
|
3695
3770
|
this.borderL = "border-l";
|
|
3771
|
+
/** Show right border */
|
|
3696
3772
|
this.borderR = "border-r";
|
|
3773
|
+
/** Show horizontal borders (left and right) */
|
|
3697
3774
|
this.borderX = "border-x";
|
|
3775
|
+
/** Show vertical borders (top and bottom) */
|
|
3698
3776
|
this.borderY = "border-y";
|
|
3699
3777
|
}
|
|
3700
3778
|
getClasses(extractedKeys) {
|
|
@@ -3716,10 +3794,15 @@ class BorderTheme extends BaseTheme {
|
|
|
3716
3794
|
class RingTheme extends BaseTheme {
|
|
3717
3795
|
constructor() {
|
|
3718
3796
|
super(...arguments);
|
|
3797
|
+
/** Base ring styling - ring with inset positioning */
|
|
3719
3798
|
this.base = "ring ring-inset";
|
|
3799
|
+
/** Ring styling on hover state */
|
|
3720
3800
|
this.hover = "";
|
|
3801
|
+
/** Ring styling on active state */
|
|
3721
3802
|
this.active = "";
|
|
3803
|
+
/** Ring styling on focus state */
|
|
3722
3804
|
this.focus = "";
|
|
3805
|
+
/** Ring styling on focus-visible state for keyboard navigation */
|
|
3723
3806
|
this.focusVisible = "";
|
|
3724
3807
|
}
|
|
3725
3808
|
getClasses(extractedKeys) {
|
|
@@ -3732,10 +3815,15 @@ class RingTheme extends BaseTheme {
|
|
|
3732
3815
|
class FocusVisibleTheme extends BaseTheme {
|
|
3733
3816
|
constructor() {
|
|
3734
3817
|
super(...arguments);
|
|
3818
|
+
/** Base focus-visible styling */
|
|
3735
3819
|
this.base = "";
|
|
3820
|
+
/** Focus-visible styling on hover state */
|
|
3736
3821
|
this.hover = "";
|
|
3822
|
+
/** Focus-visible styling on active state */
|
|
3737
3823
|
this.active = "";
|
|
3824
|
+
/** Focus-visible styling on focus state */
|
|
3738
3825
|
this.focus = "";
|
|
3826
|
+
/** Focus-visible styling for keyboard navigation - outline on focus */
|
|
3739
3827
|
this.focusVisible = "focus-visible:outline-2 focus-visible:outline-offset-2";
|
|
3740
3828
|
}
|
|
3741
3829
|
getClasses(extractedKeys) {
|
|
@@ -3748,10 +3836,15 @@ class FocusVisibleTheme extends BaseTheme {
|
|
|
3748
3836
|
class PaddingTheme extends BaseTheme {
|
|
3749
3837
|
constructor(initial) {
|
|
3750
3838
|
super();
|
|
3839
|
+
/** Extra-small padding - varies by component implementation */
|
|
3751
3840
|
this.xs = "";
|
|
3841
|
+
/** Small padding - varies by component implementation */
|
|
3752
3842
|
this.sm = "";
|
|
3843
|
+
/** Medium padding - varies by component implementation */
|
|
3753
3844
|
this.md = "";
|
|
3845
|
+
/** Large padding - varies by component implementation */
|
|
3754
3846
|
this.lg = "";
|
|
3847
|
+
/** Extra-large padding - varies by component implementation */
|
|
3755
3848
|
this.xl = "";
|
|
3756
3849
|
if (initial) {
|
|
3757
3850
|
ComponentKeys.size.forEach((key) => {
|
|
@@ -3771,6 +3864,7 @@ class PaddingTheme extends BaseTheme {
|
|
|
3771
3864
|
}
|
|
3772
3865
|
}
|
|
3773
3866
|
|
|
3867
|
+
/** Horizontal padding theme - controls left and right padding */
|
|
3774
3868
|
class PxTheme extends PaddingTheme {
|
|
3775
3869
|
constructor(sizeMap) {
|
|
3776
3870
|
super(sizeMap);
|
|
@@ -3785,6 +3879,7 @@ class PxTheme extends PaddingTheme {
|
|
|
3785
3879
|
}
|
|
3786
3880
|
}
|
|
3787
3881
|
|
|
3882
|
+
/** Vertical padding theme - controls top and bottom padding */
|
|
3788
3883
|
class PyTheme extends PaddingTheme {
|
|
3789
3884
|
constructor(sizeMap) {
|
|
3790
3885
|
super(sizeMap);
|
|
@@ -4362,8 +4457,11 @@ class GenericVariantTheme extends BaseTheme {
|
|
|
4362
4457
|
class WrapTheme extends BaseTheme {
|
|
4363
4458
|
constructor() {
|
|
4364
4459
|
super(...arguments);
|
|
4460
|
+
/** Allow flex items to wrap to new lines */
|
|
4365
4461
|
this.flexWrap = "flex-wrap";
|
|
4462
|
+
/** Prevent flex items from wrapping - keep on single line */
|
|
4366
4463
|
this.flexNoWrap = "flex-nowrap";
|
|
4464
|
+
/** Allow flex items to wrap in reverse order */
|
|
4367
4465
|
this.flexWrapReverse = "flex-wrap-reverse";
|
|
4368
4466
|
}
|
|
4369
4467
|
getClasses(extractedKeys) {
|
|
@@ -4374,9 +4472,13 @@ class WrapTheme extends BaseTheme {
|
|
|
4374
4472
|
class DirectionTheme extends BaseTheme {
|
|
4375
4473
|
constructor() {
|
|
4376
4474
|
super(...arguments);
|
|
4475
|
+
/** Horizontal flex direction - items flow left to right */
|
|
4377
4476
|
this.row = "flex-row";
|
|
4477
|
+
/** Vertical flex direction - items flow top to bottom */
|
|
4378
4478
|
this.column = "flex-col";
|
|
4479
|
+
/** Reversed horizontal flex direction - items flow right to left */
|
|
4379
4480
|
this.rowReverse = "flex-row-reverse";
|
|
4481
|
+
/** Reversed vertical flex direction - items flow bottom to top */
|
|
4380
4482
|
this.columnReverse = "flex-col-reverse";
|
|
4381
4483
|
}
|
|
4382
4484
|
getClasses(extractedKeys) {
|
|
@@ -4821,6 +4923,7 @@ const mergeDefaults = (baseDefaults, overrideDefaults) => {
|
|
|
4821
4923
|
return finalDefaults;
|
|
4822
4924
|
};
|
|
4823
4925
|
|
|
4926
|
+
/** Left padding theme - controls left padding only */
|
|
4824
4927
|
class PlTheme extends PaddingTheme {
|
|
4825
4928
|
constructor(sizeMap) {
|
|
4826
4929
|
super(sizeMap);
|
|
@@ -4838,7 +4941,9 @@ class PlTheme extends PaddingTheme {
|
|
|
4838
4941
|
class ListStyleTheme extends BaseTheme {
|
|
4839
4942
|
constructor() {
|
|
4840
4943
|
super(...arguments);
|
|
4944
|
+
/** Disc list style - bullet points for unordered lists */
|
|
4841
4945
|
this.disc = 'list-disc';
|
|
4946
|
+
/** Decimal list style - numbers for ordered lists */
|
|
4842
4947
|
this.decimal = 'list-decimal';
|
|
4843
4948
|
}
|
|
4844
4949
|
getClasses(extractedKeys) {
|
|
@@ -4930,10 +5035,15 @@ const listTheme = new ComponentTheme("ul", "list-inside", {
|
|
|
4930
5035
|
class BreakpointTheme extends BaseTheme {
|
|
4931
5036
|
constructor() {
|
|
4932
5037
|
super(...arguments);
|
|
5038
|
+
/** Switch to column layout on extra-small screens and below */
|
|
4933
5039
|
this.xsCol = "max-xs:flex-col";
|
|
5040
|
+
/** Switch to column layout on small screens and below */
|
|
4934
5041
|
this.smCol = "max-sm:flex-col";
|
|
5042
|
+
/** Switch to column layout on medium screens and below */
|
|
4935
5043
|
this.mdCol = "max-md:flex-col";
|
|
5044
|
+
/** Switch to column layout on large screens and below */
|
|
4936
5045
|
this.lgCol = "max-lg:flex-col";
|
|
5046
|
+
/** Switch to column layout on extra-large screens and below */
|
|
4937
5047
|
this.xlCol = "max-xl:flex-col";
|
|
4938
5048
|
}
|
|
4939
5049
|
getClasses(extractedKeys) {
|
|
@@ -5573,5 +5683,5 @@ const List = forwardRef(function List(props, ref) {
|
|
|
5573
5683
|
return jsx(ThemedComponent, { ref: ref, theme: theme.list, ...props });
|
|
5574
5684
|
});
|
|
5575
5685
|
|
|
5576
|
-
export { ABSOLUTE, ACCENT, ACTIVE,
|
|
5686
|
+
export { ABSOLUTE, ACCENT, ACTIVE, APPEARANCE_CATEGORY, APPEARANCE_VALUES, BADGE_CATEGORIES, BASE, BLACK, BLOCK, BOLD, BORDER, BORDER_B, BORDER_KEYS, BORDER_L, BORDER_R, BORDER_T, BORDER_VALUES, BORDER_X, BORDER_Y, BREAKPOINT, BREAKPOINT_VALUES, BUTTON_CATEGORIES, Badge, Button, CAPITALIZE, CARD_CATEGORIES, CHECKBOX_CATEGORIES, CHIP_CATEGORIES, CODE_CATEGORIES, COLUMN, COLUMN_REVERSE, COL_CATEGORIES, COMPONENT, COMPONENT_PROPS_CATEGORY, CONTAINER_CATEGORIES, CONTENTS, Card, Checkbox, Chip, Code, Col, ComponentCategories, ComponentKeys, Container, DANGER, DECIMAL, DEFAULT, DISC, DISPLAY_VALUES, DIVIDER_CATEGORIES, Divider, EXTRABOLD, EXTRALIGHT, FILLED, FIXED, FLEX, FLEX_DIRECTION_VALUES, FLEX_NO_WRAP, FLEX_WRAP, FLEX_WRAP_REVERSE, FOCUS, FOCUS_VISIBLE, FOCUS_VISIBLE_OUTLINE, FOCUS_VISIBLE_VALUES, FONT_FAMILY_VALUES, FONT_STYLE_VALUES, FONT_WEIGHT_VALUES, GAP, GAP_VALUES, GRID, GRID_CATEGORIES, Grid2, Grid3, Grid4, Grid5, Grid6, HIDDEN, HIDE_VALUES, HOVER, IMG_CATEGORIES, INFO, INLINE, INLINE_BLOCK, INLINE_FLEX, INLINE_GRID, INPUT_CATEGORIES, INTERACTIVE_CATEGORIES, ITALIC, ITEMS_BASELINE, ITEMS_CENTER, ITEMS_END, ITEMS_START, ITEMS_STRETCH, ITEMS_VALUES, Img, Input, JUSTIFY_AROUND, JUSTIFY_BASELINE, JUSTIFY_BETWEEN, JUSTIFY_CENTER, JUSTIFY_END, JUSTIFY_EVENLY, JUSTIFY_START, JUSTIFY_STRETCH, JUSTIFY_VALUES, LABEL_CATEGORIES, LAYOUT_CORE, LAYOUT_FLEX, LAYOUT_FULL, LG, LG_COL, LG_HIDE, LIGHT, LINE_THROUGH, LINK, LIST_CATEGORIES, LIST_STYLE, LIST_STYLE_VALUES, LOWERCASE, Label, Link, List, ListItem, MD, MD_COL, MD_HIDE, MEDIUM, MODE_VALUES, MONO, ModeKeys, NORMAL, NORMAL_CASE, NOT_ITALIC, NO_BORDER, NO_FOCUS_VISIBLE_OUTLINE, NO_GAP, NO_PADDING, NO_RING, NO_SHADOW, NO_UNDERLINE, OUTLINE, OVERFLOW_AUTO, OVERFLOW_CLIP, OVERFLOW_HIDDEN, OVERFLOW_SCROLL, OVERFLOW_VALUES, OVERFLOW_VISIBLE, OVERFLOW_X_AUTO, OVERFLOW_X_CLIP, OVERFLOW_X_HIDDEN, OVERFLOW_X_SCROLL, OVERFLOW_X_VISIBLE, OVERFLOW_Y_AUTO, OVERFLOW_Y_CLIP, OVERFLOW_Y_HIDDEN, OVERFLOW_Y_SCROLL, OVERFLOW_Y_VISIBLE, OVERLINE, PADDING, PADDING_VALUES, PILL, POSITION_VALUES, PRIMARY, PageTitle, RELATIVE, REVERSE, REVERSE_VALUES, RING, RING_VALUES, ROUNDED, ROW, ROW_CATEGORIES, ROW_REVERSE, Row, SANS, SECONDARY, SECTION_CATEGORIES, SEMIBOLD, SERIF, SHADOW, SHADOW_VALUES, SHAPE, SHAPE_VALUES, SHARP, SIZE_VALUES, SM, SM_COL, SM_HIDE, STACK_CATEGORIES, STATIC, STICKY, SUCCESS, Section, SectionTitle, Stack, TABLE, TABLE_CELL, TERTIARY, TEXT_ALIGN_VALUES, TEXT_CENTER, TEXT_DECORATION_VALUES, TEXT_JUSTIFY, TEXT_LEFT, TEXT_RIGHT, TEXT_TRANSFORM_VALUES, THIN, TRANSPARENT, TRANSPARENT_VALUES, TYPOGRAPHY_CATEGORIES, TYPOGRAPHY_FULL, TYPOGRAPHY_STYLE, Text, ThemeProvider, Title, UNDERLINE, UPPERCASE, VARIANT, VARIANT_VALUES, VISUAL_CORE, VISUAL_DECORATION, VISUAL_DECORATION_LAYOUT, VISUAL_FULL, VISUAL_LAYOUT, WARNING, WRAP_VALUES, XL, XL_COL, XL_HIDE, XS, XS_COL, XS_HIDE, defaultTheme, themeDefaults, useTheme };
|
|
5577
5687
|
//# sourceMappingURL=index.esm.js.map
|