@frosted-ui/react-native 0.0.1-canary.93 → 0.0.1-canary.94
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 +18 -5
- package/dist/components/avatar.d.ts.map +1 -1
- package/dist/components/avatar.js +1 -0
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/badge.d.ts.map +1 -1
- package/dist/components/badge.js +2 -0
- package/dist/components/badge.js.map +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/card.d.ts.map +1 -1
- package/dist/components/card.js +2 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/heading.d.ts +2 -2
- package/dist/components/heading.d.ts.map +1 -1
- package/dist/components/icon-button.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/link.d.ts +19 -0
- package/dist/components/link.d.ts.map +1 -0
- package/dist/components/link.js +68 -0
- package/dist/components/link.js.map +1 -0
- package/dist/components/list.d.ts +37 -0
- package/dist/components/list.d.ts.map +1 -0
- package/dist/components/list.js +112 -0
- package/dist/components/list.js.map +1 -0
- package/dist/components/select.js +1 -1
- package/dist/components/separator.d.ts.map +1 -1
- package/dist/components/separator.js +2 -3
- package/dist/components/separator.js.map +1 -1
- package/dist/components/text-area.d.ts.map +1 -1
- package/dist/components/text-area.js +1 -1
- package/dist/components/text-area.js.map +1 -1
- package/dist/components/text-field.d.ts.map +1 -1
- package/dist/components/text-field.js +41 -3
- package/dist/components/text-field.js.map +1 -1
- package/dist/components/text.d.ts +2 -2
- package/dist/components/text.d.ts.map +1 -1
- package/dist/components/text.js +11 -2
- package/dist/components/text.js.map +1 -1
- package/docs/llm/COLOR_SYSTEM.md +799 -0
- package/docs/llm/COMPONENTS.md +1183 -0
- package/docs/llm/DESIGN_PATTERNS.md +2466 -0
- package/docs/llm/README.md +117 -0
- package/docs/llm/TYPOGRAPHY.md +516 -0
- package/package.json +6 -3
package/README.md
CHANGED
|
@@ -61,7 +61,7 @@ import { ThemeProvider, useTheme } from '@frosted-ui/react-native';
|
|
|
61
61
|
|
|
62
62
|
function MyComponent() {
|
|
63
63
|
const { colorScheme, toggleColorScheme } = useTheme();
|
|
64
|
-
|
|
64
|
+
|
|
65
65
|
return (
|
|
66
66
|
<Button onPress={toggleColorScheme}>
|
|
67
67
|
<Text>Current theme: {colorScheme}</Text>
|
|
@@ -87,12 +87,10 @@ import { useThemeTokens } from '@frosted-ui/react-native';
|
|
|
87
87
|
|
|
88
88
|
function MyComponent() {
|
|
89
89
|
const { colors, isDark } = useThemeTokens();
|
|
90
|
-
|
|
90
|
+
|
|
91
91
|
return (
|
|
92
92
|
<View style={{ backgroundColor: colors.background }}>
|
|
93
|
-
<Text style={{ color: colors.palettes.gray['12'] }}>
|
|
94
|
-
Hello World
|
|
95
|
-
</Text>
|
|
93
|
+
<Text style={{ color: colors.palettes.gray['12'] }}>Hello World</Text>
|
|
96
94
|
</View>
|
|
97
95
|
);
|
|
98
96
|
}
|
|
@@ -142,6 +140,21 @@ This library includes a comprehensive set of UI components:
|
|
|
142
140
|
|
|
143
141
|
This library uses React Native's built-in styling system with a comprehensive design system. All components support light and dark mode out of the box, and include multiple color palettes (28+ accent colors) and variants.
|
|
144
142
|
|
|
143
|
+
## AI/LLM Documentation
|
|
144
|
+
|
|
145
|
+
This package includes comprehensive documentation designed for AI agents and LLMs to generate code using Frosted UI. When installed, the docs are available at:
|
|
146
|
+
|
|
147
|
+
```
|
|
148
|
+
node_modules/@frosted-ui/react-native/docs/llm/
|
|
149
|
+
├── README.md # Overview and quick reference
|
|
150
|
+
├── COLOR_SYSTEM.md # Color palettes, shades, variants, accessibility
|
|
151
|
+
├── TYPOGRAPHY.md # Typography scale, font weights, components
|
|
152
|
+
├── COMPONENTS.md # Full component API reference
|
|
153
|
+
└── DESIGN_PATTERNS.md # UX patterns, layout composition, visual design
|
|
154
|
+
```
|
|
155
|
+
|
|
156
|
+
AI agents should read these files to understand how to properly use the design system when generating React Native applications.
|
|
157
|
+
|
|
145
158
|
## License
|
|
146
159
|
|
|
147
160
|
MIT
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,WAAW,6DAA8D,CAAC;AAChF,QAAA,MAAM,YAAY,+BAAgC,CAAC;AAEnD,KAAK,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,KAAK,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAKjD,iBAAS,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAuB/C;AAiBD,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,MAAM,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAU,EAAE,KAAgB,EAAE,KAAK,EAAE,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,WAAW,6DAA8D,CAAC;AAChF,QAAA,MAAM,YAAY,+BAAgC,CAAC;AAEnD,KAAK,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,KAAK,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAKjD,iBAAS,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAuB/C;AAiBD,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,MAAM,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAU,EAAE,KAAgB,EAAE,KAAK,EAAE,EAAE,WAAW,qBAqGlF;AAED,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -108,6 +108,7 @@ function Avatar({ src, fallback, size = '3', shape = 'circle', color }) {
|
|
|
108
108
|
};
|
|
109
109
|
const textStyle = {
|
|
110
110
|
fontSize,
|
|
111
|
+
lineHeight: fontSize * 1.1, // Must set lineHeight to match fontSize, otherwise Text's default lineHeight clips large text
|
|
111
112
|
fontWeight: '500',
|
|
112
113
|
color: palette.a11,
|
|
113
114
|
textTransform: 'uppercase',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAEpD,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC;AAC3B,KAAK,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,OAAgB,EAAE,IAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAEpD,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC;AAC3B,KAAK,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,OAAgB,EAAE,IAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAmF3F;AAED,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/components/badge.js
CHANGED
|
@@ -23,11 +23,13 @@ function Badge({ variant = 'soft', size = '1', color, style, asChild, ...props }
|
|
|
23
23
|
height: 20,
|
|
24
24
|
paddingHorizontal: 8,
|
|
25
25
|
borderRadius: 6,
|
|
26
|
+
gap: 4,
|
|
26
27
|
}
|
|
27
28
|
: {
|
|
28
29
|
height: 28,
|
|
29
30
|
paddingHorizontal: 12,
|
|
30
31
|
borderRadius: 8,
|
|
32
|
+
gap: 6,
|
|
31
33
|
};
|
|
32
34
|
// Variant-specific background / border colors
|
|
33
35
|
let variantStyle = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAYpD,SAAS,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IAC1F,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAClC,qEAAqE;IACrE,gDAAgD;IAChD,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,IAAI,CAAC;IAE3D,sCAAsC;IACtC,MAAM,SAAS,GAAc;QAC3B,SAAS;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,YAAY;KACxB,CAAC;IAEF,MAAM,SAAS,GACb,IAAI,KAAK,GAAG;QACV,CAAC,CAAC;YACE,MAAM,EAAE,EAAE;YACV,iBAAiB,EAAE,CAAC;YACpB,YAAY,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { getButtonFocusStyle, getButtonPressedFilter, getButtonShadowStyle, getB
|
|
|
3
3
|
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { Platform, Pressable } from 'react-native';
|
|
6
|
-
function Button({ variant = 'surface', size = '
|
|
6
|
+
function Button({ variant = 'surface', size = '3', color, style, disabled, children, onPressIn, onPressOut, onFocus, onBlur, onHoverIn, onHoverOut, ...pressableProps }) {
|
|
7
7
|
const { colors } = useThemeTokens();
|
|
8
8
|
const [pressed, setPressed] = React.useState(false);
|
|
9
9
|
const [hovered, setHovered] = React.useState(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEpE,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,KAAK,SAAS,GAAG,SAAS,GACxB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEJ,iBAAS,IAAI,CAAC,EAAE,OAAmB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEpE,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,KAAK,SAAS,GAAG,SAAS,GACxB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEJ,iBAAS,IAAI,CAAC,EAAE,OAAmB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAyChE;AAED,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/components/card.js
CHANGED
|
@@ -6,12 +6,13 @@ function Card({ variant = 'surface', style, ...props }) {
|
|
|
6
6
|
const baseStyle = {
|
|
7
7
|
padding: 16,
|
|
8
8
|
borderRadius: 16,
|
|
9
|
+
overflow: 'hidden',
|
|
9
10
|
};
|
|
10
11
|
let variantStyle = {};
|
|
11
12
|
switch (variant) {
|
|
12
13
|
case 'soft':
|
|
13
14
|
variantStyle = {
|
|
14
|
-
backgroundColor: gray.
|
|
15
|
+
backgroundColor: gray.a2,
|
|
15
16
|
};
|
|
16
17
|
break;
|
|
17
18
|
case 'surface':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AASpE,SAAS,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAElC,MAAM,SAAS,GAAc;QAC3B,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AASpE,SAAS,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAElC,MAAM,SAAS,GAAc;QAC3B,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;QAChB,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,IAAI,YAAY,GAAc,EAAE,CAAC;IAEjC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,YAAY,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,EAAE;aACzB,CAAC;YACF,MAAM;QACR,KAAK,SAAS;YACZ,YAAY,GAAG;gBACb,eAAe,EAAE,MAAM,CAAC,UAAU;gBAClC,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,IAAI;gBACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBACrC,YAAY,EAAE,CAAC;gBACf,SAAS,EAAE,CAAC;aACb,CAAC;YACF,MAAM;QACR,KAAK,OAAO;YACV,YAAY;YACZ,MAAM;IACV,CAAC;IAED,MAAM,aAAa,GAAc;QAC/B,GAAG,SAAS;QACZ,GAAG,YAAY;KAChB,CAAC;IAEF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5D,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Text } from '../components/text';
|
|
2
2
|
import { themeTokens } from '../lib/theme-tokens';
|
|
3
|
-
import type {
|
|
3
|
+
import type { Color } from '../lib/types';
|
|
4
4
|
import type * as React from 'react';
|
|
5
5
|
type HeadingSize = keyof typeof themeTokens.typography;
|
|
6
6
|
type HeadingWeight = keyof typeof themeTokens.fontWeights;
|
|
7
7
|
type HeadingProps = Omit<React.ComponentProps<typeof Text>, 'variant' | 'color'> & {
|
|
8
8
|
size?: HeadingSize;
|
|
9
9
|
weight?: HeadingWeight;
|
|
10
|
-
color?:
|
|
10
|
+
color?: Color;
|
|
11
11
|
};
|
|
12
12
|
declare function Heading({ size, weight, color, role: roleProp, ...props }: HeadingProps): React.JSX.Element;
|
|
13
13
|
export { Heading };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,KAAK,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC,UAAU,CAAC;AACvD,KAAK,aAAa,GAAG,MAAM,OAAO,WAAW,CAAC,WAAW,CAAC;AAE1D,KAAK,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,IAAU,EAAE,MAAe,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAI9F;AAED,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { getButtonFocusStyle, getButtonPressedFilter, getButtonShadowStyle, getB
|
|
|
3
3
|
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { Platform, Pressable } from 'react-native';
|
|
6
|
-
function IconButton({ variant = 'surface', size = '
|
|
6
|
+
function IconButton({ variant = 'surface', size = '3', color, style, disabled, children, onPressIn, onPressOut, onFocus, onBlur, onHoverIn, onHoverOut, ...pressableProps }) {
|
|
7
7
|
const { colors } = useThemeTokens();
|
|
8
8
|
const [pressed, setPressed] = React.useState(false);
|
|
9
9
|
const [hovered, setHovered] = React.useState(false);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './aspect-ratio';
|
|
2
2
|
export * from './heading';
|
|
3
|
+
export * from './link';
|
|
3
4
|
export * from './text';
|
|
4
5
|
export * from './code';
|
|
5
6
|
export * from './checkbox';
|
|
@@ -25,6 +26,7 @@ export * from './callout';
|
|
|
25
26
|
export * from './card';
|
|
26
27
|
export * from './icon';
|
|
27
28
|
export * from './icon-button';
|
|
29
|
+
export * from './list';
|
|
28
30
|
export * from './segmented-control';
|
|
29
31
|
export * from './separator';
|
|
30
32
|
export * from './skeleton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,cAAc,gBAAgB,CAAC;AAI/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AAIvB,cAAc,QAAQ,CAAC;AAIvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAI7B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAI1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,cAAc,gBAAgB,CAAC;AAI/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAIvB,cAAc,QAAQ,CAAC;AAIvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAI7B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAI1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -4,6 +4,7 @@ export * from './aspect-ratio';
|
|
|
4
4
|
// TYPOGRAPHY
|
|
5
5
|
//------------------------------------------------------------------------------
|
|
6
6
|
export * from './heading';
|
|
7
|
+
export * from './link';
|
|
7
8
|
export * from './text';
|
|
8
9
|
// FORMATTING
|
|
9
10
|
//------------------------------------------------------------------------------
|
|
@@ -37,6 +38,7 @@ export * from './callout';
|
|
|
37
38
|
export * from './card';
|
|
38
39
|
export * from './icon';
|
|
39
40
|
export * from './icon-button';
|
|
41
|
+
export * from './list';
|
|
40
42
|
export * from './segmented-control';
|
|
41
43
|
export * from './separator';
|
|
42
44
|
export * from './skeleton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,gFAAgF;AAChF,cAAc,gBAAgB,CAAC;AAE/B,aAAa;AACb,gFAAgF;AAChF,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AAEvB,aAAa;AACb,gFAAgF;AAChF,cAAc,QAAQ,CAAC;AAEvB,QAAQ;AACR,gFAAgF;AAChF,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,WAAW;AACX,gFAAgF;AAChF,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAE1B,aAAa;AACb,gFAAgF;AAChF,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,gFAAgF;AAChF,cAAc,gBAAgB,CAAC;AAE/B,aAAa;AACb,gFAAgF;AAChF,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAEvB,aAAa;AACb,gFAAgF;AAChF,cAAc,QAAQ,CAAC;AAEvB,QAAQ;AACR,gFAAgF;AAChF,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,WAAW;AACX,gFAAgF;AAChF,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAE1B,aAAa;AACb,gFAAgF;AAChF,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { themeTokens } from '../lib/theme-tokens';
|
|
2
|
+
import type { Color } from '../lib/types';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { type TextProps as RNTextProps, type TextStyle } from 'react-native';
|
|
5
|
+
type LinkSize = keyof typeof themeTokens.typography;
|
|
6
|
+
type LinkWeight = keyof typeof themeTokens.fontWeights;
|
|
7
|
+
type LinkUnderline = 'auto' | 'hover' | 'always';
|
|
8
|
+
type LinkProps = Omit<RNTextProps, 'style'> & {
|
|
9
|
+
size?: LinkSize;
|
|
10
|
+
weight?: LinkWeight;
|
|
11
|
+
color?: Color;
|
|
12
|
+
underline?: LinkUnderline;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
style?: TextStyle;
|
|
15
|
+
};
|
|
16
|
+
declare function Link({ size, weight, color, underline, children, style, disabled, onPress, onPressIn, onPressOut, ...textProps }: LinkProps): React.JSX.Element;
|
|
17
|
+
export { Link };
|
|
18
|
+
export type { LinkProps, LinkSize, LinkUnderline };
|
|
19
|
+
//# sourceMappingURL=link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,IAAI,WAAW,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,QAAQ,GAAG,MAAM,OAAO,WAAW,CAAC,UAAU,CAAC;AACpD,KAAK,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC,WAAW,CAAC;AACvD,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjD,KAAK,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,IAAI,CAAC,EACZ,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAkB,EAClB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,GAAG,SAAS,EACb,EAAE,SAAS,qBA6FX;AAED,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { TextStyleContext } from '../components/text';
|
|
2
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Platform, Text as RNText, } from 'react-native';
|
|
5
|
+
function Link({ size, weight, color, underline = 'auto', children, style, disabled, onPress, onPressIn, onPressOut, ...textProps }) {
|
|
6
|
+
const { colors, typography, fontWeights } = useThemeTokens();
|
|
7
|
+
const textStyleContext = React.useContext(TextStyleContext);
|
|
8
|
+
const [hovered, setHovered] = React.useState(false);
|
|
9
|
+
const [pressed, setPressed] = React.useState(false);
|
|
10
|
+
// Inherit size from context, fallback to '3'
|
|
11
|
+
const effectiveSize = size ?? textStyleContext?.size ?? '3';
|
|
12
|
+
const effectiveWeight = weight ?? textStyleContext?.weight;
|
|
13
|
+
// Resolve color palette - default to accent
|
|
14
|
+
const palette = colors.palettes[color ?? 'accent'] ?? colors.palettes.accent;
|
|
15
|
+
const gray = colors.palettes.gray;
|
|
16
|
+
// Text color: accent a11 by default
|
|
17
|
+
const textColor = palette.a11;
|
|
18
|
+
// Underline color: mix of accent and gray (approximating the CSS color-mix)
|
|
19
|
+
const underlineColor = palette.a7;
|
|
20
|
+
// Typography
|
|
21
|
+
const typo = typography[effectiveSize];
|
|
22
|
+
const fontWeightValue = effectiveWeight ? fontWeights[effectiveWeight] : undefined;
|
|
23
|
+
// Determine if underline should show
|
|
24
|
+
// - 'always': always show
|
|
25
|
+
// - 'auto'/'hover': show on hover (web) or press (mobile)
|
|
26
|
+
const isInteracting = hovered || pressed;
|
|
27
|
+
const showUnderline = underline === 'always' || ((underline === 'auto' || underline === 'hover') && isInteracting);
|
|
28
|
+
const textStyle = {
|
|
29
|
+
fontSize: typo.fontSize,
|
|
30
|
+
lineHeight: typo.lineHeight,
|
|
31
|
+
letterSpacing: typo.letterSpacing,
|
|
32
|
+
color: disabled ? gray.a8 : textColor,
|
|
33
|
+
...(fontWeightValue ? { fontWeight: fontWeightValue } : {}),
|
|
34
|
+
...(showUnderline
|
|
35
|
+
? {
|
|
36
|
+
textDecorationLine: 'underline',
|
|
37
|
+
textDecorationColor: underlineColor,
|
|
38
|
+
textDecorationStyle: 'solid',
|
|
39
|
+
}
|
|
40
|
+
: {}),
|
|
41
|
+
...style,
|
|
42
|
+
};
|
|
43
|
+
const handlePressIn = React.useCallback((e) => {
|
|
44
|
+
setPressed(true);
|
|
45
|
+
onPressIn?.(e);
|
|
46
|
+
}, [onPressIn]);
|
|
47
|
+
const handlePressOut = React.useCallback((e) => {
|
|
48
|
+
setPressed(false);
|
|
49
|
+
onPressOut?.(e);
|
|
50
|
+
}, [onPressOut]);
|
|
51
|
+
const handlePress = React.useCallback((e) => {
|
|
52
|
+
if (!disabled) {
|
|
53
|
+
onPress?.(e);
|
|
54
|
+
}
|
|
55
|
+
}, [disabled, onPress]);
|
|
56
|
+
// Web-specific hover handlers
|
|
57
|
+
const webProps = Platform.OS === 'web'
|
|
58
|
+
? {
|
|
59
|
+
onMouseEnter: () => setHovered(true),
|
|
60
|
+
onMouseLeave: () => setHovered(false),
|
|
61
|
+
}
|
|
62
|
+
: {};
|
|
63
|
+
return (<RNText style={textStyle} onPress={handlePress} onPressIn={handlePressIn} onPressOut={handlePressOut} suppressHighlighting {...webProps} {...textProps}>
|
|
64
|
+
{children}
|
|
65
|
+
</RNText>);
|
|
66
|
+
}
|
|
67
|
+
export { Link };
|
|
68
|
+
//# sourceMappingURL=link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { type CardVariant } from '../components/card';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { type PressableProps, type TextProps, type TextStyle, type ViewProps, type ViewStyle } from 'react-native';
|
|
4
|
+
type ListRootProps = ViewProps & {
|
|
5
|
+
variant?: CardVariant;
|
|
6
|
+
};
|
|
7
|
+
declare function ListRoot({ variant, style, children, ...props }: ListRootProps): React.JSX.Element;
|
|
8
|
+
type ListItemProps = Omit<PressableProps, 'style'> & {
|
|
9
|
+
style?: ViewStyle;
|
|
10
|
+
};
|
|
11
|
+
declare function ListItem({ children, onPress, disabled, style, ...props }: ListItemProps): React.JSX.Element;
|
|
12
|
+
type ListItemSlotProps = ViewProps;
|
|
13
|
+
declare function ListItemSlot({ children, style, ...props }: ListItemSlotProps): React.JSX.Element;
|
|
14
|
+
type ListItemContentProps = ViewProps;
|
|
15
|
+
declare function ListItemContent({ children, style, ...props }: ListItemContentProps): React.JSX.Element;
|
|
16
|
+
type ListItemTitleProps = Omit<TextProps, 'style'> & {
|
|
17
|
+
style?: TextStyle;
|
|
18
|
+
};
|
|
19
|
+
declare function ListItemTitle({ children, style, ...props }: ListItemTitleProps): React.JSX.Element;
|
|
20
|
+
type ListItemDescriptionProps = Omit<TextProps, 'style'> & {
|
|
21
|
+
style?: TextStyle;
|
|
22
|
+
};
|
|
23
|
+
declare function ListItemDescription({ children, style, ...props }: ListItemDescriptionProps): React.JSX.Element;
|
|
24
|
+
type ListSeparatorProps = ViewProps;
|
|
25
|
+
declare function ListSeparator({ style, ...props }: ListSeparatorProps): React.JSX.Element;
|
|
26
|
+
declare const List: {
|
|
27
|
+
Root: typeof ListRoot;
|
|
28
|
+
Item: typeof ListItem;
|
|
29
|
+
ItemSlot: typeof ListItemSlot;
|
|
30
|
+
ItemContent: typeof ListItemContent;
|
|
31
|
+
ItemTitle: typeof ListItemTitle;
|
|
32
|
+
ItemDescription: typeof ListItemDescription;
|
|
33
|
+
Separator: typeof ListSeparator;
|
|
34
|
+
};
|
|
35
|
+
export { List };
|
|
36
|
+
export type { ListItemContentProps, ListItemDescriptionProps, ListItemProps, ListItemSlotProps, ListItemTitleProps, ListRootProps, ListSeparatorProps, };
|
|
37
|
+
//# sourceMappingURL=list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/components/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,KAAK,aAAa,GAAG,SAAS,GAAG;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,OAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAMlF;AAMD,KAAK,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAyChF;AAMD,KAAK,iBAAiB,GAAG,SAAS,CAAC;AAEnC,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAkBrE;AAMD,KAAK,oBAAoB,GAAG,SAAS,CAAC;AAEtC,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAY3E;AAMD,KAAK,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAiBvE;AAMD,KAAK,wBAAwB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,qBAgBnF;AAMD,KAAK,kBAAkB,GAAG,SAAS,CAAC;AAEpC,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAS7D;AAMD,QAAA,MAAM,IAAI;;;;;;;;CAQT,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EACV,oBAAoB,EACpB,wBAAwB,EACxB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,GACnB,CAAC"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { Card } from '../components/card';
|
|
2
|
+
import { TextStyleContext } from '../components/text';
|
|
3
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { Platform, Pressable, Text, View, } from 'react-native';
|
|
6
|
+
function ListRoot({ variant = 'surface', style, children, ...props }) {
|
|
7
|
+
return (<Card variant={variant} style={[{ padding: 0 }, style]} {...props}>
|
|
8
|
+
{children}
|
|
9
|
+
</Card>);
|
|
10
|
+
}
|
|
11
|
+
function ListItem({ children, onPress, disabled, style, ...props }) {
|
|
12
|
+
const { colors } = useThemeTokens();
|
|
13
|
+
const [pressed, setPressed] = React.useState(false);
|
|
14
|
+
const [hovered, setHovered] = React.useState(false);
|
|
15
|
+
const isInteractive = !!onPress && !disabled;
|
|
16
|
+
const isHighlighted = isInteractive && (pressed || hovered);
|
|
17
|
+
const itemStyle = {
|
|
18
|
+
flexDirection: 'row',
|
|
19
|
+
alignItems: 'center',
|
|
20
|
+
gap: 12,
|
|
21
|
+
paddingVertical: 12,
|
|
22
|
+
paddingHorizontal: 16,
|
|
23
|
+
backgroundColor: isHighlighted ? colors.palettes.gray.a3 : undefined,
|
|
24
|
+
...(Platform.OS === 'web' && isInteractive
|
|
25
|
+
? { cursor: 'pointer', userSelect: 'none' }
|
|
26
|
+
: {}),
|
|
27
|
+
};
|
|
28
|
+
// Web hover handlers
|
|
29
|
+
const webProps = Platform.OS === 'web' && isInteractive
|
|
30
|
+
? {
|
|
31
|
+
onMouseEnter: () => setHovered(true),
|
|
32
|
+
onMouseLeave: () => setHovered(false),
|
|
33
|
+
}
|
|
34
|
+
: {};
|
|
35
|
+
return (<Pressable onPress={onPress} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} disabled={disabled || !onPress} style={[itemStyle, style]} {...webProps} {...props}>
|
|
36
|
+
{children}
|
|
37
|
+
</Pressable>);
|
|
38
|
+
}
|
|
39
|
+
function ListItemSlot({ children, style, ...props }) {
|
|
40
|
+
const { colors } = useThemeTokens();
|
|
41
|
+
const slotStyle = {
|
|
42
|
+
alignItems: 'center',
|
|
43
|
+
justifyContent: 'center',
|
|
44
|
+
minWidth: 24,
|
|
45
|
+
minHeight: 24,
|
|
46
|
+
};
|
|
47
|
+
// Provide icon color context
|
|
48
|
+
return (<TextStyleContext.Provider value={{ color: colors.palettes.gray.a11 }}>
|
|
49
|
+
<View style={[slotStyle, style]} {...props}>
|
|
50
|
+
{children}
|
|
51
|
+
</View>
|
|
52
|
+
</TextStyleContext.Provider>);
|
|
53
|
+
}
|
|
54
|
+
function ListItemContent({ children, style, ...props }) {
|
|
55
|
+
const contentStyle = {
|
|
56
|
+
flex: 1,
|
|
57
|
+
gap: 2,
|
|
58
|
+
justifyContent: 'center',
|
|
59
|
+
};
|
|
60
|
+
return (<View style={[contentStyle, style]} {...props}>
|
|
61
|
+
{children}
|
|
62
|
+
</View>);
|
|
63
|
+
}
|
|
64
|
+
function ListItemTitle({ children, style, ...props }) {
|
|
65
|
+
const { colors, typography, fontWeights } = useThemeTokens();
|
|
66
|
+
const typo = typography['3'];
|
|
67
|
+
const titleStyle = {
|
|
68
|
+
fontSize: typo.fontSize,
|
|
69
|
+
lineHeight: typo.lineHeight,
|
|
70
|
+
letterSpacing: typo.letterSpacing,
|
|
71
|
+
fontWeight: fontWeights.medium,
|
|
72
|
+
color: colors.palettes.gray['12'],
|
|
73
|
+
};
|
|
74
|
+
return (<Text style={[titleStyle, style]} {...props}>
|
|
75
|
+
{children}
|
|
76
|
+
</Text>);
|
|
77
|
+
}
|
|
78
|
+
function ListItemDescription({ children, style, ...props }) {
|
|
79
|
+
const { colors, typography } = useThemeTokens();
|
|
80
|
+
const typo = typography['2'];
|
|
81
|
+
const descriptionStyle = {
|
|
82
|
+
fontSize: typo.fontSize,
|
|
83
|
+
lineHeight: typo.lineHeight,
|
|
84
|
+
letterSpacing: typo.letterSpacing,
|
|
85
|
+
color: colors.palettes.gray.a11,
|
|
86
|
+
};
|
|
87
|
+
return (<Text style={[descriptionStyle, style]} {...props}>
|
|
88
|
+
{children}
|
|
89
|
+
</Text>);
|
|
90
|
+
}
|
|
91
|
+
function ListSeparator({ style, ...props }) {
|
|
92
|
+
const { colors } = useThemeTokens();
|
|
93
|
+
const separatorStyle = {
|
|
94
|
+
height: 1,
|
|
95
|
+
backgroundColor: colors.stroke,
|
|
96
|
+
};
|
|
97
|
+
return <View style={[separatorStyle, style]} {...props}/>;
|
|
98
|
+
}
|
|
99
|
+
// ============================================================================
|
|
100
|
+
// Exports
|
|
101
|
+
// ============================================================================
|
|
102
|
+
const List = {
|
|
103
|
+
Root: ListRoot,
|
|
104
|
+
Item: ListItem,
|
|
105
|
+
ItemSlot: ListItemSlot,
|
|
106
|
+
ItemContent: ListItemContent,
|
|
107
|
+
ItemTitle: ListItemTitle,
|
|
108
|
+
ItemDescription: ListItemDescription,
|
|
109
|
+
Separator: ListSeparator,
|
|
110
|
+
};
|
|
111
|
+
export { List };
|
|
112
|
+
//# sourceMappingURL=list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/components/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAoB,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAI,GAML,MAAM,cAAc,CAAC;AAUtB,SAAS,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB;IACjF,OAAO,CACL,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAChE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAUD,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB;IAC/E,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC;IAC7C,MAAM,aAAa,GAAG,aAAa,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC;IAE5D,MAAM,SAAS,GAAc;QAC3B,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE;QACP,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QACpE,GAAG,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,aAAa;YACxC,CAAC,CAAE,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAgB;YAC1D,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,qBAAqB;IACrB,MAAM,QAAQ,GACZ,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,aAAa;QACpC,CAAC,CAAC;YACE,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;YACpC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;SACtC;QACH,CAAC,CAAC,EAAE,CAAC;IAET,OAAO,CACL,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAClC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACpC,QAAQ,CAAC,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,CAC/B,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAC1B,IAAI,QAAQ,CAAC,CACb,IAAI,KAAK,CAAC,CACV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC;AAQD,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAqB;IACpE,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,SAAS,GAAc;QAC3B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,EAAE;KACd,CAAC;IAEF,6BAA6B;IAC7B,OAAO,CACL,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CACpE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CACzC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAC7B,CAAC;AACJ,CAAC;AAQD,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAwB;IAC1E,MAAM,YAAY,GAAc;QAC9B,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5C;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAUD,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAsB;IACtE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAC;IAC7D,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;IAE7B,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,aAAa,EAAE,IAAI,CAAC,aAAa;QACjC,UAAU,EAAE,WAAW,CAAC,MAAM;QAC9B,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;KAClC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC1C;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAUD,SAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAA4B;IAClF,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IAChD,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;IAE7B,MAAM,gBAAgB,GAAc;QAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,aAAa,EAAE,IAAI,CAAC,aAAa;QACjC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG;KAChC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAChD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAQD,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAsB;IAC5D,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,cAAc,GAAc;QAChC,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,MAAM,CAAC,MAAM;KAC/B,CAAC;IAEF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC7D,CAAC;AAED,+EAA+E;AAC/E,UAAU;AACV,+EAA+E;AAE/E,MAAM,IAAI,GAAG;IACX,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,eAAe;IAC5B,SAAS,EAAE,aAAa;IACxB,eAAe,EAAE,mBAAmB;IACpC,SAAS,EAAE,aAAa;CACzB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -39,7 +39,7 @@ const noop = () => { };
|
|
|
39
39
|
const SelectContentContext = React.createContext({
|
|
40
40
|
registerItemPosition: noop,
|
|
41
41
|
});
|
|
42
|
-
function SelectRoot({ size = '
|
|
42
|
+
function SelectRoot({ size = '3', value, onValueChange, children, ...props }) {
|
|
43
43
|
const labelMapRef = React.useRef(new Map());
|
|
44
44
|
const [open, setOpen] = React.useState(false);
|
|
45
45
|
// Handle open state changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAG/D,QAAA,MAAM,cAAc,+BAAgC,CAAC;AAErD,KAAK,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAoBrD,KAAK,cAAc,GAAG,kBAAkB,CAAC,SAAS,GAAG;IACnD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,IAAU,EACV,KAAc,EACd,WAA0B,EAC1B,UAAiB,EACjB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,+
|
|
1
|
+
{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAG/D,QAAA,MAAM,cAAc,+BAAgC,CAAC;AAErD,KAAK,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAoBrD,KAAK,cAAc,GAAG,kBAAkB,CAAC,SAAS,GAAG;IACnD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,IAAU,EACV,KAAc,EACd,WAA0B,EAC1B,UAAiB,EACjB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,+BAsChB;AAED,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;AACrC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -20,12 +20,11 @@ function getSeparatorSize(size) {
|
|
|
20
20
|
}
|
|
21
21
|
function Separator({ size = '1', color = 'gray', orientation = 'horizontal', decorative = true, style, ...props }) {
|
|
22
22
|
const { colors } = useThemeTokens();
|
|
23
|
-
const
|
|
24
|
-
const palette = colors.palettes[color] ?? gray;
|
|
23
|
+
const separatorColor = color !== 'gray' ? colors.palettes[color].a6 : colors.stroke;
|
|
25
24
|
const separatorSize = getSeparatorSize(size);
|
|
26
25
|
// Base style - thickness is always 1px
|
|
27
26
|
const baseStyle = {
|
|
28
|
-
backgroundColor:
|
|
27
|
+
backgroundColor: separatorColor,
|
|
29
28
|
flexShrink: 0,
|
|
30
29
|
};
|
|
31
30
|
// Orientation-based sizing
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAG/D,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAIrD,yBAAyB;AACzB,gCAAgC;AAChC,gCAAgC;AAChC,gCAAgC;AAChC,eAAe;AACf,SAAS,gBAAgB,CAAC,IAAmB;IAC3C,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC;AAOD,SAAS,SAAS,CAAC,EACjB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,MAAM,EACd,WAAW,GAAG,YAAY,EAC1B,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,GAAG,KAAK,EACO;IACf,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,
|
|
1
|
+
{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAG/D,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAIrD,yBAAyB;AACzB,gCAAgC;AAChC,gCAAgC;AAChC,gCAAgC;AAChC,eAAe;AACf,SAAS,gBAAgB,CAAC,IAAmB;IAC3C,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC;AAOD,SAAS,SAAS,CAAC,EACjB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,MAAM,EACd,WAAW,GAAG,YAAY,EAC1B,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,GAAG,KAAK,EACO;IACf,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,cAAc,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;IAEpF,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE7C,uCAAuC;IACvC,MAAM,SAAS,GAAc;QAC3B,eAAe,EAAE,cAAc;QAC/B,UAAU,EAAE,CAAC;KACd,CAAC;IAEF,2BAA2B;IAC3B,MAAM,gBAAgB,GACpB,WAAW,KAAK,YAAY;QAC1B,CAAC,CAAC;YACE,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,aAAa;SACrB;QACH,CAAC,CAAC;YACE,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,aAAa;SACtB,CAAC;IAER,MAAM,aAAa,GAAc;QAC/B,GAAG,SAAS;QACZ,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,kBAAkB,CAAC,IAAI,CACtB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAC9B,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../src/components/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAStB,KAAK,YAAY,GAAG,aAAa,CAAC;AAClC,KAAK,eAAe,GAAG,gBAAgB,CAAC;AA0DxC,UAAU,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC3D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,iBAAS,QAAQ,CAAC,EAChB,IAAU,EACV,OAAmB,EACnB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../src/components/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAStB,KAAK,YAAY,GAAG,aAAa,CAAC;AAClC,KAAK,eAAe,GAAG,gBAAgB,CAAC;AA0DxC,UAAU,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC3D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,iBAAS,QAAQ,CAAC,EAChB,IAAU,EACV,OAAmB,EACnB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,qBA2Ff;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -45,7 +45,7 @@ function getTextAreaSizeStyle(size) {
|
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
|
-
function TextArea({ size = '
|
|
48
|
+
function TextArea({ size = '3', variant = 'surface', color, style, editable, ...props }) {
|
|
49
49
|
const { colors } = useThemeTokens();
|
|
50
50
|
const gray = colors.palettes.gray;
|
|
51
51
|
// For soft variant background/text, use gray as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../src/components/text-area.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../src/components/text-area.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../src/components/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,SAAS,EAGT,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAMtB,KAAK,aAAa,GAAG,aAAa,CAAC;AACnC,KAAK,gBAAgB,GAAG,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../src/components/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,SAAS,EAGT,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAMtB,KAAK,aAAa,GAAG,aAAa,CAAC;AACnC,KAAK,gBAAgB,GAAG,gBAAgB,CAAC;AA6DzC,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,aAAa,CAAC,EACrB,IAAU,EACV,OAAmB,EACnB,KAAK,EACL,QAAgB,EAChB,OAAO,EAAE,WAAW,EACpB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA+KpB;AAMD,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,4BAiC9E;AAMD,UAAU,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACjE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,uFAgInB,CAAC;AAOF,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC;AACnE,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,gBAAgB,GACjB,CAAC"}
|