@vaneui/ui 0.3.1-alpha.20251130172447.8795285 → 0.3.1-alpha.20251201135827.a31cb1e
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/keys.d.ts +4 -28
- package/dist/components/ui/props/keys.d.ts.map +1 -1
- package/dist/components/ui/theme/appearance/appearanceTheme.d.ts.map +1 -1
- package/dist/index.esm.js +38 -124
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +37 -152
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/ui/props/appearance.d.ts +0 -3
- package/dist/components/ui/props/appearance.d.ts.map +0 -1
- package/dist/components/ui/props/border.d.ts +0 -9
- package/dist/components/ui/props/border.d.ts.map +0 -1
- package/dist/components/ui/props/breakpoint.d.ts +0 -3
- package/dist/components/ui/props/breakpoint.d.ts.map +0 -1
- package/dist/components/ui/props/display.d.ts +0 -3
- package/dist/components/ui/props/display.d.ts.map +0 -1
- package/dist/components/ui/props/flexDirection.d.ts +0 -3
- package/dist/components/ui/props/flexDirection.d.ts.map +0 -1
- package/dist/components/ui/props/focusVisible.d.ts +0 -3
- package/dist/components/ui/props/focusVisible.d.ts.map +0 -1
- package/dist/components/ui/props/fontFamily.d.ts +0 -3
- package/dist/components/ui/props/fontFamily.d.ts.map +0 -1
- package/dist/components/ui/props/fontStyle.d.ts +0 -3
- package/dist/components/ui/props/fontStyle.d.ts.map +0 -1
- package/dist/components/ui/props/fontWeight.d.ts +0 -3
- package/dist/components/ui/props/fontWeight.d.ts.map +0 -1
- package/dist/components/ui/props/gap.d.ts +0 -3
- package/dist/components/ui/props/gap.d.ts.map +0 -1
- package/dist/components/ui/props/hide.d.ts +0 -3
- package/dist/components/ui/props/hide.d.ts.map +0 -1
- package/dist/components/ui/props/items.d.ts +0 -3
- package/dist/components/ui/props/items.d.ts.map +0 -1
- package/dist/components/ui/props/justify.d.ts +0 -3
- package/dist/components/ui/props/justify.d.ts.map +0 -1
- package/dist/components/ui/props/listStyle.d.ts +0 -3
- package/dist/components/ui/props/listStyle.d.ts.map +0 -1
- package/dist/components/ui/props/overflow.d.ts +0 -3
- package/dist/components/ui/props/overflow.d.ts.map +0 -1
- package/dist/components/ui/props/padding.d.ts +0 -3
- package/dist/components/ui/props/padding.d.ts.map +0 -1
- package/dist/components/ui/props/position.d.ts +0 -3
- package/dist/components/ui/props/position.d.ts.map +0 -1
- package/dist/components/ui/props/reverse.d.ts +0 -3
- package/dist/components/ui/props/reverse.d.ts.map +0 -1
- package/dist/components/ui/props/ring.d.ts +0 -3
- package/dist/components/ui/props/ring.d.ts.map +0 -1
- package/dist/components/ui/props/shadow.d.ts +0 -3
- package/dist/components/ui/props/shadow.d.ts.map +0 -1
- package/dist/components/ui/props/shape.d.ts +0 -3
- package/dist/components/ui/props/shape.d.ts.map +0 -1
- package/dist/components/ui/props/size.d.ts +0 -3
- package/dist/components/ui/props/size.d.ts.map +0 -1
- package/dist/components/ui/props/textAlign.d.ts +0 -3
- package/dist/components/ui/props/textAlign.d.ts.map +0 -1
- package/dist/components/ui/props/textDecoration.d.ts +0 -3
- package/dist/components/ui/props/textDecoration.d.ts.map +0 -1
- package/dist/components/ui/props/textTransform.d.ts +0 -3
- package/dist/components/ui/props/textTransform.d.ts.map +0 -1
- package/dist/components/ui/props/transparent.d.ts +0 -3
- package/dist/components/ui/props/transparent.d.ts.map +0 -1
- package/dist/components/ui/props/variant.d.ts +0 -3
- package/dist/components/ui/props/variant.d.ts.map +0 -1
- package/dist/components/ui/props/wrap.d.ts +0 -3
- package/dist/components/ui/props/wrap.d.ts.map +0 -1
|
@@ -33,35 +33,7 @@ export declare const APPEARANCE_CATEGORY: readonly ["text", "border", "ring", "s
|
|
|
33
33
|
export type AppearanceCategoryKey = typeof APPEARANCE_CATEGORY[number];
|
|
34
34
|
/** Type for all component category keys */
|
|
35
35
|
export type ComponentCategoryKey = typeof COMPONENT_PROPS_CATEGORY[number];
|
|
36
|
-
export * from './appearance';
|
|
37
|
-
export * from './border';
|
|
38
|
-
export * from './breakpoint';
|
|
39
|
-
export * from './display';
|
|
40
|
-
export * from './flexDirection';
|
|
41
|
-
export * from './fontFamily';
|
|
42
|
-
export * from './fontStyle';
|
|
43
|
-
export * from './fontWeight';
|
|
44
|
-
export * from './gap';
|
|
45
|
-
export * from './hide';
|
|
46
|
-
export * from './items';
|
|
47
|
-
export * from './justify';
|
|
48
|
-
export * from './listStyle';
|
|
49
36
|
export * from './mode';
|
|
50
|
-
export * from './overflow';
|
|
51
|
-
export * from './padding';
|
|
52
|
-
export * from './position';
|
|
53
|
-
export * from './reverse';
|
|
54
|
-
export * from './ring';
|
|
55
|
-
export * from './shadow';
|
|
56
|
-
export * from './focusVisible';
|
|
57
|
-
export * from './shape';
|
|
58
|
-
export * from './size';
|
|
59
|
-
export * from './textAlign';
|
|
60
|
-
export * from './textDecoration';
|
|
61
|
-
export * from './textTransform';
|
|
62
|
-
export * from './transparent';
|
|
63
|
-
export * from './variant';
|
|
64
|
-
export * from './wrap';
|
|
65
37
|
/** Component property keys mapping categories to their available values */
|
|
66
38
|
export declare const ComponentKeys: {
|
|
67
39
|
/** Color appearance options */
|
|
@@ -121,6 +93,10 @@ export declare const ComponentKeys: {
|
|
|
121
93
|
/** Flex item wrapping behavior: wrap, no-wrap, or wrap-reverse */
|
|
122
94
|
readonly wrap: readonly ["flexWrap", "flexNoWrap", "flexWrapReverse"];
|
|
123
95
|
};
|
|
96
|
+
/** All border side keys (excluding noBorder since it doesn't have a CSS class) */
|
|
97
|
+
export declare const BORDER_KEYS: readonly ["border", "borderT", "borderB", "borderL", "borderR", "borderX", "borderY"];
|
|
98
|
+
/** Type for all border side keys (excluding noBorder) */
|
|
99
|
+
export type BorderKey = typeof BORDER_KEYS[number];
|
|
124
100
|
/** Interaction state keys for component styling modes */
|
|
125
101
|
export type ModeKey = typeof import('./mode').ModeKeys.mode[number];
|
|
126
102
|
/** Size scale keys: xs, sm, md, lg, xl */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/props/keys.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,WAAW,kFAAmF,CAAC;AAC5G,6DAA6D;AAC7D,eAAO,MAAM,WAAW,sDAAuD,CAAC;AAChF,sDAAsD;AACtD,eAAO,MAAM,OAAO,sBAAuB,CAAC;AAC5C,kEAAkE;AAClE,eAAO,MAAM,UAAU,yBAA0B,CAAC;AAClD,0EAA0E;AAC1E,eAAO,MAAM,WAAW,wCAAyC,CAAC;AAClE,8CAA8C;AAC9C,eAAO,MAAM,MAAM,qBAAsB,CAAC;AAC1C,+DAA+D;AAC/D,eAAO,MAAM,iBAAiB,6CAA8C,CAAC;AAC7E,8FAA8F;AAC9F,eAAO,MAAM,wBAAwB,6BAA8B,CAAC;AACpE,6DAA6D;AAC7D,eAAO,MAAM,KAAK,oBAAqB,CAAC;AACxC,uEAAuE;AACvE,eAAO,MAAM,gBAAgB,oGAAqG,CAAC;AACnI,uEAAuE;AACvE,eAAO,MAAM,UAAU,wBAAyB,CAAC;AACjD,0DAA0D;AAC1D,eAAO,MAAM,OAAO,sBAAuB,CAAC;AAE5C,2DAA2D;AAC3D,eAAO,MAAM,wBAAwB,yVAY3B,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,mBAAmB,+EAAgF,CAAC;AACjH,wDAAwD;AACxD,MAAM,MAAM,qBAAqB,GAAG,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAEvE,2CAA2C;AAC3C,MAAM,MAAM,oBAAoB,GAAG,OAAO,wBAAwB,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/props/keys.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appearanceTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/appearance/appearanceTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"appearanceTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/appearance/appearanceTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACnF,OAAO,EAAiB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGpE,qBAAa,eAAgB,SAAQ,SAAU,YAAW,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACtG,gEAAgE;IAChE,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,uFAAuF;IACvF,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACjC,oFAAoF;IACpF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,mFAAmF;IACnF,SAAS,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACpC,kFAAkF;IAClF,QAAQ,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACnC,oFAAoF;IACpF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,uFAAuF;IACvF,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACjC,iFAAiF;IACjF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,gFAAgF;IAChF,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC/B,qFAAqF;IACrF,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAE/B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAyB;IAC7D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAwB;IACjD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAU;IAE5C,OAAO;IAaP,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;IA2ClD,MAAM,CAAC,WAAW,CAChB,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,YAAK,EAC3F,QAAQ,EAAE,qBAAqB,EAC/B,iBAAiB,GAAE,OAAe,GACjC,eAAe;CAenB"}
|
package/dist/index.esm.js
CHANGED
|
@@ -9,99 +9,6 @@ import { createContext, useContext, useMemo, forwardRef } from 'react';
|
|
|
9
9
|
class BaseTheme {
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
/** All appearance property values */
|
|
13
|
-
const APPEARANCE_VALUES = ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info', 'link'];
|
|
14
|
-
|
|
15
|
-
/** Hide border - removes border styling (overrides appearance colors) */
|
|
16
|
-
const NO_BORDER = 'noBorder';
|
|
17
|
-
/** All border property values - includes all border variations and noBorder */
|
|
18
|
-
const BORDER_VALUES = ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY', 'noBorder'];
|
|
19
|
-
/** All border side keys (excluding noBorder since it doesn't have a CSS class) */
|
|
20
|
-
const BORDER_KEYS = ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY'];
|
|
21
|
-
|
|
22
|
-
/** All breakpoint property values */
|
|
23
|
-
const BREAKPOINT_VALUES = ['mobileCol', 'tabletCol', 'laptopCol', 'desktopCol'];
|
|
24
|
-
|
|
25
|
-
/** All display property values */
|
|
26
|
-
const DISPLAY_VALUES = ['inline', 'block', 'inlineBlock', 'flex', 'inlineFlex', 'grid', 'inlineGrid', 'contents', 'table', 'tableCell', 'hidden'];
|
|
27
|
-
|
|
28
|
-
/** All flex direction property values */
|
|
29
|
-
const FLEX_DIRECTION_VALUES = ['row', 'column', 'rowReverse', 'columnReverse'];
|
|
30
|
-
|
|
31
|
-
/** All font family property values */
|
|
32
|
-
const FONT_FAMILY_VALUES = ['sans', 'serif', 'mono'];
|
|
33
|
-
|
|
34
|
-
/** All font style property values */
|
|
35
|
-
const FONT_STYLE_VALUES = ['italic', 'notItalic'];
|
|
36
|
-
|
|
37
|
-
/** All font weight property values */
|
|
38
|
-
const FONT_WEIGHT_VALUES = ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black'];
|
|
39
|
-
|
|
40
|
-
/** All gap property values */
|
|
41
|
-
const GAP_VALUES = ['gap', 'noGap'];
|
|
42
|
-
|
|
43
|
-
/** All hide property values */
|
|
44
|
-
const HIDE_VALUES = ['mobileHide', 'tabletHide', 'laptopHide', 'desktopHide'];
|
|
45
|
-
|
|
46
|
-
/** All items property values */
|
|
47
|
-
const ITEMS_VALUES = ['itemsStart', 'itemsEnd', 'itemsCenter', 'itemsBaseline', 'itemsStretch'];
|
|
48
|
-
|
|
49
|
-
/** All justify property values */
|
|
50
|
-
const JUSTIFY_VALUES = ['justifyStart', 'justifyEnd', 'justifyCenter', 'justifyBetween', 'justifyAround', 'justifyEvenly', 'justifyStretch', 'justifyBaseline'];
|
|
51
|
-
|
|
52
|
-
/** All list style property values */
|
|
53
|
-
const LIST_STYLE_VALUES = ['disc', 'decimal'];
|
|
54
|
-
|
|
55
|
-
/** All overflow property values */
|
|
56
|
-
const OVERFLOW_VALUES = [
|
|
57
|
-
'overflowAuto', 'overflowHidden', 'overflowClip', 'overflowVisible', 'overflowScroll',
|
|
58
|
-
'overflowXAuto', 'overflowYAuto', 'overflowXHidden', 'overflowYHidden',
|
|
59
|
-
'overflowXClip', 'overflowYClip', 'overflowXVisible', 'overflowYVisible',
|
|
60
|
-
'overflowXScroll', 'overflowYScroll'
|
|
61
|
-
];
|
|
62
|
-
|
|
63
|
-
/** All padding property values */
|
|
64
|
-
const PADDING_VALUES = ['padding', 'noPadding'];
|
|
65
|
-
|
|
66
|
-
/** All position property values */
|
|
67
|
-
const POSITION_VALUES = ['relative', 'absolute', 'fixed', 'sticky', 'static'];
|
|
68
|
-
|
|
69
|
-
/** All reverse property values */
|
|
70
|
-
const REVERSE_VALUES = ['reverse'];
|
|
71
|
-
|
|
72
|
-
/** All ring property values */
|
|
73
|
-
const RING_VALUES = ['ring', 'noRing'];
|
|
74
|
-
|
|
75
|
-
/** All shadow property values */
|
|
76
|
-
const SHADOW_VALUES = ['shadow', 'noShadow'];
|
|
77
|
-
|
|
78
|
-
/** All focusVisible property values */
|
|
79
|
-
const FOCUS_VISIBLE_VALUES = ['focusVisible', 'noFocusVisible'];
|
|
80
|
-
|
|
81
|
-
/** All shape property values */
|
|
82
|
-
const SHAPE_VALUES = ['pill', 'sharp', 'rounded'];
|
|
83
|
-
|
|
84
|
-
/** All size property values */
|
|
85
|
-
const SIZE_VALUES = ['xs', 'sm', 'md', 'lg', 'xl'];
|
|
86
|
-
|
|
87
|
-
/** All text align property values */
|
|
88
|
-
const TEXT_ALIGN_VALUES = ['textLeft', 'textCenter', 'textRight', 'textJustify'];
|
|
89
|
-
|
|
90
|
-
/** All text decoration property values */
|
|
91
|
-
const TEXT_DECORATION_VALUES = ['underline', 'lineThrough', 'noUnderline', 'overline'];
|
|
92
|
-
|
|
93
|
-
/** All text transform property values */
|
|
94
|
-
const TEXT_TRANSFORM_VALUES = ['uppercase', 'lowercase', 'capitalize', 'normalCase'];
|
|
95
|
-
|
|
96
|
-
/** All transparent property values */
|
|
97
|
-
const TRANSPARENT_VALUES = ['transparent'];
|
|
98
|
-
|
|
99
|
-
/** All variant property values */
|
|
100
|
-
const VARIANT_VALUES = ['filled', 'outline'];
|
|
101
|
-
|
|
102
|
-
/** All wrap property values */
|
|
103
|
-
const WRAP_VALUES = ['flexWrap', 'flexNoWrap', 'flexWrapReverse'];
|
|
104
|
-
|
|
105
12
|
/** Base state - default resting appearance */
|
|
106
13
|
const BASE = 'base';
|
|
107
14
|
/** Hover state - appearance when cursor hovers over element */
|
|
@@ -166,62 +73,69 @@ const APPEARANCE_CATEGORY = ['text', 'border', 'ring', 'shadow', 'bg', 'accent',
|
|
|
166
73
|
/** Component property keys mapping categories to their available values */
|
|
167
74
|
const ComponentKeys = {
|
|
168
75
|
/** Color appearance options */
|
|
169
|
-
appearance:
|
|
76
|
+
appearance: ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info', 'link'],
|
|
170
77
|
/** Border visibility: includes all border variations and noBorder (border, borderT, borderB, etc., noBorder) */
|
|
171
|
-
border:
|
|
78
|
+
border: ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY', 'noBorder'],
|
|
172
79
|
/** Column breakpoints for responsive grid layouts */
|
|
173
|
-
breakpoint:
|
|
80
|
+
breakpoint: ['mobileCol', 'tabletCol', 'laptopCol', 'desktopCol'],
|
|
174
81
|
/** CSS display property values for element layout behavior */
|
|
175
|
-
display:
|
|
82
|
+
display: ['inline', 'block', 'inlineBlock', 'flex', 'inlineFlex', 'grid', 'inlineGrid', 'contents', 'table', 'tableCell', 'hidden'],
|
|
176
83
|
/** Flex direction: row (horizontal), column (vertical), or reversed variants */
|
|
177
|
-
flexDirection:
|
|
84
|
+
flexDirection: ['row', 'column', 'rowReverse', 'columnReverse'],
|
|
178
85
|
/** Font family types: sans-serif, serif, or monospace */
|
|
179
|
-
fontFamily:
|
|
86
|
+
fontFamily: ['sans', 'serif', 'mono'],
|
|
180
87
|
/** Font style: italic or notItalic (normal) */
|
|
181
|
-
fontStyle:
|
|
88
|
+
fontStyle: ['italic', 'notItalic'],
|
|
182
89
|
/** Font weight from thin (100) to black (900) */
|
|
183
|
-
fontWeight:
|
|
90
|
+
fontWeight: ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black'],
|
|
184
91
|
/** Spacing between flex/grid items: gap (enabled) or noGap (disabled) */
|
|
185
|
-
gap:
|
|
92
|
+
gap: ['gap', 'noGap'],
|
|
186
93
|
/** Hide elements at specific breakpoint sizes */
|
|
187
|
-
hide:
|
|
94
|
+
hide: ['mobileHide', 'tabletHide', 'laptopHide', 'desktopHide'],
|
|
188
95
|
/** Cross-axis alignment for flex items (align-items) */
|
|
189
|
-
items:
|
|
96
|
+
items: ['itemsStart', 'itemsEnd', 'itemsCenter', 'itemsBaseline', 'itemsStretch'],
|
|
190
97
|
/** Main-axis alignment for flex items (justify-content) */
|
|
191
|
-
justify:
|
|
98
|
+
justify: ['justifyStart', 'justifyEnd', 'justifyCenter', 'justifyBetween', 'justifyAround', 'justifyEvenly', 'justifyStretch', 'justifyBaseline'],
|
|
192
99
|
/** List bullet/numbering style: disc (bullets) or decimal (numbers) */
|
|
193
|
-
listStyle:
|
|
100
|
+
listStyle: ['disc', 'decimal'],
|
|
194
101
|
/** Overflow behavior for content that exceeds container bounds */
|
|
195
|
-
overflow:
|
|
102
|
+
overflow: [
|
|
103
|
+
'overflowAuto', 'overflowHidden', 'overflowClip', 'overflowVisible', 'overflowScroll',
|
|
104
|
+
'overflowXAuto', 'overflowYAuto', 'overflowXHidden', 'overflowYHidden',
|
|
105
|
+
'overflowXClip', 'overflowYClip', 'overflowXVisible', 'overflowYVisible',
|
|
106
|
+
'overflowXScroll', 'overflowYScroll'
|
|
107
|
+
],
|
|
196
108
|
/** Internal spacing: padding (enabled) or noPadding (disabled) */
|
|
197
|
-
padding:
|
|
109
|
+
padding: ['padding', 'noPadding'],
|
|
198
110
|
/** CSS positioning: relative, absolute, fixed, sticky, static */
|
|
199
|
-
position:
|
|
111
|
+
position: ['relative', 'absolute', 'fixed', 'sticky', 'static'],
|
|
200
112
|
/** Reverse the order of flex items */
|
|
201
|
-
reverse:
|
|
113
|
+
reverse: ['reverse'],
|
|
202
114
|
/** Focus ring visibility: ring (show) or noRing (hide) */
|
|
203
|
-
ring:
|
|
115
|
+
ring: ['ring', 'noRing'],
|
|
204
116
|
/** Drop shadow visibility: shadow (enabled) or noShadow (disabled) */
|
|
205
|
-
shadow:
|
|
117
|
+
shadow: ['shadow', 'noShadow'],
|
|
206
118
|
/** Focus-visible outline visibility: focusVisible (show) or noFocusVisible (hide) */
|
|
207
|
-
focusVisible:
|
|
119
|
+
focusVisible: ['focusVisible', 'noFocusVisible'],
|
|
208
120
|
/** Border radius shape: pill (fully rounded), sharp (no radius), rounded (medium radius) */
|
|
209
|
-
shape:
|
|
121
|
+
shape: ['pill', 'sharp', 'rounded'],
|
|
210
122
|
/** Size scale from extra-small to extra-large */
|
|
211
|
-
size:
|
|
123
|
+
size: ['xs', 'sm', 'md', 'lg', 'xl'],
|
|
212
124
|
/** Text alignment: left, center, right, justify */
|
|
213
|
-
textAlign:
|
|
125
|
+
textAlign: ['textLeft', 'textCenter', 'textRight', 'textJustify'],
|
|
214
126
|
/** Text decoration: underline, strikethrough (lineThrough), none (noUnderline), overline */
|
|
215
|
-
textDecoration:
|
|
127
|
+
textDecoration: ['underline', 'lineThrough', 'noUnderline', 'overline'],
|
|
216
128
|
/** Text case transformation: UPPERCASE, lowercase, Capitalize, normalCase */
|
|
217
|
-
textTransform:
|
|
129
|
+
textTransform: ['uppercase', 'lowercase', 'capitalize', 'normalCase'],
|
|
218
130
|
/** Make background (layout/UI) or text (typography) transparent */
|
|
219
|
-
transparent:
|
|
131
|
+
transparent: ['transparent'],
|
|
220
132
|
/** Style variant: filled (solid background) or outline (border only) */
|
|
221
|
-
variant:
|
|
133
|
+
variant: ['filled', 'outline'],
|
|
222
134
|
/** Flex item wrapping behavior: wrap, no-wrap, or wrap-reverse */
|
|
223
|
-
wrap:
|
|
135
|
+
wrap: ['flexWrap', 'flexNoWrap', 'flexWrapReverse'],
|
|
224
136
|
};
|
|
137
|
+
/** All border side keys (excluding noBorder since it doesn't have a CSS class) */
|
|
138
|
+
const BORDER_KEYS = ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY'];
|
|
225
139
|
/** Composite categories built from core blocks */
|
|
226
140
|
/** Complete layout category including core and flex properties */
|
|
227
141
|
const LAYOUT_FULL = [...LAYOUT_CORE, ...LAYOUT_FLEX];
|
|
@@ -3795,11 +3709,11 @@ class AppearanceTheme extends BaseTheme {
|
|
|
3795
3709
|
var _a;
|
|
3796
3710
|
if (this.category === 'border') {
|
|
3797
3711
|
// If noBorder is selected from the border category, don't apply appearance colors
|
|
3798
|
-
if (extractedKeys.border ===
|
|
3712
|
+
if (extractedKeys.border === 'noBorder') {
|
|
3799
3713
|
return [];
|
|
3800
3714
|
}
|
|
3801
3715
|
// Only apply appearance colors if any border prop is set (and not noBorder)
|
|
3802
|
-
const hasBorderProps = extractedKeys.border !== undefined && extractedKeys.border !==
|
|
3716
|
+
const hasBorderProps = extractedKeys.border !== undefined && extractedKeys.border !== 'noBorder';
|
|
3803
3717
|
// If no border props are set, don't apply appearance colors
|
|
3804
3718
|
if (!hasBorderProps) {
|
|
3805
3719
|
return [];
|
|
@@ -5649,5 +5563,5 @@ const List = forwardRef(function List(props, ref) {
|
|
|
5649
5563
|
return jsx(ThemedComponent, { ref: ref, theme: theme.list, ...props });
|
|
5650
5564
|
});
|
|
5651
5565
|
|
|
5652
|
-
export { ACTIVE, APPEARANCE_CATEGORY,
|
|
5566
|
+
export { ACTIVE, APPEARANCE_CATEGORY, BADGE_CATEGORIES, BASE, BORDER, BORDER_KEYS, BREAKPOINT, BUTTON_CATEGORIES, Badge, Button, CARD_CATEGORIES, CHECKBOX_CATEGORIES, CHIP_CATEGORIES, CODE_CATEGORIES, COL_CATEGORIES, COMPONENT, COMPONENT_PROPS_CATEGORY, CONTAINER_CATEGORIES, Card, Checkbox, Chip, Code, Col, ComponentCategories, ComponentKeys, Container, DIVIDER_CATEGORIES, Divider, FOCUS, FOCUS_VISIBLE, GRID_CATEGORIES, Grid2, Grid3, Grid4, Grid5, Grid6, HOVER, IMG_CATEGORIES, INPUT_CATEGORIES, INTERACTIVE_CATEGORIES, Img, Input, LABEL_CATEGORIES, LAYOUT_CORE, LAYOUT_FLEX, LAYOUT_FULL, LIST_CATEGORIES, LIST_STYLE, Label, Link, List, ListItem, MODE_VALUES, ModeKeys, PADDING, PageTitle, ROW_CATEGORIES, Row, SECTION_CATEGORIES, SHAPE, STACK_CATEGORIES, Section, SectionTitle, Stack, TYPOGRAPHY_CATEGORIES, TYPOGRAPHY_FULL, TYPOGRAPHY_STYLE, Text, ThemeProvider, Title, VARIANT, VISUAL_CORE, VISUAL_DECORATION, VISUAL_DECORATION_LAYOUT, VISUAL_FULL, VISUAL_LAYOUT, defaultTheme, themeDefaults, useTheme };
|
|
5653
5567
|
//# sourceMappingURL=index.esm.js.map
|