@cdx-ui/components 0.0.1-beta.1 → 0.0.1-beta.10
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/README.md +7 -1
- package/lib/commonjs/components/Card/styles.js +4 -5
- package/lib/commonjs/components/Card/styles.js.map +1 -1
- package/lib/commonjs/components/Heading/styles.js.map +1 -1
- package/lib/commonjs/components/ListItem/index.js +283 -0
- package/lib/commonjs/components/ListItem/index.js.map +1 -0
- package/lib/commonjs/components/ListItem/styles.js +130 -0
- package/lib/commonjs/components/ListItem/styles.js.map +1 -0
- package/lib/commonjs/components/Text/styles.js.map +1 -1
- package/lib/commonjs/components/index.js +12 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/figma/Button.figma.js +69 -0
- package/lib/commonjs/figma/Button.figma.js.map +1 -0
- package/lib/commonjs/styles/primitives.js +0 -1
- package/lib/commonjs/styles/primitives.js.map +1 -1
- package/lib/module/components/Card/styles.js +4 -5
- package/lib/module/components/Card/styles.js.map +1 -1
- package/lib/module/components/Heading/styles.js.map +1 -1
- package/lib/module/components/ListItem/index.js +226 -0
- package/lib/module/components/ListItem/index.js.map +1 -0
- package/lib/module/components/ListItem/styles.js +127 -0
- package/lib/module/components/ListItem/styles.js.map +1 -0
- package/lib/module/components/Text/styles.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/figma/Button.figma.js +63 -0
- package/lib/module/figma/Button.figma.js.map +1 -0
- package/lib/module/styles/primitives.js +0 -1
- package/lib/module/styles/primitives.js.map +1 -1
- package/lib/typescript/components/Card/styles.d.ts.map +1 -1
- package/lib/typescript/components/Heading/styles.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/index.d.ts +49 -0
- package/lib/typescript/components/ListItem/index.d.ts.map +1 -0
- package/lib/typescript/components/ListItem/styles.d.ts +30 -0
- package/lib/typescript/components/ListItem/styles.d.ts.map +1 -0
- package/lib/typescript/components/Text/styles.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/figma/Button.figma.d.ts +8 -0
- package/lib/typescript/figma/Button.figma.d.ts.map +1 -0
- package/lib/typescript/styles/primitives.d.ts.map +1 -1
- package/package.json +6 -5
- package/src/components/Card/styles.ts +8 -15
- package/src/components/ListItem/index.tsx +285 -0
- package/src/components/ListItem/styles.ts +160 -0
- package/src/components/index.ts +1 -0
- package/src/styles/primitives.ts +0 -1
- /package/src/components/Heading/{styles.tsx → styles.ts} +0 -0
- /package/src/components/Text/{styles.tsx → styles.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","small","isDisabled","true","false","undefined","showLeadingIcon","getBoolean","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA;AACA,MAAMC,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,QAAQ;EACfC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGR,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGX,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE,SAAS;EAClBa,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDU,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMC,eAAe,GAAGjB,QAAQ,CAACkB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,gBAAgB,GAAGnB,QAAQ,CAACkB,UAAU,CAAC,qBAAqB,CAAC;;AAEnE;AACA;AACA;AACA,MAAME,iBAAiB,GAAGpB,QAAQ,CAACqB,eAAe,CAAC,cAAc,CAAC,EAAEC,eAAe,CAAC,CAAC;AACrF,MAAMC,kBAAkB,GAAGvB,QAAQ,CAACqB,eAAe,CAAC,eAAe,CAAC,EAAEC,eAAe,CAAC,CAAC;AAEvF,MAAME,eAAe,GAAGJ,iBAAiB,EAAEK,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AAC/F,MAAMC,gBAAgB,GAAGL,kBAAkB,EAAEE,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjG,MAAME,kBAAkB,GAAGL,eAAe,IAAIJ,iBAAiB,EAAEU,OAAO;AACxE,MAAMC,mBAAmB,GAAGH,gBAAgB,IAAIL,kBAAkB,EAAEO,OAAO;AAE3E,MAAME,KAAK,GAAIhC,QAAQ,CAACiC,QAAQ,CAAC,cAAc,CAAC,CAAgCC,WAAW;;AAE3F;AACA,MAAMC,WAAqB,GAAG,EAAE;AAChC,IAAIlB,eAAe,IAAIO,eAAe,EAAE;EACtCW,WAAW,CAACC,IAAI,CAAC,YAAYZ,eAAe,yBAAyB,CAAC;AACxE;AACA,IAAIL,gBAAgB,IAAIS,gBAAgB,EAAE;EACxCO,WAAW,CAACC,IAAI,CAAC,YAAYR,gBAAgB,yBAAyB,CAAC;AACzE;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAvC,OAAA,GAEc;EACbwC,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGL,WAAW,CAAC;EACxEL,OAAO,EAAE7B,cAAK,CAACwC,IAAI;AACrB,mBAAmBtC,OAAO,YAAYK,KAAK,WAAWG,IAAI,iBAAiBE,UAAU;AACrF,IAAII,eAAe,GAAGhB,cAAK,CAACwC,IAAI,oBAAoBZ,kBAAkB,MAAM,GAAG,IAAI;AACnF,kBAAkBG,KAAK;AACvB,IAAIb,gBAAgB,GAAGlB,cAAK,CAACwC,IAAI,oBAAoBV,mBAAmB,MAAM,GAAG,IAAI;AACrF;AACA,CAAC","ignoreList":[]}
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.TRANSITION_COLORS = exports.SIZE_SCALE = exports.SHADOW_SM = exports.SHADOW_MD = exports.SEMANTIC_COLORS = exports.RADIUS_SM = exports.RADIUS_MD = exports.RADIUS_FULL = exports.FOCUS_RING = exports.DISABLED_OPACITY = exports.DISABLED_CURSOR = exports.COLOR_TEXT_SECONDARY = exports.COLOR_TEXT_PRIMARY = exports.COLOR_TEXT_PLACEHOLDER = exports.COLOR_TEXT_MUTED = exports.COLOR_TEXT_INVERSE = exports.COLOR_TEXT_INVALID = exports.COLOR_BRAND_HOVER = exports.COLOR_BRAND_DEFAULT = exports.COLOR_BRAND_ACTIVE = exports.COLOR_BORDER_STRONG = exports.COLOR_BORDER_INVALID = exports.COLOR_BORDER_FOCUS = exports.COLOR_BORDER_DEFAULT = exports.COLOR_BG_SUBTLE = exports.COLOR_BG_PRIMARY = exports.COLOR_BG_MUTED = exports.COLOR_BG_INVERSE = exports.COLOR_ACCENT_DEFAULT = exports.COLOR_ACCENT_BORDER = void 0;
|
|
7
7
|
// packages/components/src/styles/primitives.ts
|
|
8
8
|
// Semantic constants for CDX UI component styling.
|
|
9
|
-
// See docs/visual-revamp-plan.md for rationale and usage.
|
|
10
9
|
|
|
11
10
|
// ─── Colors ──────────────────────────────────────────────
|
|
12
11
|
// Surface & background
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COLOR_BG_PRIMARY","exports","COLOR_BG_SUBTLE","COLOR_BG_MUTED","COLOR_BG_INVERSE","COLOR_BORDER_DEFAULT","COLOR_BORDER_STRONG","COLOR_BORDER_FOCUS","COLOR_BORDER_INVALID","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","COLOR_TEXT_MUTED","COLOR_TEXT_INVERSE","COLOR_TEXT_PLACEHOLDER","COLOR_TEXT_INVALID","COLOR_BRAND_DEFAULT","COLOR_BRAND_HOVER","COLOR_BRAND_ACTIVE","COLOR_ACCENT_DEFAULT","COLOR_ACCENT_BORDER","SEMANTIC_COLORS","action","bg","bgHover","bgActive","border","text","ring","danger","warning","success","info","FOCUS_RING","RADIUS_SM","RADIUS_MD","RADIUS_FULL","SHADOW_SM","SHADOW_MD","SIZE_SCALE","default","height","px","gap","small","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/primitives.ts"],"mappings":";;;;;;AAAA;AACA
|
|
1
|
+
{"version":3,"names":["COLOR_BG_PRIMARY","exports","COLOR_BG_SUBTLE","COLOR_BG_MUTED","COLOR_BG_INVERSE","COLOR_BORDER_DEFAULT","COLOR_BORDER_STRONG","COLOR_BORDER_FOCUS","COLOR_BORDER_INVALID","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","COLOR_TEXT_MUTED","COLOR_TEXT_INVERSE","COLOR_TEXT_PLACEHOLDER","COLOR_TEXT_INVALID","COLOR_BRAND_DEFAULT","COLOR_BRAND_HOVER","COLOR_BRAND_ACTIVE","COLOR_ACCENT_DEFAULT","COLOR_ACCENT_BORDER","SEMANTIC_COLORS","action","bg","bgHover","bgActive","border","text","ring","danger","warning","success","info","FOCUS_RING","RADIUS_SM","RADIUS_MD","RADIUS_FULL","SHADOW_SM","SHADOW_MD","SIZE_SCALE","default","height","px","gap","small","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/primitives.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { COLOR_BG_PRIMARY, COLOR_BORDER_DEFAULT, COLOR_TEXT_PRIMARY, RADIUS_SM, SHADOW_SM } from '../../styles/primitives';
|
|
5
4
|
|
|
6
5
|
// ── Root ────────────────────────────────────────────────────
|
|
7
6
|
|
|
8
|
-
export const cardRootVariants = cva([
|
|
7
|
+
export const cardRootVariants = cva(['bg-surface-primary', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'overflow-hidden']);
|
|
9
8
|
|
|
10
9
|
// ── Header ──────────────────────────────────────────────────
|
|
11
10
|
|
|
12
|
-
export const cardHeaderVariants = cva(['flex-row items-center justify-between p-4 border-
|
|
11
|
+
export const cardHeaderVariants = cva(['flex-row items-center justify-between p-4', 'border-t-8 border-t-surface-brand-strong', 'border-b border-b-solid border-b-stroke-secondary']);
|
|
13
12
|
|
|
14
13
|
// ── Title ───────────────────────────────────────────────────
|
|
15
14
|
|
|
@@ -17,9 +16,9 @@ export const cardTitleVariants = cva(['flex-1']);
|
|
|
17
16
|
|
|
18
17
|
// ── Content ─────────────────────────────────────────────────
|
|
19
18
|
|
|
20
|
-
export const cardContentVariants = cva([
|
|
19
|
+
export const cardContentVariants = cva(['text-content-primary', 'p-4']);
|
|
21
20
|
|
|
22
21
|
// ── Footer ──────────────────────────────────────────────────
|
|
23
22
|
|
|
24
|
-
export const cardFooterVariants = cva(['p-4 border-t',
|
|
23
|
+
export const cardFooterVariants = cva(['p-4 border-t', 'border-stroke-secondary', 'flex-row items-center gap-2']);
|
|
25
24
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["cva","
|
|
1
|
+
{"version":3,"names":["cva","cardRootVariants","cardHeaderVariants","cardTitleVariants","cardContentVariants","cardFooterVariants"],"sourceRoot":"../../../../src","sources":["components/Card/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;;AAE9C;;AAEA,OAAO,MAAMC,gBAAgB,GAAGD,GAAG,CAAC,CAClC,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,iBAAiB,CAClB,CAAC;;AAEF;;AAEA,OAAO,MAAME,kBAAkB,GAAGF,GAAG,CAAC,CACpC,2CAA2C,EAC3C,0CAA0C,EAC1C,mDAAmD,CACpD,CAAC;;AAEF;;AAEA,OAAO,MAAMG,iBAAiB,GAAGH,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;;AAEhD;;AAEA,OAAO,MAAMI,mBAAmB,GAAGJ,GAAG,CAAC,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;;AAEvE;;AAEA,OAAO,MAAMK,kBAAkB,GAAGL,GAAG,CAAC,CACpC,cAAc,EACd,yBAAyB,EACzB,6BAA6B,CAC9B,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","headingStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.
|
|
1
|
+
{"version":3,"names":["Platform","cva","headingStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,YAAY,GAAGD,GAAG,CAC7B,CACE,2BAA2B,EAC3BD,QAAQ,CAACG,MAAM,CAAC;EACdC,GAAG,EAAE,4CAA4C;EACjDC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,226 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { Pressable, Text, View } from 'react-native';
|
|
5
|
+
import { createListItem } from '@cdx-ui/primitives';
|
|
6
|
+
import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
|
|
7
|
+
import { listItemContentVariants, listItemDescriptionVariants, listItemLeadingSlotVariants, listItemMetaVariants, listItemRootVariants, listItemSectionHeaderLabelVariants, listItemSectionHeaderVariants, listItemTitleVariants, listItemTrailingSlotVariants } from './styles';
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
const SCOPE = 'LIST_ITEM';
|
|
10
|
+
const RootView = withStyleContext(View, SCOPE);
|
|
11
|
+
const RootPressable = withStyleContext(Pressable, SCOPE);
|
|
12
|
+
const ListItemPrimitive = createListItem({
|
|
13
|
+
View: RootView,
|
|
14
|
+
Pressable: RootPressable,
|
|
15
|
+
LeadingSlot: View,
|
|
16
|
+
Content: View,
|
|
17
|
+
Title: Text,
|
|
18
|
+
Description: Text,
|
|
19
|
+
Meta: Text,
|
|
20
|
+
TrailingSlot: View,
|
|
21
|
+
SectionHeader: View
|
|
22
|
+
});
|
|
23
|
+
const useListItemStyleContext = () => {
|
|
24
|
+
const ctx = useStyleContext(SCOPE);
|
|
25
|
+
return {
|
|
26
|
+
size: ctx?.size ?? 'default',
|
|
27
|
+
crossAlign: ctx?.crossAlign ?? 'center'
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
// =============================================================================
|
|
32
|
+
// ROOT
|
|
33
|
+
// =============================================================================
|
|
34
|
+
|
|
35
|
+
const ListItemRoot = /*#__PURE__*/forwardRef(({
|
|
36
|
+
size = 'default',
|
|
37
|
+
surface = 'default',
|
|
38
|
+
showSeparator = true,
|
|
39
|
+
crossAlign = 'center',
|
|
40
|
+
className,
|
|
41
|
+
style,
|
|
42
|
+
...props
|
|
43
|
+
}, ref) => {
|
|
44
|
+
const computedClassName = cn(listItemRootVariants({
|
|
45
|
+
size,
|
|
46
|
+
surface,
|
|
47
|
+
showSeparator,
|
|
48
|
+
crossAlign
|
|
49
|
+
}), className);
|
|
50
|
+
return /*#__PURE__*/_jsx(ListItemPrimitive, {
|
|
51
|
+
ref: ref,
|
|
52
|
+
className: computedClassName,
|
|
53
|
+
context: {
|
|
54
|
+
size,
|
|
55
|
+
surface,
|
|
56
|
+
showSeparator,
|
|
57
|
+
crossAlign
|
|
58
|
+
},
|
|
59
|
+
crossAlign: crossAlign,
|
|
60
|
+
showSeparator: showSeparator,
|
|
61
|
+
size: size,
|
|
62
|
+
style: style,
|
|
63
|
+
surface: surface,
|
|
64
|
+
...props
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
ListItemRoot.displayName = 'ListItem';
|
|
68
|
+
|
|
69
|
+
// =============================================================================
|
|
70
|
+
// SLOTS & TEXT
|
|
71
|
+
// =============================================================================
|
|
72
|
+
|
|
73
|
+
const ListItemLeadingSlot = /*#__PURE__*/forwardRef(({
|
|
74
|
+
className,
|
|
75
|
+
style,
|
|
76
|
+
...props
|
|
77
|
+
}, ref) => /*#__PURE__*/_jsx(ListItemPrimitive.LeadingSlot, {
|
|
78
|
+
ref: ref,
|
|
79
|
+
className: cn(listItemLeadingSlotVariants(), className),
|
|
80
|
+
style: style,
|
|
81
|
+
...props
|
|
82
|
+
}));
|
|
83
|
+
ListItemLeadingSlot.displayName = 'ListItem.LeadingSlot';
|
|
84
|
+
const ListItemContent = /*#__PURE__*/forwardRef(({
|
|
85
|
+
className,
|
|
86
|
+
style,
|
|
87
|
+
...props
|
|
88
|
+
}, ref) => {
|
|
89
|
+
const {
|
|
90
|
+
crossAlign
|
|
91
|
+
} = useListItemStyleContext();
|
|
92
|
+
return /*#__PURE__*/_jsx(ListItemPrimitive.Content, {
|
|
93
|
+
ref: ref,
|
|
94
|
+
className: cn(listItemContentVariants({
|
|
95
|
+
crossAlign
|
|
96
|
+
}), className),
|
|
97
|
+
style: style,
|
|
98
|
+
...props
|
|
99
|
+
});
|
|
100
|
+
});
|
|
101
|
+
ListItemContent.displayName = 'ListItem.Content';
|
|
102
|
+
const ListItemTitle = /*#__PURE__*/forwardRef(({
|
|
103
|
+
className,
|
|
104
|
+
numberOfLines = 1,
|
|
105
|
+
style,
|
|
106
|
+
...props
|
|
107
|
+
}, ref) => {
|
|
108
|
+
const {
|
|
109
|
+
size
|
|
110
|
+
} = useListItemStyleContext();
|
|
111
|
+
return /*#__PURE__*/_jsx(ListItemPrimitive.Title, {
|
|
112
|
+
ref: ref,
|
|
113
|
+
className: cn(listItemTitleVariants({
|
|
114
|
+
size
|
|
115
|
+
}), className),
|
|
116
|
+
numberOfLines: numberOfLines,
|
|
117
|
+
style: style,
|
|
118
|
+
...props
|
|
119
|
+
});
|
|
120
|
+
});
|
|
121
|
+
ListItemTitle.displayName = 'ListItem.Title';
|
|
122
|
+
const ListItemDescription = /*#__PURE__*/forwardRef(({
|
|
123
|
+
className,
|
|
124
|
+
style,
|
|
125
|
+
...props
|
|
126
|
+
}, ref) => {
|
|
127
|
+
const {
|
|
128
|
+
size
|
|
129
|
+
} = useListItemStyleContext();
|
|
130
|
+
return /*#__PURE__*/_jsx(ListItemPrimitive.Description, {
|
|
131
|
+
ref: ref,
|
|
132
|
+
className: cn(listItemDescriptionVariants({
|
|
133
|
+
size
|
|
134
|
+
}), className),
|
|
135
|
+
style: style,
|
|
136
|
+
...props
|
|
137
|
+
});
|
|
138
|
+
});
|
|
139
|
+
ListItemDescription.displayName = 'ListItem.Description';
|
|
140
|
+
const ListItemMeta = /*#__PURE__*/forwardRef(({
|
|
141
|
+
className,
|
|
142
|
+
numberOfLines = 1,
|
|
143
|
+
style,
|
|
144
|
+
...props
|
|
145
|
+
}, ref) => {
|
|
146
|
+
const {
|
|
147
|
+
size
|
|
148
|
+
} = useListItemStyleContext();
|
|
149
|
+
return /*#__PURE__*/_jsx(ListItemPrimitive.Meta, {
|
|
150
|
+
ref: ref,
|
|
151
|
+
className: cn(listItemMetaVariants({
|
|
152
|
+
size
|
|
153
|
+
}), className),
|
|
154
|
+
numberOfLines: numberOfLines,
|
|
155
|
+
style: style,
|
|
156
|
+
...props
|
|
157
|
+
});
|
|
158
|
+
});
|
|
159
|
+
ListItemMeta.displayName = 'ListItem.Meta';
|
|
160
|
+
const ListItemTrailingSlot = /*#__PURE__*/forwardRef(({
|
|
161
|
+
className,
|
|
162
|
+
style,
|
|
163
|
+
...props
|
|
164
|
+
}, ref) => {
|
|
165
|
+
const {
|
|
166
|
+
crossAlign
|
|
167
|
+
} = useListItemStyleContext();
|
|
168
|
+
return /*#__PURE__*/_jsx(ListItemPrimitive.TrailingSlot, {
|
|
169
|
+
ref: ref,
|
|
170
|
+
className: cn(listItemTrailingSlotVariants({
|
|
171
|
+
crossAlign
|
|
172
|
+
}), className),
|
|
173
|
+
style: style,
|
|
174
|
+
...props
|
|
175
|
+
});
|
|
176
|
+
});
|
|
177
|
+
ListItemTrailingSlot.displayName = 'ListItem.TrailingSlot';
|
|
178
|
+
const wrapSectionHeaderLabel = children => {
|
|
179
|
+
if (typeof children === 'string' || typeof children === 'number') {
|
|
180
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
181
|
+
className: cn(listItemSectionHeaderLabelVariants()),
|
|
182
|
+
children: children
|
|
183
|
+
});
|
|
184
|
+
}
|
|
185
|
+
return children;
|
|
186
|
+
};
|
|
187
|
+
|
|
188
|
+
// =============================================================================
|
|
189
|
+
// SECTION HEADER
|
|
190
|
+
// =============================================================================
|
|
191
|
+
|
|
192
|
+
const ListItemSectionHeader = /*#__PURE__*/forwardRef(({
|
|
193
|
+
children,
|
|
194
|
+
className,
|
|
195
|
+
showDivider = true,
|
|
196
|
+
style,
|
|
197
|
+
trailing,
|
|
198
|
+
...props
|
|
199
|
+
}, ref) => /*#__PURE__*/_jsx(ListItemPrimitive.SectionHeader, {
|
|
200
|
+
ref: ref,
|
|
201
|
+
className: cn(listItemSectionHeaderVariants({
|
|
202
|
+
showDivider
|
|
203
|
+
}), className),
|
|
204
|
+
showDivider: showDivider,
|
|
205
|
+
style: style,
|
|
206
|
+
trailing: trailing,
|
|
207
|
+
...props,
|
|
208
|
+
children: wrapSectionHeaderLabel(children)
|
|
209
|
+
}));
|
|
210
|
+
ListItemSectionHeader.displayName = 'ListItem.SectionHeader';
|
|
211
|
+
|
|
212
|
+
// =============================================================================
|
|
213
|
+
// COMPOUND EXPORT
|
|
214
|
+
// =============================================================================
|
|
215
|
+
|
|
216
|
+
export const ListItem = Object.assign(ListItemRoot, {
|
|
217
|
+
LeadingSlot: ListItemLeadingSlot,
|
|
218
|
+
Content: ListItemContent,
|
|
219
|
+
Title: ListItemTitle,
|
|
220
|
+
Description: ListItemDescription,
|
|
221
|
+
Meta: ListItemMeta,
|
|
222
|
+
TrailingSlot: ListItemTrailingSlot,
|
|
223
|
+
SectionHeader: ListItemSectionHeader
|
|
224
|
+
});
|
|
225
|
+
export { listItemContentVariants, listItemDescriptionVariants, listItemLeadingSlotVariants, listItemMetaVariants, listItemRootVariants, listItemSectionHeaderLabelVariants, listItemSectionHeaderVariants, listItemTitleVariants, listItemTrailingSlotVariants } from './styles';
|
|
226
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","Pressable","Text","View","createListItem","cn","useStyleContext","withStyleContext","listItemContentVariants","listItemDescriptionVariants","listItemLeadingSlotVariants","listItemMetaVariants","listItemRootVariants","listItemSectionHeaderLabelVariants","listItemSectionHeaderVariants","listItemTitleVariants","listItemTrailingSlotVariants","jsx","_jsx","SCOPE","RootView","RootPressable","ListItemPrimitive","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader","useListItemStyleContext","ctx","size","crossAlign","ListItemRoot","surface","showSeparator","className","style","props","ref","computedClassName","context","displayName","ListItemLeadingSlot","ListItemContent","ListItemTitle","numberOfLines","ListItemDescription","ListItemMeta","ListItemTrailingSlot","wrapSectionHeaderLabel","children","ListItemSectionHeader","showDivider","trailing","ListItem","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Platform } from 'react-native';
|
|
4
|
+
import { cva } from 'class-variance-authority';
|
|
5
|
+
import { COLOR_BORDER_DEFAULT, COLOR_TEXT_MUTED, COLOR_TEXT_PRIMARY, COLOR_TEXT_SECONDARY, TRANSITION_COLORS } from '../../styles/primitives';
|
|
6
|
+
|
|
7
|
+
// ── Root (row): density, surface, separator, interactive feedback ──────────
|
|
8
|
+
|
|
9
|
+
export const listItemRootVariants = cva(['flex-row self-stretch w-full px-4', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[active=true]:opacity-70', TRANSITION_COLORS, Platform.select({
|
|
10
|
+
web: ['outline-none', 'web:data-[hovered=true]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:ring-2 web:focus-visible:data-[disabled=false]:ring-slate-400/40 web:focus-visible:data-[disabled=false]:ring-offset-2'].join(' '),
|
|
11
|
+
default: ''
|
|
12
|
+
})], {
|
|
13
|
+
variants: {
|
|
14
|
+
size: {
|
|
15
|
+
default: 'gap-3 py-4',
|
|
16
|
+
compact: 'gap-2 py-3'
|
|
17
|
+
},
|
|
18
|
+
surface: {
|
|
19
|
+
default: 'bg-white',
|
|
20
|
+
negative: 'bg-red-50'
|
|
21
|
+
},
|
|
22
|
+
showSeparator: {
|
|
23
|
+
true: ['border-b border-solid', COLOR_BORDER_DEFAULT],
|
|
24
|
+
false: 'border-b-0'
|
|
25
|
+
},
|
|
26
|
+
crossAlign: {
|
|
27
|
+
center: 'items-center',
|
|
28
|
+
start: 'items-start'
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
compoundVariants: [{
|
|
32
|
+
surface: 'negative',
|
|
33
|
+
className: Platform.select({
|
|
34
|
+
web: 'web:data-[hovered=true]:bg-red-100/90',
|
|
35
|
+
default: ''
|
|
36
|
+
})
|
|
37
|
+
}],
|
|
38
|
+
defaultVariants: {
|
|
39
|
+
size: 'default',
|
|
40
|
+
surface: 'default',
|
|
41
|
+
showSeparator: true,
|
|
42
|
+
crossAlign: 'center'
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
// ── Leading / trailing slots ─────────────────────────────────────────────────
|
|
47
|
+
|
|
48
|
+
export const listItemLeadingSlotVariants = cva(['flex shrink-0 items-center justify-center']);
|
|
49
|
+
export const listItemTrailingSlotVariants = cva(['flex shrink-0 flex-row justify-end gap-2'], {
|
|
50
|
+
variants: {
|
|
51
|
+
crossAlign: {
|
|
52
|
+
center: 'items-center',
|
|
53
|
+
start: 'items-start self-start'
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
defaultVariants: {
|
|
57
|
+
crossAlign: 'center'
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
// ── Content stack (title / description / meta) ───────────────────────────────
|
|
62
|
+
|
|
63
|
+
export const listItemContentVariants = cva(['flex min-w-0 flex-1 flex-col gap-1'], {
|
|
64
|
+
variants: {
|
|
65
|
+
crossAlign: {
|
|
66
|
+
center: 'justify-center',
|
|
67
|
+
start: 'justify-start'
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
defaultVariants: {
|
|
71
|
+
crossAlign: 'center'
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
// ── Typography ───────────────────────────────────────────────────────────────
|
|
76
|
+
|
|
77
|
+
export const listItemTitleVariants = cva([COLOR_TEXT_PRIMARY, 'font-medium'], {
|
|
78
|
+
variants: {
|
|
79
|
+
size: {
|
|
80
|
+
default: 'text-base leading-snug',
|
|
81
|
+
compact: 'text-sm leading-snug'
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
defaultVariants: {
|
|
85
|
+
size: 'default'
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
export const listItemDescriptionVariants = cva([COLOR_TEXT_SECONDARY], {
|
|
89
|
+
variants: {
|
|
90
|
+
size: {
|
|
91
|
+
default: 'text-sm leading-normal',
|
|
92
|
+
compact: 'text-xs leading-normal'
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
defaultVariants: {
|
|
96
|
+
size: 'default'
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
export const listItemMetaVariants = cva([COLOR_TEXT_MUTED], {
|
|
100
|
+
variants: {
|
|
101
|
+
size: {
|
|
102
|
+
default: 'text-xs leading-normal',
|
|
103
|
+
compact: 'text-[11px] leading-normal'
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
defaultVariants: {
|
|
107
|
+
size: 'default'
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
|
|
111
|
+
// ── Section header (group label row inside lists / cards) ───────────────────
|
|
112
|
+
|
|
113
|
+
export const listItemSectionHeaderVariants = cva(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', COLOR_BORDER_DEFAULT], {
|
|
114
|
+
variants: {
|
|
115
|
+
showDivider: {
|
|
116
|
+
true: ['border-t-4 border-solid border-t-surface-brand-strong/40', 'border-x-0'],
|
|
117
|
+
false: 'border-t-0'
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
defaultVariants: {
|
|
121
|
+
showDivider: true
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
|
|
125
|
+
/** Default section-title typography; applied by `ListItem.SectionHeader` for string/number children. Exported for rare custom composition. */
|
|
126
|
+
export const listItemSectionHeaderLabelVariants = cva(['text-xs font-semibold uppercase tracking-wide', COLOR_TEXT_SECONDARY]);
|
|
127
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Platform","cva","COLOR_BORDER_DEFAULT","COLOR_TEXT_MUTED","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","TRANSITION_COLORS","listItemRootVariants","select","web","join","default","variants","size","compact","surface","negative","showSeparator","true","false","crossAlign","center","start","compoundVariants","className","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","textStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Text/styles.
|
|
1
|
+
{"version":3,"names":["Platform","cva","textStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Text/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,SAAS,GAAGD,GAAG,CAC1B,CACE,kCAAkC,EAClCD,QAAQ,CAACG,MAAM,CAAC;EACdC,GAAG,EAAE,2DAA2D;EAChEC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/branch/LkwnLe2gHRg0vLdfg9Frjs/%E2%AD%90-CDS-V2--React-Native?node-id=119-72
|
|
4
|
+
// source=packages/components/src/components/Button/index.tsx
|
|
5
|
+
// component=Button
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
|
|
9
|
+
// Variant rename: Figma uses "solid" but code uses "strong" for the filled/primary style.
|
|
10
|
+
// This divergence exists because "strong" better communicates visual weight in the code API
|
|
11
|
+
// while "solid" is the conventional Figma naming.
|
|
12
|
+
const variant = instance.getEnum('variant', {
|
|
13
|
+
solid: 'strong',
|
|
14
|
+
outline: 'outline',
|
|
15
|
+
ghost: 'ghost'
|
|
16
|
+
});
|
|
17
|
+
const color = instance.getEnum('color', {
|
|
18
|
+
action: 'action',
|
|
19
|
+
danger: 'danger'
|
|
20
|
+
});
|
|
21
|
+
const size = instance.getEnum('size', {
|
|
22
|
+
default: 'default',
|
|
23
|
+
small: 'small'
|
|
24
|
+
});
|
|
25
|
+
// Enum-as-boolean: isDisabled is a VARIANT property in Figma (string values "true"/"false")
|
|
26
|
+
// rather than a true BOOLEAN. Map "false" to undefined so the prop is omitted when not disabled.
|
|
27
|
+
const isDisabled = instance.getEnum('isDisabled', {
|
|
28
|
+
true: true,
|
|
29
|
+
false: undefined
|
|
30
|
+
});
|
|
31
|
+
const showLeadingIcon = instance.getBoolean('Show Leading Icon?');
|
|
32
|
+
const showTrailingIcon = instance.getBoolean('Show Trailing Icon?');
|
|
33
|
+
|
|
34
|
+
// Icon slots: Prefer metadata.props.componentName exposed by icon Code Connect templates,
|
|
35
|
+
// which yields a clean identifier (e.g. "Check"). Fall back to executeTemplate().example
|
|
36
|
+
// (renders a placeholder pill when the icon lacks Code Connect).
|
|
37
|
+
const leadingIconResult = instance.getInstanceSwap('Leading Icon')?.executeTemplate();
|
|
38
|
+
const trailingIconResult = instance.getInstanceSwap('Trailing Icon')?.executeTemplate();
|
|
39
|
+
const leadingIconName = leadingIconResult?.metadata?.props?.componentName;
|
|
40
|
+
const trailingIconName = trailingIconResult?.metadata?.props?.componentName;
|
|
41
|
+
const leadingIconSnippet = leadingIconName ?? leadingIconResult?.example;
|
|
42
|
+
const trailingIconSnippet = trailingIconName ?? trailingIconResult?.example;
|
|
43
|
+
const label = instance.findText('Button.Label').textContent;
|
|
44
|
+
|
|
45
|
+
// Include icon imports when resolved via metadata.props (propagated from icon Code Connect)
|
|
46
|
+
const iconImports = [];
|
|
47
|
+
if (showLeadingIcon && leadingIconName) {
|
|
48
|
+
iconImports.push(`import { ${leadingIconName} } from '@cdx-ui/icons'`);
|
|
49
|
+
}
|
|
50
|
+
if (showTrailingIcon && trailingIconName) {
|
|
51
|
+
iconImports.push(`import { ${trailingIconName} } from '@cdx-ui/icons'`);
|
|
52
|
+
}
|
|
53
|
+
export default {
|
|
54
|
+
id: 'button',
|
|
55
|
+
imports: ["import { Button } from '@cdx-ui/components'", ...iconImports],
|
|
56
|
+
example: figma.code`
|
|
57
|
+
<Button variant="${variant}" color="${color}" size="${size}" isDisabled={${isDisabled}}>
|
|
58
|
+
${showLeadingIcon ? figma.code`<Button.Icon as={${leadingIconSnippet}} />` : null}
|
|
59
|
+
<Button.Label>${label}</Button.Label>
|
|
60
|
+
${showTrailingIcon ? figma.code`<Button.Icon as={${trailingIconSnippet}} />` : null}
|
|
61
|
+
</Button>`
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=Button.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","default","small","isDisabled","true","false","undefined","showLeadingIcon","getBoolean","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA;AACA,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,QAAQ;EACfC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGV,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCQ,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDW,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMC,eAAe,GAAGjB,QAAQ,CAACkB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,gBAAgB,GAAGnB,QAAQ,CAACkB,UAAU,CAAC,qBAAqB,CAAC;;AAEnE;AACA;AACA;AACA,MAAME,iBAAiB,GAAGpB,QAAQ,CAACqB,eAAe,CAAC,cAAc,CAAC,EAAEC,eAAe,CAAC,CAAC;AACrF,MAAMC,kBAAkB,GAAGvB,QAAQ,CAACqB,eAAe,CAAC,eAAe,CAAC,EAAEC,eAAe,CAAC,CAAC;AAEvF,MAAME,eAAe,GAAGJ,iBAAiB,EAAEK,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AAC/F,MAAMC,gBAAgB,GAAGL,kBAAkB,EAAEE,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjG,MAAME,kBAAkB,GAAGL,eAAe,IAAIJ,iBAAiB,EAAEU,OAAO;AACxE,MAAMC,mBAAmB,GAAGH,gBAAgB,IAAIL,kBAAkB,EAAEO,OAAO;AAE3E,MAAME,KAAK,GAAIhC,QAAQ,CAACiC,QAAQ,CAAC,cAAc,CAAC,CAAgCC,WAAW;;AAE3F;AACA,MAAMC,WAAqB,GAAG,EAAE;AAChC,IAAIlB,eAAe,IAAIO,eAAe,EAAE;EACtCW,WAAW,CAACC,IAAI,CAAC,YAAYZ,eAAe,yBAAyB,CAAC;AACxE;AACA,IAAIL,gBAAgB,IAAIS,gBAAgB,EAAE;EACxCO,WAAW,CAACC,IAAI,CAAC,YAAYR,gBAAgB,yBAAyB,CAAC;AACzE;AAEA,eAAe;EACbS,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGH,WAAW,CAAC;EACxEL,OAAO,EAAE/B,KAAK,CAACwC,IAAI;AACrB,mBAAmBrC,OAAO,YAAYK,KAAK,WAAWG,IAAI,iBAAiBG,UAAU;AACrF,IAAII,eAAe,GAAGlB,KAAK,CAACwC,IAAI,oBAAoBV,kBAAkB,MAAM,GAAG,IAAI;AACnF,kBAAkBG,KAAK;AACvB,IAAIb,gBAAgB,GAAGpB,KAAK,CAACwC,IAAI,oBAAoBR,mBAAmB,MAAM,GAAG,IAAI;AACrF;AACA,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COLOR_BG_PRIMARY","COLOR_BG_SUBTLE","COLOR_BG_MUTED","COLOR_BG_INVERSE","COLOR_BORDER_DEFAULT","COLOR_BORDER_STRONG","COLOR_BORDER_FOCUS","COLOR_BORDER_INVALID","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","COLOR_TEXT_MUTED","COLOR_TEXT_INVERSE","COLOR_TEXT_PLACEHOLDER","COLOR_TEXT_INVALID","COLOR_BRAND_DEFAULT","COLOR_BRAND_HOVER","COLOR_BRAND_ACTIVE","COLOR_ACCENT_DEFAULT","COLOR_ACCENT_BORDER","SEMANTIC_COLORS","action","bg","bgHover","bgActive","border","text","ring","danger","warning","success","info","FOCUS_RING","RADIUS_SM","RADIUS_MD","RADIUS_FULL","SHADOW_SM","SHADOW_MD","SIZE_SCALE","default","height","px","gap","small","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/primitives.ts"],"mappings":";;AAAA;AACA
|
|
1
|
+
{"version":3,"names":["COLOR_BG_PRIMARY","COLOR_BG_SUBTLE","COLOR_BG_MUTED","COLOR_BG_INVERSE","COLOR_BORDER_DEFAULT","COLOR_BORDER_STRONG","COLOR_BORDER_FOCUS","COLOR_BORDER_INVALID","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","COLOR_TEXT_MUTED","COLOR_TEXT_INVERSE","COLOR_TEXT_PLACEHOLDER","COLOR_TEXT_INVALID","COLOR_BRAND_DEFAULT","COLOR_BRAND_HOVER","COLOR_BRAND_ACTIVE","COLOR_ACCENT_DEFAULT","COLOR_ACCENT_BORDER","SEMANTIC_COLORS","action","bg","bgHover","bgActive","border","text","ring","danger","warning","success","info","FOCUS_RING","RADIUS_SM","RADIUS_MD","RADIUS_FULL","SHADOW_SM","SHADOW_MD","SIZE_SCALE","default","height","px","gap","small","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/primitives.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,oFAK3B,CAAC;AAIH,eAAO,MAAM,kBAAkB,oFAI7B,CAAC;AAIH,eAAO,MAAM,iBAAiB,oFAAkB,CAAC;AAIjD,eAAO,MAAM,mBAAmB,oFAAuC,CAAC;AAIxE,eAAO,MAAM,kBAAkB,oFAI7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/styles.
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,YAAY;;8EAmBxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}
|