@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.
Files changed (209) hide show
  1. package/dist/components/ActionBar/index.cjs +5 -30
  2. package/dist/components/ActionBar/index.js +5 -28
  3. package/dist/components/ActionBar/styles.css.cjs +11 -0
  4. package/dist/components/ActionBar/styles.css.d.ts +3 -0
  5. package/dist/components/ActionBar/styles.css.js +11 -0
  6. package/dist/components/Alert/index.cjs +8 -76
  7. package/dist/components/Alert/index.d.ts +1 -2
  8. package/dist/components/Alert/index.js +8 -74
  9. package/dist/components/Alert/styles.css.cjs +14 -0
  10. package/dist/components/Alert/styles.css.d.ts +35 -0
  11. package/dist/components/Alert/styles.css.js +14 -0
  12. package/dist/components/Alert/type.d.ts +2 -0
  13. package/dist/components/Avatar/constants.cjs +0 -9
  14. package/dist/components/Avatar/constants.js +0 -9
  15. package/dist/components/Avatar/index.cjs +42 -117
  16. package/dist/components/Avatar/index.js +43 -116
  17. package/dist/components/Avatar/styles.css.cjs +16 -0
  18. package/dist/components/Avatar/styles.css.d.ts +128 -0
  19. package/dist/components/Avatar/styles.css.js +16 -0
  20. package/dist/components/Avatar/variables.css.cjs +9 -0
  21. package/dist/components/Avatar/variables.css.d.ts +3 -0
  22. package/dist/components/Avatar/variables.css.js +9 -0
  23. package/dist/components/Badge/constant.cjs +8 -0
  24. package/dist/components/Badge/constant.d.ts +14 -0
  25. package/dist/components/Badge/constant.js +8 -0
  26. package/dist/components/Badge/index.cjs +10 -88
  27. package/dist/components/Badge/index.d.ts +2 -20
  28. package/dist/components/Badge/index.js +8 -84
  29. package/dist/components/Badge/styles.css.cjs +6 -0
  30. package/dist/components/Badge/styles.css.d.ts +43 -0
  31. package/dist/components/Badge/styles.css.js +6 -0
  32. package/dist/components/Banner/index.cjs +13 -69
  33. package/dist/components/Banner/index.d.ts +3 -5
  34. package/dist/components/Banner/index.js +9 -63
  35. package/dist/components/Banner/styles.css.cjs +10 -0
  36. package/dist/components/Banner/styles.css.d.ts +18 -0
  37. package/dist/components/Banner/styles.css.js +10 -0
  38. package/dist/components/BarStack/index.cjs +22 -96
  39. package/dist/components/BarStack/index.d.ts +2 -1
  40. package/dist/components/BarStack/index.js +22 -94
  41. package/dist/components/BarStack/styles.css.cjs +10 -0
  42. package/dist/components/BarStack/styles.css.d.ts +3 -0
  43. package/dist/components/BarStack/styles.css.js +10 -0
  44. package/dist/components/BarStack/variables.css.cjs +24 -0
  45. package/dist/components/BarStack/variables.css.d.ts +11 -0
  46. package/dist/components/BarStack/variables.css.js +24 -0
  47. package/dist/components/Button/index.cjs +2 -2
  48. package/dist/components/Button/index.js +2 -2
  49. package/dist/components/Button/styles.css.cjs +0 -2
  50. package/dist/components/Button/styles.css.d.ts +4 -4
  51. package/dist/components/Button/styles.css.js +0 -2
  52. package/dist/components/Chip/ChipContext.d.ts +1 -1
  53. package/dist/components/Chip/ChipIcon.cjs +10 -21
  54. package/dist/components/Chip/ChipIcon.js +10 -19
  55. package/dist/components/Chip/index.cjs +2 -56
  56. package/dist/components/Chip/index.d.ts +1 -1
  57. package/dist/components/Chip/index.js +2 -54
  58. package/dist/components/Chip/styles.css.cjs +7 -0
  59. package/dist/components/Chip/styles.css.d.ts +2 -0
  60. package/dist/components/Chip/styles.css.js +7 -0
  61. package/dist/components/Dialog/index.cjs +2 -2
  62. package/dist/components/Dialog/index.d.ts +1 -1
  63. package/dist/components/Dialog/index.js +2 -2
  64. package/dist/components/ExpandableCard/index.cjs +10 -9
  65. package/dist/components/ExpandableCard/index.d.ts +3 -1
  66. package/dist/components/ExpandableCard/index.js +10 -9
  67. package/dist/components/Key/index.cjs +85 -0
  68. package/dist/components/Key/index.d.ts +23 -0
  69. package/dist/components/Key/index.js +83 -0
  70. package/dist/components/Label/index.cjs +20 -24
  71. package/dist/components/Label/index.js +20 -22
  72. package/dist/components/Label/styles.css.cjs +5 -0
  73. package/dist/components/Label/styles.css.d.ts +1 -0
  74. package/dist/components/Label/styles.css.js +5 -0
  75. package/dist/components/List/index.cjs +2 -2
  76. package/dist/components/List/index.js +2 -2
  77. package/dist/components/Loader/index.cjs +4 -36
  78. package/dist/components/Loader/index.d.ts +0 -4
  79. package/dist/components/Loader/index.js +5 -35
  80. package/dist/components/Loader/styles.css.cjs +7 -0
  81. package/dist/components/Loader/styles.css.d.ts +2 -0
  82. package/dist/components/Loader/styles.css.js +7 -0
  83. package/dist/components/Menu/helpers.d.ts +1 -1
  84. package/dist/components/Meter/index.cjs +6 -37
  85. package/dist/components/Meter/index.js +6 -35
  86. package/dist/components/Meter/styles.css.cjs +11 -0
  87. package/dist/components/Meter/styles.css.d.ts +4 -0
  88. package/dist/components/Meter/styles.css.js +11 -0
  89. package/dist/components/Notice/index.cjs +2 -12
  90. package/dist/components/Notice/index.js +2 -10
  91. package/dist/components/Notice/styles.css.cjs +5 -0
  92. package/dist/components/Notice/styles.css.d.ts +1 -0
  93. package/dist/components/Notice/styles.css.js +5 -0
  94. package/dist/components/NumberInput/index.cjs +12 -9
  95. package/dist/components/NumberInput/index.d.ts +1 -1
  96. package/dist/components/NumberInput/index.js +12 -9
  97. package/dist/components/PasswordCheck/index.cjs +2 -12
  98. package/dist/components/PasswordCheck/index.js +2 -10
  99. package/dist/components/PasswordCheck/styles.css.cjs +5 -0
  100. package/dist/components/PasswordCheck/styles.css.d.ts +1 -0
  101. package/dist/components/PasswordCheck/styles.css.js +5 -0
  102. package/dist/components/Popover/constant.d.ts +5 -0
  103. package/dist/components/Popover/index.cjs +6 -41
  104. package/dist/components/Popover/index.d.ts +1 -5
  105. package/dist/components/Popover/index.js +6 -39
  106. package/dist/components/Popover/styles.css.cjs +8 -0
  107. package/dist/components/Popover/styles.css.d.ts +35 -0
  108. package/dist/components/Popover/styles.css.js +8 -0
  109. package/dist/components/Popup/index.cjs +25 -62
  110. package/dist/components/Popup/index.d.ts +9 -4
  111. package/dist/components/Popup/index.js +27 -62
  112. package/dist/components/Popup/styles.css.cjs +12 -0
  113. package/dist/components/Popup/styles.css.d.ts +45 -0
  114. package/dist/components/Popup/styles.css.js +12 -0
  115. package/dist/components/Popup/variables.css.cjs +19 -0
  116. package/dist/components/Popup/variables.css.d.ts +9 -0
  117. package/dist/components/Popup/variables.css.js +19 -0
  118. package/dist/components/Radio/index.d.ts +29 -12
  119. package/dist/components/Row/index.cjs +28 -38
  120. package/dist/components/Row/index.d.ts +8 -10
  121. package/dist/components/Row/index.js +29 -37
  122. package/dist/components/Row/styles.css.cjs +17 -0
  123. package/dist/components/Row/styles.css.d.ts +460 -0
  124. package/dist/components/Row/styles.css.js +17 -0
  125. package/dist/components/Row/variables.css.cjs +7 -0
  126. package/dist/components/Row/variables.css.d.ts +4 -0
  127. package/dist/components/Row/variables.css.js +7 -0
  128. package/dist/components/SearchInput/KeyGroup.cjs +5 -5
  129. package/dist/components/SearchInput/KeyGroup.d.ts +1 -1
  130. package/dist/components/SearchInput/KeyGroup.js +3 -3
  131. package/dist/components/SelectInput/Dropdown.cjs +11 -11
  132. package/dist/components/SelectInput/Dropdown.js +11 -11
  133. package/dist/components/SelectInput/SelectBar.cjs +15 -22
  134. package/dist/components/SelectInput/SelectBar.js +16 -23
  135. package/dist/components/Separator/index.cjs +26 -39
  136. package/dist/components/Separator/index.d.ts +2 -5
  137. package/dist/components/Separator/index.js +26 -37
  138. package/dist/components/Separator/styles.css.cjs +10 -0
  139. package/dist/components/Separator/styles.css.d.ts +125 -0
  140. package/dist/components/Separator/styles.css.js +10 -0
  141. package/dist/components/Slider/styles.d.ts +30 -13
  142. package/dist/components/Snippet/index.cjs +15 -14
  143. package/dist/components/Snippet/index.js +15 -14
  144. package/dist/components/Stack/index.cjs +69 -44
  145. package/dist/components/Stack/index.d.ts +17 -19
  146. package/dist/components/Stack/index.js +69 -42
  147. package/dist/components/Stack/styles.css.cjs +19 -0
  148. package/dist/components/Stack/styles.css.d.ts +470 -0
  149. package/dist/components/Stack/styles.css.js +19 -0
  150. package/dist/components/Stack/types.d.ts +8 -0
  151. package/dist/components/Stack/variables.css.cjs +11 -0
  152. package/dist/components/Stack/variables.css.d.ts +4 -0
  153. package/dist/components/Stack/variables.css.js +11 -0
  154. package/dist/components/Status/constant.d.ts +1 -0
  155. package/dist/components/Status/index.cjs +10 -66
  156. package/dist/components/Status/index.d.ts +2 -20
  157. package/dist/components/Status/index.js +10 -64
  158. package/dist/components/Status/styles.css.cjs +11 -0
  159. package/dist/components/Status/styles.css.d.ts +23 -0
  160. package/dist/components/Status/styles.css.js +11 -0
  161. package/dist/components/StepList/index.cjs +9 -41
  162. package/dist/components/StepList/index.d.ts +2 -1
  163. package/dist/components/StepList/index.js +9 -39
  164. package/dist/components/StepList/styles.css.cjs +10 -0
  165. package/dist/components/StepList/styles.css.d.ts +23 -0
  166. package/dist/components/StepList/styles.css.js +10 -0
  167. package/dist/components/Table/index.cjs +2 -2
  168. package/dist/components/Table/index.d.ts +1 -1
  169. package/dist/components/Table/index.js +2 -2
  170. package/dist/components/Tabs/index.d.ts +1 -1
  171. package/dist/components/Text/constant.d.ts +6 -0
  172. package/dist/components/Text/index.cjs +22 -60
  173. package/dist/components/Text/index.d.ts +3 -7
  174. package/dist/components/Text/index.js +22 -58
  175. package/dist/components/Text/style.css.cjs +6 -0
  176. package/dist/components/Text/style.css.d.ts +52 -0
  177. package/dist/components/Text/style.css.js +6 -0
  178. package/dist/components/Text/variables.css.cjs +7 -0
  179. package/dist/components/Text/variables.css.d.ts +2 -0
  180. package/dist/components/Text/variables.css.js +7 -0
  181. package/dist/components/TextArea/index.cjs +6 -6
  182. package/dist/components/TextArea/index.js +6 -6
  183. package/dist/components/TextInput/index.d.ts +59 -25
  184. package/dist/components/Tooltip/index.cjs +2 -20
  185. package/dist/components/Tooltip/index.d.ts +1 -1
  186. package/dist/components/Tooltip/index.js +2 -18
  187. package/dist/components/Tooltip/styles.css.cjs +5 -0
  188. package/dist/components/Tooltip/styles.css.d.ts +1 -0
  189. package/dist/components/Tooltip/styles.css.js +5 -0
  190. package/dist/components/index.d.ts +1 -0
  191. package/dist/index.cjs +102 -100
  192. package/dist/index.js +2 -0
  193. package/dist/theme/ThemeProvider.cjs +23 -1
  194. package/dist/theme/ThemeProvider.d.ts +1 -1
  195. package/dist/theme/ThemeProvider.js +25 -3
  196. package/dist/ui.css +1 -1
  197. package/dist/utils/animationVanillaExtract.css.d.ts +2 -0
  198. package/dist/utils/index.d.ts +1 -0
  199. package/package.json +8 -6
  200. package/dist/components/Popup/animations.cjs +0 -25
  201. package/dist/components/Popup/animations.d.ts +0 -21
  202. package/dist/components/Popup/animations.js +0 -25
  203. package/dist/components/SearchInput/Key.cjs +0 -55
  204. package/dist/components/SearchInput/Key.d.ts +0 -21
  205. package/dist/components/SearchInput/Key.js +0 -53
  206. package/dist/themes/dist/vanilla/themes.css.js.vanilla.css.cjs +0 -1
  207. package/dist/themes/dist/vanilla/themes.css.js.vanilla.css.js +0 -1
  208. package/dist/themes/dist/vanilla/themes.css.ts.vanilla.css.js.vanilla.css.cjs +0 -1
  209. 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";