@a-type/ui 2.1.1 → 2.1.2
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/cjs/components/emojiPicker/EmojiPicker.js +3 -3
- package/dist/cjs/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/dist/esm/components/emojiPicker/EmojiPicker.js +3 -3
- package/dist/esm/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/package.json +1 -1
- package/src/components/emojiPicker/EmojiPicker.tsx +3 -3
|
@@ -25,11 +25,11 @@ const Box_js_1 = require("../box/Box.js");
|
|
|
25
25
|
const Button_js_1 = require("../button/Button.js");
|
|
26
26
|
const Input_js_1 = require("../input/Input.js");
|
|
27
27
|
const Spinner_js_1 = require("../spinner/Spinner.js");
|
|
28
|
-
exports.EmojiPickerRoot = (0, hooks_js_1.withClassName)(frimousse_1.EmojiPicker.Root, 'layer-components:isolate layer-components:flex layer-components:flex-col layer-components:w-fit layer-components:h-368px layer-components:
|
|
28
|
+
exports.EmojiPickerRoot = (0, hooks_js_1.withClassName)(frimousse_1.EmojiPicker.Root, 'layer-components:isolate layer-components:flex layer-components:flex-col layer-components:w-fit layer-components:h-368px layer-components:gap-sm');
|
|
29
29
|
exports.EmojiPickerSearch = (0, hooks_js_1.withClassName)(frimousse_1.EmojiPicker.Search, 'layer-components:z-10', Input_js_1.inputClassName);
|
|
30
30
|
const EmojiPickerViewport = (_a) => {
|
|
31
31
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, {
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, { className: "flex-1 min-h-0 overflow-hidden rounded-md bg-white", children: (0, jsx_runtime_1.jsx)(frimousse_1.EmojiPicker.Viewport, Object.assign({ className: "layer-components:relative layer-components:outline-hidden" }, props)) }));
|
|
33
33
|
};
|
|
34
34
|
exports.EmojiPickerViewport = EmojiPickerViewport;
|
|
35
35
|
exports.EmojiPickerLoading = (0, hooks_js_1.withClassName)((0, hooks_js_1.withProps)(frimousse_1.EmojiPicker.Loading, {
|
|
@@ -57,7 +57,7 @@ exports.useEmojiSkinTone = useEmojiSkinTone;
|
|
|
57
57
|
const EmojiPickerSkinToneSelector = (props) => {
|
|
58
58
|
const [_, __, options] = (0, frimousse_1.useSkinTone)();
|
|
59
59
|
const [skinTone, setSkinTone] = (0, exports.useEmojiSkinTone)();
|
|
60
|
-
return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({ d: "row", gap: true
|
|
60
|
+
return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({ d: "row", gap: true }, props, { children: options.map((option) => ((0, jsx_runtime_1.jsx)(Button_js_1.Button, { color: "ghost", toggled: option.skinTone === skinTone, toggleMode: "color", size: "icon-small", "aria-label": `Skin tone ${option}`, className: "text-md p-xs", onClick: () => setSkinTone(option.skinTone), children: option.emoji }, option.skinTone))) })));
|
|
61
61
|
};
|
|
62
62
|
exports.EmojiPickerSkinToneSelector = EmojiPickerSkinToneSelector;
|
|
63
63
|
const EmojiPickerPrefab = (_a) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../../src/components/emojiPicker/EmojiPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAwB;AACxB,yCAQmB;AACnB,6CAA0D;AAC1D,6DAA4D;AAC5D,0CAA8C;AAC9C,mDAA6C;AAC7C,gDAAmD;AACnD,sDAAgD;AAEnC,QAAA,eAAe,GAAG,IAAA,wBAAa,EAC3C,uBAAI,CAAC,IAAI,EACT,
|
|
1
|
+
{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../../src/components/emojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,11 +19,11 @@ import { Box } from '../box/Box.js';
|
|
|
19
19
|
import { Button } from '../button/Button.js';
|
|
20
20
|
import { inputClassName } from '../input/Input.js';
|
|
21
21
|
import { Spinner } from '../spinner/Spinner.js';
|
|
22
|
-
export const EmojiPickerRoot = withClassName(Core.Root, 'layer-components:isolate layer-components:flex layer-components:flex-col layer-components:w-fit layer-components:h-368px layer-components:
|
|
22
|
+
export const EmojiPickerRoot = withClassName(Core.Root, 'layer-components:isolate layer-components:flex layer-components:flex-col layer-components:w-fit layer-components:h-368px layer-components:gap-sm');
|
|
23
23
|
export const EmojiPickerSearch = withClassName(Core.Search, 'layer-components:z-10', inputClassName);
|
|
24
24
|
export const EmojiPickerViewport = (_a) => {
|
|
25
25
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
26
|
-
return (_jsx(Box, {
|
|
26
|
+
return (_jsx(Box, { className: "flex-1 min-h-0 overflow-hidden rounded-md bg-white", children: _jsx(Core.Viewport, Object.assign({ className: "layer-components:relative layer-components:outline-hidden" }, props)) }));
|
|
27
27
|
};
|
|
28
28
|
export const EmojiPickerLoading = withClassName(withProps(Core.Loading, {
|
|
29
29
|
children: _jsx(Spinner, {}),
|
|
@@ -47,7 +47,7 @@ export const useEmojiSkinTone = () => useLocalStorage('emoji-skin-tone', undefin
|
|
|
47
47
|
export const EmojiPickerSkinToneSelector = (props) => {
|
|
48
48
|
const [_, __, options] = useSkinTone();
|
|
49
49
|
const [skinTone, setSkinTone] = useEmojiSkinTone();
|
|
50
|
-
return (_jsx(Box, Object.assign({ d: "row", gap: true
|
|
50
|
+
return (_jsx(Box, Object.assign({ d: "row", gap: true }, props, { children: options.map((option) => (_jsx(Button, { color: "ghost", toggled: option.skinTone === skinTone, toggleMode: "color", size: "icon-small", "aria-label": `Skin tone ${option}`, className: "text-md p-xs", onClick: () => setSkinTone(option.skinTone), children: option.emoji }, option.skinTone))) })));
|
|
51
51
|
};
|
|
52
52
|
const EmojiPickerPrefab = (_a) => {
|
|
53
53
|
var { onValueChange } = _a, props = __rest(_a, ["onValueChange"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../../src/components/emojiPicker/EmojiPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EACN,WAAW,IAAI,IAAI,EAMnB,WAAW,GACX,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAY,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,IAAI,CAAC,IAAI,EACT,
|
|
1
|
+
{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../../src/components/emojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -17,7 +17,7 @@ import { Spinner } from '../spinner/Spinner.js';
|
|
|
17
17
|
|
|
18
18
|
export const EmojiPickerRoot = withClassName(
|
|
19
19
|
Core.Root,
|
|
20
|
-
'layer-components:(isolate flex flex-col w-fit h-368px
|
|
20
|
+
'layer-components:(isolate flex flex-col w-fit h-368px gap-sm)',
|
|
21
21
|
);
|
|
22
22
|
export const EmojiPickerSearch = withClassName(
|
|
23
23
|
Core.Search,
|
|
@@ -28,7 +28,7 @@ export const EmojiPickerViewport = ({
|
|
|
28
28
|
className,
|
|
29
29
|
...props
|
|
30
30
|
}: EmojiPickerViewportProps) => (
|
|
31
|
-
<Box
|
|
31
|
+
<Box className="flex-1 min-h-0 overflow-hidden rounded-md bg-white">
|
|
32
32
|
<Core.Viewport
|
|
33
33
|
className="layer-components:(relative outline-hidden)"
|
|
34
34
|
{...props}
|
|
@@ -115,7 +115,7 @@ export const EmojiPickerSkinToneSelector = (props: BoxProps) => {
|
|
|
115
115
|
const [skinTone, setSkinTone] = useEmojiSkinTone();
|
|
116
116
|
|
|
117
117
|
return (
|
|
118
|
-
<Box d="row" gap
|
|
118
|
+
<Box d="row" gap {...props}>
|
|
119
119
|
{options.map((option) => (
|
|
120
120
|
<Button
|
|
121
121
|
key={option.skinTone}
|