@ultraviolet/ui 3.0.0-beta.1 → 3.0.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionBar/index.cjs +5 -30
- package/dist/components/ActionBar/index.js +5 -28
- package/dist/components/ActionBar/styles.css.cjs +11 -0
- package/dist/components/ActionBar/styles.css.d.ts +3 -0
- package/dist/components/ActionBar/styles.css.js +11 -0
- package/dist/components/Alert/index.cjs +8 -76
- package/dist/components/Alert/index.d.ts +1 -2
- package/dist/components/Alert/index.js +8 -74
- package/dist/components/Alert/styles.css.cjs +14 -0
- package/dist/components/Alert/styles.css.d.ts +35 -0
- package/dist/components/Alert/styles.css.js +14 -0
- package/dist/components/Alert/type.d.ts +2 -0
- package/dist/components/Avatar/constants.cjs +0 -9
- package/dist/components/Avatar/constants.js +0 -9
- package/dist/components/Avatar/index.cjs +42 -117
- package/dist/components/Avatar/index.js +43 -116
- package/dist/components/Avatar/styles.css.cjs +16 -0
- package/dist/components/Avatar/styles.css.d.ts +128 -0
- package/dist/components/Avatar/styles.css.js +16 -0
- package/dist/components/Avatar/variables.css.cjs +9 -0
- package/dist/components/Avatar/variables.css.d.ts +3 -0
- package/dist/components/Avatar/variables.css.js +9 -0
- package/dist/components/Badge/constant.cjs +8 -0
- package/dist/components/Badge/constant.d.ts +14 -0
- package/dist/components/Badge/constant.js +8 -0
- package/dist/components/Badge/index.cjs +10 -88
- package/dist/components/Badge/index.d.ts +2 -20
- package/dist/components/Badge/index.js +8 -84
- package/dist/components/Badge/styles.css.cjs +6 -0
- package/dist/components/Badge/styles.css.d.ts +43 -0
- package/dist/components/Badge/styles.css.js +6 -0
- package/dist/components/Banner/index.cjs +13 -69
- package/dist/components/Banner/index.d.ts +3 -5
- package/dist/components/Banner/index.js +9 -63
- package/dist/components/Banner/styles.css.cjs +10 -0
- package/dist/components/Banner/styles.css.d.ts +18 -0
- package/dist/components/Banner/styles.css.js +10 -0
- package/dist/components/BarStack/index.cjs +22 -96
- package/dist/components/BarStack/index.d.ts +2 -1
- package/dist/components/BarStack/index.js +22 -94
- package/dist/components/BarStack/styles.css.cjs +10 -0
- package/dist/components/BarStack/styles.css.d.ts +3 -0
- package/dist/components/BarStack/styles.css.js +10 -0
- package/dist/components/BarStack/variables.css.cjs +24 -0
- package/dist/components/BarStack/variables.css.d.ts +11 -0
- package/dist/components/BarStack/variables.css.js +24 -0
- package/dist/components/Button/index.cjs +2 -2
- package/dist/components/Button/index.js +2 -2
- package/dist/components/Button/styles.css.cjs +0 -2
- package/dist/components/Button/styles.css.d.ts +4 -4
- package/dist/components/Button/styles.css.js +0 -2
- package/dist/components/Chip/ChipContext.d.ts +1 -1
- package/dist/components/Chip/ChipIcon.cjs +10 -21
- package/dist/components/Chip/ChipIcon.js +10 -19
- package/dist/components/Chip/index.cjs +2 -56
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/Chip/index.js +2 -54
- package/dist/components/Chip/styles.css.cjs +7 -0
- package/dist/components/Chip/styles.css.d.ts +2 -0
- package/dist/components/Chip/styles.css.js +7 -0
- package/dist/components/Dialog/index.cjs +2 -2
- package/dist/components/Dialog/index.d.ts +1 -1
- package/dist/components/Dialog/index.js +2 -2
- package/dist/components/ExpandableCard/index.cjs +10 -9
- package/dist/components/ExpandableCard/index.d.ts +3 -1
- package/dist/components/ExpandableCard/index.js +10 -9
- package/dist/components/Key/index.cjs +85 -0
- package/dist/components/Key/index.d.ts +23 -0
- package/dist/components/Key/index.js +83 -0
- package/dist/components/Label/index.cjs +20 -24
- package/dist/components/Label/index.js +20 -22
- package/dist/components/Label/styles.css.cjs +5 -0
- package/dist/components/Label/styles.css.d.ts +1 -0
- package/dist/components/Label/styles.css.js +5 -0
- package/dist/components/List/index.cjs +2 -2
- package/dist/components/List/index.js +2 -2
- package/dist/components/Loader/index.cjs +4 -36
- package/dist/components/Loader/index.d.ts +0 -4
- package/dist/components/Loader/index.js +5 -35
- package/dist/components/Loader/styles.css.cjs +7 -0
- package/dist/components/Loader/styles.css.d.ts +2 -0
- package/dist/components/Loader/styles.css.js +7 -0
- package/dist/components/Menu/helpers.d.ts +1 -1
- package/dist/components/Meter/index.cjs +6 -37
- package/dist/components/Meter/index.js +6 -35
- package/dist/components/Meter/styles.css.cjs +11 -0
- package/dist/components/Meter/styles.css.d.ts +4 -0
- package/dist/components/Meter/styles.css.js +11 -0
- package/dist/components/Notice/index.cjs +2 -12
- package/dist/components/Notice/index.js +2 -10
- package/dist/components/Notice/styles.css.cjs +5 -0
- package/dist/components/Notice/styles.css.d.ts +1 -0
- package/dist/components/Notice/styles.css.js +5 -0
- package/dist/components/NumberInput/index.cjs +12 -9
- package/dist/components/NumberInput/index.d.ts +1 -1
- package/dist/components/NumberInput/index.js +12 -9
- package/dist/components/PasswordCheck/index.cjs +2 -12
- package/dist/components/PasswordCheck/index.js +2 -10
- package/dist/components/PasswordCheck/styles.css.cjs +5 -0
- package/dist/components/PasswordCheck/styles.css.d.ts +1 -0
- package/dist/components/PasswordCheck/styles.css.js +5 -0
- package/dist/components/Popover/constant.d.ts +5 -0
- package/dist/components/Popover/index.cjs +6 -41
- package/dist/components/Popover/index.d.ts +1 -5
- package/dist/components/Popover/index.js +6 -39
- package/dist/components/Popover/styles.css.cjs +8 -0
- package/dist/components/Popover/styles.css.d.ts +35 -0
- package/dist/components/Popover/styles.css.js +8 -0
- package/dist/components/Popup/index.cjs +25 -62
- package/dist/components/Popup/index.d.ts +9 -4
- package/dist/components/Popup/index.js +27 -62
- package/dist/components/Popup/styles.css.cjs +12 -0
- package/dist/components/Popup/styles.css.d.ts +45 -0
- package/dist/components/Popup/styles.css.js +12 -0
- package/dist/components/Popup/variables.css.cjs +19 -0
- package/dist/components/Popup/variables.css.d.ts +9 -0
- package/dist/components/Popup/variables.css.js +19 -0
- package/dist/components/Radio/index.d.ts +29 -12
- package/dist/components/Row/index.cjs +28 -38
- package/dist/components/Row/index.d.ts +8 -10
- package/dist/components/Row/index.js +29 -37
- package/dist/components/Row/styles.css.cjs +17 -0
- package/dist/components/Row/styles.css.d.ts +460 -0
- package/dist/components/Row/styles.css.js +17 -0
- package/dist/components/Row/variables.css.cjs +7 -0
- package/dist/components/Row/variables.css.d.ts +4 -0
- package/dist/components/Row/variables.css.js +7 -0
- package/dist/components/SearchInput/KeyGroup.cjs +5 -5
- package/dist/components/SearchInput/KeyGroup.d.ts +1 -1
- package/dist/components/SearchInput/KeyGroup.js +3 -3
- package/dist/components/SelectInput/Dropdown.cjs +11 -11
- package/dist/components/SelectInput/Dropdown.js +11 -11
- package/dist/components/SelectInput/SelectBar.cjs +15 -22
- package/dist/components/SelectInput/SelectBar.js +16 -23
- package/dist/components/Separator/index.cjs +26 -39
- package/dist/components/Separator/index.d.ts +2 -5
- package/dist/components/Separator/index.js +26 -37
- package/dist/components/Separator/styles.css.cjs +10 -0
- package/dist/components/Separator/styles.css.d.ts +125 -0
- package/dist/components/Separator/styles.css.js +10 -0
- package/dist/components/Slider/styles.d.ts +30 -13
- package/dist/components/Snippet/index.cjs +15 -14
- package/dist/components/Snippet/index.js +15 -14
- package/dist/components/Stack/index.cjs +69 -44
- package/dist/components/Stack/index.d.ts +17 -19
- package/dist/components/Stack/index.js +69 -42
- package/dist/components/Stack/styles.css.cjs +19 -0
- package/dist/components/Stack/styles.css.d.ts +470 -0
- package/dist/components/Stack/styles.css.js +19 -0
- package/dist/components/Stack/types.d.ts +8 -0
- package/dist/components/Stack/variables.css.cjs +11 -0
- package/dist/components/Stack/variables.css.d.ts +4 -0
- package/dist/components/Stack/variables.css.js +11 -0
- package/dist/components/Status/constant.d.ts +1 -0
- package/dist/components/Status/index.cjs +10 -66
- package/dist/components/Status/index.d.ts +2 -20
- package/dist/components/Status/index.js +10 -64
- package/dist/components/Status/styles.css.cjs +11 -0
- package/dist/components/Status/styles.css.d.ts +23 -0
- package/dist/components/Status/styles.css.js +11 -0
- package/dist/components/StepList/index.cjs +9 -41
- package/dist/components/StepList/index.d.ts +2 -1
- package/dist/components/StepList/index.js +9 -39
- package/dist/components/StepList/styles.css.cjs +10 -0
- package/dist/components/StepList/styles.css.d.ts +23 -0
- package/dist/components/StepList/styles.css.js +10 -0
- package/dist/components/Table/index.cjs +2 -2
- package/dist/components/Table/index.d.ts +1 -1
- package/dist/components/Table/index.js +2 -2
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Text/constant.d.ts +6 -0
- package/dist/components/Text/index.cjs +22 -60
- package/dist/components/Text/index.d.ts +3 -7
- package/dist/components/Text/index.js +22 -58
- package/dist/components/Text/style.css.cjs +6 -0
- package/dist/components/Text/style.css.d.ts +52 -0
- package/dist/components/Text/style.css.js +6 -0
- package/dist/components/Text/variables.css.cjs +7 -0
- package/dist/components/Text/variables.css.d.ts +2 -0
- package/dist/components/Text/variables.css.js +7 -0
- package/dist/components/TextArea/index.cjs +6 -6
- package/dist/components/TextArea/index.js +6 -6
- package/dist/components/TextInput/index.d.ts +59 -25
- package/dist/components/Tooltip/index.cjs +2 -20
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/components/Tooltip/index.js +2 -18
- package/dist/components/Tooltip/styles.css.cjs +5 -0
- package/dist/components/Tooltip/styles.css.d.ts +1 -0
- package/dist/components/Tooltip/styles.css.js +5 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/index.cjs +102 -100
- package/dist/index.js +2 -0
- package/dist/theme/ThemeProvider.cjs +23 -1
- package/dist/theme/ThemeProvider.d.ts +1 -1
- package/dist/theme/ThemeProvider.js +25 -3
- package/dist/ui.css +1 -1
- package/dist/utils/animationVanillaExtract.css.d.ts +2 -0
- package/dist/utils/index.d.ts +1 -0
- package/package.json +8 -6
- package/dist/components/Popup/animations.cjs +0 -25
- package/dist/components/Popup/animations.d.ts +0 -21
- package/dist/components/Popup/animations.js +0 -25
- package/dist/components/SearchInput/Key.cjs +0 -55
- package/dist/components/SearchInput/Key.d.ts +0 -21
- package/dist/components/SearchInput/Key.js +0 -53
- package/dist/themes/dist/vanilla/themes.css.js.vanilla.css.cjs +0 -1
- package/dist/themes/dist/vanilla/themes.css.js.vanilla.css.js +0 -1
- package/dist/themes/dist/vanilla/themes.css.ts.vanilla.css.js.vanilla.css.cjs +0 -1
- package/dist/themes/dist/vanilla/themes.css.ts.vanilla.css.js.vanilla.css.js +0 -1
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const react = require("@emotion/react");
|
|
4
|
-
const animation = (positions) => react.keyframes`
|
|
5
|
-
0% {
|
|
6
|
-
opacity: 0;
|
|
7
|
-
transform: ${positions.popupInitialPosition};
|
|
8
|
-
}
|
|
9
|
-
100% {
|
|
10
|
-
opacity: 1;
|
|
11
|
-
transform: ${positions.popupPosition};
|
|
12
|
-
}
|
|
13
|
-
`;
|
|
14
|
-
const exitAnimation = (positions) => react.keyframes`
|
|
15
|
-
0% {
|
|
16
|
-
opacity: 1;
|
|
17
|
-
transform: ${positions.popupPosition};
|
|
18
|
-
}
|
|
19
|
-
100% {
|
|
20
|
-
opacity: 0;
|
|
21
|
-
transform: ${positions.popupInitialPosition};
|
|
22
|
-
}
|
|
23
|
-
`;
|
|
24
|
-
exports.animation = animation;
|
|
25
|
-
exports.exitAnimation = exitAnimation;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export type PositionsType = {
|
|
2
|
-
arrowLeft: number;
|
|
3
|
-
arrowTop: number;
|
|
4
|
-
arrowTransform: string;
|
|
5
|
-
placement: string;
|
|
6
|
-
rotate: number;
|
|
7
|
-
popupInitialPosition: string;
|
|
8
|
-
popupPosition: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const animation: (positions: PositionsType) => {
|
|
11
|
-
name: string;
|
|
12
|
-
styles: string;
|
|
13
|
-
anim: 1;
|
|
14
|
-
toString: () => string;
|
|
15
|
-
} & string;
|
|
16
|
-
export declare const exitAnimation: (positions: PositionsType) => {
|
|
17
|
-
name: string;
|
|
18
|
-
styles: string;
|
|
19
|
-
anim: 1;
|
|
20
|
-
toString: () => string;
|
|
21
|
-
} & string;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { keyframes } from "@emotion/react";
|
|
2
|
-
const animation = (positions) => keyframes`
|
|
3
|
-
0% {
|
|
4
|
-
opacity: 0;
|
|
5
|
-
transform: ${positions.popupInitialPosition};
|
|
6
|
-
}
|
|
7
|
-
100% {
|
|
8
|
-
opacity: 1;
|
|
9
|
-
transform: ${positions.popupPosition};
|
|
10
|
-
}
|
|
11
|
-
`;
|
|
12
|
-
const exitAnimation = (positions) => keyframes`
|
|
13
|
-
0% {
|
|
14
|
-
opacity: 1;
|
|
15
|
-
transform: ${positions.popupPosition};
|
|
16
|
-
}
|
|
17
|
-
100% {
|
|
18
|
-
opacity: 0;
|
|
19
|
-
transform: ${positions.popupInitialPosition};
|
|
20
|
-
}
|
|
21
|
-
`;
|
|
22
|
-
export {
|
|
23
|
-
animation,
|
|
24
|
-
exitAnimation
|
|
25
|
-
};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
5
|
-
const _styled = require("@emotion/styled/base");
|
|
6
|
-
const react = require("react");
|
|
7
|
-
const index = require("../Text/index.cjs");
|
|
8
|
-
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
9
|
-
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
10
|
-
const Container = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
11
|
-
target: "ekyw9u10"
|
|
12
|
-
} : {
|
|
13
|
-
target: "ekyw9u10",
|
|
14
|
-
label: "Container"
|
|
15
|
-
})("cursor:text;background:", ({
|
|
16
|
-
theme
|
|
17
|
-
}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
|
|
18
|
-
theme
|
|
19
|
-
}) => theme.radii.default, ";border:0.5px solid ", ({
|
|
20
|
-
theme
|
|
21
|
-
}) => theme.colors.neutral.border, ";min-width:", ({
|
|
22
|
-
theme
|
|
23
|
-
}) => theme.sizing["300"], ";min-height:", ({
|
|
24
|
-
theme
|
|
25
|
-
}) => theme.sizing["300"], ";display:flex;justify-content:center;align-items:center;&[data-disabled='true']{background:", ({
|
|
26
|
-
theme
|
|
27
|
-
}) => theme.colors.neutral.backgroundDisabled, ";border-color:", ({
|
|
28
|
-
theme
|
|
29
|
-
}) => theme.colors.neutral.borderDisabled, ";}&[data-children-length='true']{width:auto;padding:0 ", ({
|
|
30
|
-
theme
|
|
31
|
-
}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgY3Vyc29yOiB0ZXh0O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIG1pbi13aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgbWluLWhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgJltkYXRhLWNoaWxkcmVuLWxlbmd0aD0ndHJ1ZSddIHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19OyAvLyBUaGlzIHBhcnQgaXMgdG8gbGVhdmUgc29tZSBzcGFjZSBiZXR3ZWVuIHRoZSB0ZXh0IGFuZCB0aGUgYm9yZGVyIHdoZW4gdGV4dCBpcyBsb25nXG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEtFWVNfTUFUQ0ggPSB7XG4gICcgJzogJ+KQoycsXG4gIEFsdDogJ0FsdCcsXG4gIEFycm93RG93bjogJ+KGkycsXG4gIEFycm93TGVmdDogJ+KGkCcsXG4gIEFycm93UmlnaHQ6ICfihpInLFxuICBBcnJvd1VwOiAn4oaRJyxcbiAgQmFja3NwYWNlOiAn4oyrJyxcbiAgQ2Fwc0xvY2s6ICdDYXBzJyxcbiAgQ29udHJvbDogJ0N0cmwnLFxuICBEZWxldGU6ICfijKYnLFxuICBFbnRlcjogJ+KGtScsXG4gIEVzY2FwZTogJ0VzYycsXG4gIE1ldGE6ICfijJgnLFxufSBhcyBjb25zdFxuXG50eXBlIEtleVByb3BzID0ge1xuICBjaGlsZHJlbjogS2V5Ym9hcmRFdmVudFsna2V5J11cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBLZXkgPSAoeyBjaGlsZHJlbiwgZGlzYWJsZWQgfTogS2V5UHJvcHMpID0+IHtcbiAgY29uc3QgaXNTcGVjaWFsS2V5ID0gdXNlTWVtbyhcbiAgICAoKSA9PiBPYmplY3Qua2V5cyhLRVlTX01BVENIKS5maW5kKGtleSA9PiBrZXkgPT09IGNoaWxkcmVuKSxcbiAgICBbY2hpbGRyZW5dLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICBkYXRhLWNoaWxkcmVuLWxlbmd0aD17Y2hpbGRyZW4ubGVuZ3RoID4gMX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS10ZXN0aWQ9e2BrZXktJHtjaGlsZHJlbn1gfVxuICAgID5cbiAgICAgIDxUZXh0IGFzPVwic3BhblwiIGRpc2FibGVkPXtkaXNhYmxlZH0gc2VudGltZW50PVwibmV1dHJhbFwiIHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgIHtpc1NwZWNpYWxLZXlcbiAgICAgICAgICA/IEtFWVNfTUFUQ0hbY2hpbGRyZW4gYXMga2V5b2YgdHlwZW9mIEtFWVNfTUFUQ0hdXG4gICAgICAgICAgOiBjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKVxufVxuIl19 */"));
|
|
32
|
-
const KEYS_MATCH = {
|
|
33
|
-
" ": "␣",
|
|
34
|
-
Alt: "Alt",
|
|
35
|
-
ArrowDown: "↓",
|
|
36
|
-
ArrowLeft: "←",
|
|
37
|
-
ArrowRight: "→",
|
|
38
|
-
ArrowUp: "↑",
|
|
39
|
-
Backspace: "⌫",
|
|
40
|
-
CapsLock: "Caps",
|
|
41
|
-
Control: "Ctrl",
|
|
42
|
-
Delete: "⌦",
|
|
43
|
-
Enter: "↵",
|
|
44
|
-
Escape: "Esc",
|
|
45
|
-
Meta: "⌘"
|
|
46
|
-
};
|
|
47
|
-
const Key = ({
|
|
48
|
-
children,
|
|
49
|
-
disabled
|
|
50
|
-
}) => {
|
|
51
|
-
const isSpecialKey = react.useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children), [children]);
|
|
52
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Container, { "data-children-length": children.length > 1, "data-disabled": disabled, "data-testid": `key-${children}`, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", disabled, sentiment: "neutral", variant: "caption", children: isSpecialKey ? KEYS_MATCH[children] : children }) });
|
|
53
|
-
};
|
|
54
|
-
exports.KEYS_MATCH = KEYS_MATCH;
|
|
55
|
-
exports.Key = Key;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export declare const KEYS_MATCH: {
|
|
2
|
-
readonly ' ': "␣";
|
|
3
|
-
readonly Alt: "Alt";
|
|
4
|
-
readonly ArrowDown: "↓";
|
|
5
|
-
readonly ArrowLeft: "←";
|
|
6
|
-
readonly ArrowRight: "→";
|
|
7
|
-
readonly ArrowUp: "↑";
|
|
8
|
-
readonly Backspace: "⌫";
|
|
9
|
-
readonly CapsLock: "Caps";
|
|
10
|
-
readonly Control: "Ctrl";
|
|
11
|
-
readonly Delete: "⌦";
|
|
12
|
-
readonly Enter: "↵";
|
|
13
|
-
readonly Escape: "Esc";
|
|
14
|
-
readonly Meta: "⌘";
|
|
15
|
-
};
|
|
16
|
-
type KeyProps = {
|
|
17
|
-
children: KeyboardEvent['key'];
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
};
|
|
20
|
-
export declare const Key: ({ children, disabled }: KeyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
21
|
-
export {};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx } from "@emotion/react/jsx-runtime";
|
|
3
|
-
import _styled from "@emotion/styled/base";
|
|
4
|
-
import { useMemo } from "react";
|
|
5
|
-
import { Text } from "../Text/index.js";
|
|
6
|
-
const Container = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
7
|
-
target: "ekyw9u10"
|
|
8
|
-
} : {
|
|
9
|
-
target: "ekyw9u10",
|
|
10
|
-
label: "Container"
|
|
11
|
-
})("cursor:text;background:", ({
|
|
12
|
-
theme
|
|
13
|
-
}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
|
|
14
|
-
theme
|
|
15
|
-
}) => theme.radii.default, ";border:0.5px solid ", ({
|
|
16
|
-
theme
|
|
17
|
-
}) => theme.colors.neutral.border, ";min-width:", ({
|
|
18
|
-
theme
|
|
19
|
-
}) => theme.sizing["300"], ";min-height:", ({
|
|
20
|
-
theme
|
|
21
|
-
}) => theme.sizing["300"], ";display:flex;justify-content:center;align-items:center;&[data-disabled='true']{background:", ({
|
|
22
|
-
theme
|
|
23
|
-
}) => theme.colors.neutral.backgroundDisabled, ";border-color:", ({
|
|
24
|
-
theme
|
|
25
|
-
}) => theme.colors.neutral.borderDisabled, ";}&[data-children-length='true']{width:auto;padding:0 ", ({
|
|
26
|
-
theme
|
|
27
|
-
}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgY3Vyc29yOiB0ZXh0O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIG1pbi13aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgbWluLWhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgJltkYXRhLWNoaWxkcmVuLWxlbmd0aD0ndHJ1ZSddIHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19OyAvLyBUaGlzIHBhcnQgaXMgdG8gbGVhdmUgc29tZSBzcGFjZSBiZXR3ZWVuIHRoZSB0ZXh0IGFuZCB0aGUgYm9yZGVyIHdoZW4gdGV4dCBpcyBsb25nXG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEtFWVNfTUFUQ0ggPSB7XG4gICcgJzogJ+KQoycsXG4gIEFsdDogJ0FsdCcsXG4gIEFycm93RG93bjogJ+KGkycsXG4gIEFycm93TGVmdDogJ+KGkCcsXG4gIEFycm93UmlnaHQ6ICfihpInLFxuICBBcnJvd1VwOiAn4oaRJyxcbiAgQmFja3NwYWNlOiAn4oyrJyxcbiAgQ2Fwc0xvY2s6ICdDYXBzJyxcbiAgQ29udHJvbDogJ0N0cmwnLFxuICBEZWxldGU6ICfijKYnLFxuICBFbnRlcjogJ+KGtScsXG4gIEVzY2FwZTogJ0VzYycsXG4gIE1ldGE6ICfijJgnLFxufSBhcyBjb25zdFxuXG50eXBlIEtleVByb3BzID0ge1xuICBjaGlsZHJlbjogS2V5Ym9hcmRFdmVudFsna2V5J11cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBLZXkgPSAoeyBjaGlsZHJlbiwgZGlzYWJsZWQgfTogS2V5UHJvcHMpID0+IHtcbiAgY29uc3QgaXNTcGVjaWFsS2V5ID0gdXNlTWVtbyhcbiAgICAoKSA9PiBPYmplY3Qua2V5cyhLRVlTX01BVENIKS5maW5kKGtleSA9PiBrZXkgPT09IGNoaWxkcmVuKSxcbiAgICBbY2hpbGRyZW5dLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICBkYXRhLWNoaWxkcmVuLWxlbmd0aD17Y2hpbGRyZW4ubGVuZ3RoID4gMX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS10ZXN0aWQ9e2BrZXktJHtjaGlsZHJlbn1gfVxuICAgID5cbiAgICAgIDxUZXh0IGFzPVwic3BhblwiIGRpc2FibGVkPXtkaXNhYmxlZH0gc2VudGltZW50PVwibmV1dHJhbFwiIHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgIHtpc1NwZWNpYWxLZXlcbiAgICAgICAgICA/IEtFWVNfTUFUQ0hbY2hpbGRyZW4gYXMga2V5b2YgdHlwZW9mIEtFWVNfTUFUQ0hdXG4gICAgICAgICAgOiBjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKVxufVxuIl19 */"));
|
|
28
|
-
const KEYS_MATCH = {
|
|
29
|
-
" ": "␣",
|
|
30
|
-
Alt: "Alt",
|
|
31
|
-
ArrowDown: "↓",
|
|
32
|
-
ArrowLeft: "←",
|
|
33
|
-
ArrowRight: "→",
|
|
34
|
-
ArrowUp: "↑",
|
|
35
|
-
Backspace: "⌫",
|
|
36
|
-
CapsLock: "Caps",
|
|
37
|
-
Control: "Ctrl",
|
|
38
|
-
Delete: "⌦",
|
|
39
|
-
Enter: "↵",
|
|
40
|
-
Escape: "Esc",
|
|
41
|
-
Meta: "⌘"
|
|
42
|
-
};
|
|
43
|
-
const Key = ({
|
|
44
|
-
children,
|
|
45
|
-
disabled
|
|
46
|
-
}) => {
|
|
47
|
-
const isSpecialKey = useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children), [children]);
|
|
48
|
-
return /* @__PURE__ */ jsx(Container, { "data-children-length": children.length > 1, "data-disabled": disabled, "data-testid": `key-${children}`, children: /* @__PURE__ */ jsx(Text, { as: "span", disabled, sentiment: "neutral", variant: "caption", children: isSpecialKey ? KEYS_MATCH[children] : children }) });
|
|
49
|
-
};
|
|
50
|
-
export {
|
|
51
|
-
KEYS_MATCH,
|
|
52
|
-
Key
|
|
53
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|