@audius/harmony 0.1.0 → 0.3.0

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 (243) hide show
  1. package/dist/assets/icons/LogoPhantomPlain.svg.js +78 -0
  2. package/dist/assets/icons/LogoPhantomPlain.svg.js.map +1 -0
  3. package/dist/assets/icons/Messages.svg.js +78 -0
  4. package/dist/assets/icons/Messages.svg.js.map +1 -0
  5. package/dist/assets/icons/PaperAirplane.svg.js +76 -0
  6. package/dist/assets/icons/PaperAirplane.svg.js.map +1 -0
  7. package/dist/assets/icons/Pin.svg.js +76 -0
  8. package/dist/assets/icons/Pin.svg.js.map +1 -0
  9. package/dist/assets/icons/QrCode.svg.js +78 -0
  10. package/dist/assets/icons/QrCode.svg.js.map +1 -0
  11. package/dist/assets/icons/Send.svg.js +6 -3
  12. package/dist/assets/icons/Send.svg.js.map +1 -1
  13. package/dist/assets/icons/TowerBroadcast.svg.js +75 -0
  14. package/dist/assets/icons/TowerBroadcast.svg.js.map +1 -0
  15. package/dist/components/artwork/Artwork.d.ts.map +1 -1
  16. package/dist/components/artwork/Artwork.js +14 -6
  17. package/dist/components/artwork/Artwork.js.map +1 -1
  18. package/dist/components/avatar/Avatar.d.ts.map +1 -1
  19. package/dist/components/avatar/Avatar.js +1 -1
  20. package/dist/components/avatar/Avatar.js.map +1 -1
  21. package/dist/components/button/BaseButton/BaseButton.d.ts +1 -0
  22. package/dist/components/button/BaseButton/BaseButton.d.ts.map +1 -1
  23. package/dist/components/button/BaseButton/BaseButton.js +2 -2
  24. package/dist/components/button/BaseButton/BaseButton.js.map +1 -1
  25. package/dist/components/button/BaseButton/types.d.ts +1 -0
  26. package/dist/components/button/BaseButton/types.d.ts.map +1 -1
  27. package/dist/components/button/FilterButton/FilterButton.d.ts +1 -1
  28. package/dist/components/button/FilterButton/FilterButton.d.ts.map +1 -1
  29. package/dist/components/button/FilterButton/FilterButton.js +85 -61
  30. package/dist/components/button/FilterButton/FilterButton.js.map +1 -1
  31. package/dist/components/button/{OptionsFilterButton/OptionsFilterButton.stories.d.ts → FilterButton/FilterButton.stories.d.ts} +5 -4
  32. package/dist/components/button/FilterButton/FilterButton.stories.d.ts.map +1 -0
  33. package/dist/components/button/FilterButton/FilterButtonKeyHandler.d.ts +18 -0
  34. package/dist/components/button/FilterButton/FilterButtonKeyHandler.d.ts.map +1 -0
  35. package/dist/components/button/FilterButton/FilterButtonOption.d.ts +11 -0
  36. package/dist/components/button/FilterButton/FilterButtonOption.d.ts.map +1 -0
  37. package/dist/components/button/FilterButton/FilterButtonOption.js +57 -0
  38. package/dist/components/button/FilterButton/FilterButtonOption.js.map +1 -0
  39. package/dist/components/button/FilterButton/FilterButtonOptionsList.d.ts +21 -0
  40. package/dist/components/button/FilterButton/FilterButtonOptionsList.d.ts.map +1 -0
  41. package/dist/components/button/FilterButton/FilterButtonOptionsList.js +40 -0
  42. package/dist/components/button/FilterButton/FilterButtonOptionsList.js.map +1 -0
  43. package/dist/components/button/FilterButton/types.d.ts +51 -24
  44. package/dist/components/button/FilterButton/types.d.ts.map +1 -1
  45. package/dist/components/button/IconButton/IconButton.d.ts +19 -2
  46. package/dist/components/button/IconButton/IconButton.d.ts.map +1 -1
  47. package/dist/components/button/IconButton/IconButton.js +3 -2
  48. package/dist/components/button/IconButton/IconButton.js.map +1 -1
  49. package/dist/components/button/index.d.ts +3 -4
  50. package/dist/components/button/index.d.ts.map +1 -1
  51. package/dist/components/checkbox/Checkbox.d.ts +7 -0
  52. package/dist/components/checkbox/Checkbox.d.ts.map +1 -0
  53. package/dist/components/checkbox/Checkbox.js +64 -0
  54. package/dist/components/checkbox/Checkbox.js.map +1 -0
  55. package/dist/components/checkbox/Checkbox.stories.d.ts +9 -0
  56. package/dist/components/checkbox/Checkbox.stories.d.ts.map +1 -0
  57. package/dist/components/checkbox/Indeterminate.svg.js +114 -0
  58. package/dist/components/checkbox/Indeterminate.svg.js.map +1 -0
  59. package/dist/components/checkbox/Select.svg.js +118 -0
  60. package/dist/components/checkbox/Select.svg.js.map +1 -0
  61. package/dist/components/checkbox/index.d.ts +3 -0
  62. package/dist/components/checkbox/index.d.ts.map +1 -0
  63. package/dist/components/checkbox/types.d.ts +7 -0
  64. package/dist/components/checkbox/types.d.ts.map +1 -0
  65. package/dist/components/icon-text/IconText.d.ts +3 -0
  66. package/dist/components/icon-text/IconText.d.ts.map +1 -0
  67. package/dist/components/icon-text/IconText.js +19 -0
  68. package/dist/components/icon-text/IconText.js.map +1 -0
  69. package/dist/components/icon-text/IconText.stories.d.ts +7 -0
  70. package/dist/components/icon-text/IconText.stories.d.ts.map +1 -0
  71. package/dist/components/icon-text/index.d.ts +3 -0
  72. package/dist/components/icon-text/index.d.ts.map +1 -0
  73. package/dist/components/icon-text/types.d.ts +14 -0
  74. package/dist/components/icon-text/types.d.ts.map +1 -0
  75. package/dist/components/icon.d.ts +2 -1
  76. package/dist/components/icon.d.ts.map +1 -1
  77. package/dist/components/index.d.ts +4 -0
  78. package/dist/components/index.d.ts.map +1 -1
  79. package/dist/components/input/PasswordInput/PasswordInput.js +2 -2
  80. package/dist/components/input/SelectablePill/SelectablePill.d.ts.map +1 -1
  81. package/dist/components/input/SelectablePill/SelectablePill.js +1 -3
  82. package/dist/components/input/SelectablePill/SelectablePill.js.map +1 -1
  83. package/dist/components/input/TextInput/TextInput.d.ts +2 -0
  84. package/dist/components/input/TextInput/TextInput.d.ts.map +1 -1
  85. package/dist/components/input/TextInput/TextInput.js +10 -6
  86. package/dist/components/input/TextInput/TextInput.js.map +1 -1
  87. package/dist/components/input/TextInput/types.d.ts +8 -1
  88. package/dist/components/input/TextInput/types.d.ts.map +1 -1
  89. package/dist/components/input/TextInput/types.js.map +1 -1
  90. package/dist/components/internal/Menu.d.ts +22 -0
  91. package/dist/components/internal/Menu.d.ts.map +1 -0
  92. package/dist/components/internal/Menu.js +17 -0
  93. package/dist/components/internal/Menu.js.map +1 -0
  94. package/dist/components/internal/MenuItem.d.ts +19 -0
  95. package/dist/components/internal/MenuItem.d.ts.map +1 -0
  96. package/dist/components/internal/MenuItem.js +57 -0
  97. package/dist/components/internal/MenuItem.js.map +1 -0
  98. package/dist/components/internal/OptionKeyHandler.d.ts +30 -0
  99. package/dist/components/internal/OptionKeyHandler.d.ts.map +1 -0
  100. package/dist/components/{button/OptionsFilterButton/SelectPopupKeyHandler.js → internal/OptionKeyHandler.js} +6 -11
  101. package/dist/components/internal/OptionKeyHandler.js.map +1 -0
  102. package/dist/components/layout/Box/Box.js +4 -4
  103. package/dist/components/layout/Box/Box.js.map +1 -1
  104. package/dist/components/layout/Box/types.d.ts +6 -6
  105. package/dist/components/layout/Box/types.d.ts.map +1 -1
  106. package/dist/components/layout/Flex/Flex.d.ts.map +1 -1
  107. package/dist/components/layout/Flex/Flex.js +2 -2
  108. package/dist/components/layout/Flex/Flex.js.map +1 -1
  109. package/dist/components/layout/Flex/types.d.ts +2 -0
  110. package/dist/components/layout/Flex/types.d.ts.map +1 -1
  111. package/dist/components/modal/Modal.js +3 -3
  112. package/dist/components/modal/Modal.js.map +1 -1
  113. package/dist/components/modal/ModalContentPages.d.ts +10 -10
  114. package/dist/components/modal/ModalContentPages.d.ts.map +1 -1
  115. package/dist/components/modal/ModalContentPages.js +2 -2
  116. package/dist/components/modal/ModalContentPages.js.map +1 -1
  117. package/dist/components/modal/ModalHeader.js +2 -2
  118. package/dist/components/music-badge/MusicBadge.d.ts.map +1 -1
  119. package/dist/components/music-badge/MusicBadge.js +1 -1
  120. package/dist/components/music-badge/MusicBadge.js.map +1 -1
  121. package/dist/components/pill/Pill.d.ts +1 -0
  122. package/dist/components/pill/Pill.d.ts.map +1 -1
  123. package/dist/components/popup/Popup.d.ts +6 -1
  124. package/dist/components/popup/Popup.d.ts.map +1 -1
  125. package/dist/components/popup/Popup.js +47 -37
  126. package/dist/components/popup/Popup.js.map +1 -1
  127. package/dist/components/popup/types.d.ts +4 -0
  128. package/dist/components/popup/types.d.ts.map +1 -1
  129. package/dist/components/scrubber/Scrubber.d.ts +1 -1
  130. package/dist/components/scrubber/Scrubber.d.ts.map +1 -1
  131. package/dist/components/scrubber/Scrubber.js +4 -14
  132. package/dist/components/scrubber/Scrubber.js.map +1 -1
  133. package/dist/components/scrubber/Slider.d.ts +1 -1
  134. package/dist/components/scrubber/Slider.d.ts.map +1 -1
  135. package/dist/components/scrubber/Slider.js +30 -39
  136. package/dist/components/scrubber/Slider.js.map +1 -1
  137. package/dist/components/scrubber/hooks.d.ts +6 -4
  138. package/dist/components/scrubber/hooks.d.ts.map +1 -1
  139. package/dist/components/scrubber/hooks.js +52 -54
  140. package/dist/components/scrubber/hooks.js.map +1 -1
  141. package/dist/components/scrubber/types.d.ts +8 -0
  142. package/dist/components/scrubber/types.d.ts.map +1 -1
  143. package/dist/components/scrubber/types.js.map +1 -1
  144. package/dist/components/segmented-control/SegmentedControl.js +1 -3
  145. package/dist/components/segmented-control/SegmentedControl.js.map +1 -1
  146. package/dist/components/select/Select/Select.d.ts +21 -0
  147. package/dist/components/select/Select/Select.d.ts.map +1 -0
  148. package/dist/components/select/Select/Select.js +115 -0
  149. package/dist/components/select/Select/Select.js.map +1 -0
  150. package/dist/components/select/Select/Select.stories.d.ts +8 -0
  151. package/dist/components/select/Select/Select.stories.d.ts.map +1 -0
  152. package/dist/components/select/Select/index.d.ts +3 -0
  153. package/dist/components/select/Select/index.d.ts.map +1 -0
  154. package/dist/components/select/Select/types.d.ts +46 -0
  155. package/dist/components/select/Select/types.d.ts.map +1 -0
  156. package/dist/components/select/index.d.ts +2 -0
  157. package/dist/components/select/index.d.ts.map +1 -0
  158. package/dist/components/send-icon/SendIcon.d.ts +3 -0
  159. package/dist/components/send-icon/SendIcon.d.ts.map +1 -0
  160. package/dist/components/send-icon/SendIcon.js +36 -0
  161. package/dist/components/send-icon/SendIcon.js.map +1 -0
  162. package/dist/components/send-icon/SendIcon.stories.d.ts +7 -0
  163. package/dist/components/send-icon/SendIcon.stories.d.ts.map +1 -0
  164. package/dist/components/send-icon/index.d.ts +3 -0
  165. package/dist/components/send-icon/index.d.ts.map +1 -0
  166. package/dist/components/send-icon/types.d.ts +5 -0
  167. package/dist/components/send-icon/types.d.ts.map +1 -0
  168. package/dist/components/tag/Tag.d.ts.map +1 -1
  169. package/dist/components/tag/Tag.js +1 -1
  170. package/dist/components/tag/Tag.js.map +1 -1
  171. package/dist/components/text/Text.d.ts.map +1 -1
  172. package/dist/components/text/Text.js +15 -5
  173. package/dist/components/text/Text.js.map +1 -1
  174. package/dist/components/text/constants.d.ts +18 -0
  175. package/dist/components/text/constants.d.ts.map +1 -1
  176. package/dist/components/text/constants.js +7 -1
  177. package/dist/components/text/constants.js.map +1 -1
  178. package/dist/components/text/types.d.ts +2 -0
  179. package/dist/components/text/types.d.ts.map +1 -1
  180. package/dist/components/text-link/TextLink.d.ts.map +1 -1
  181. package/dist/components/text-link/TextLink.js +1 -1
  182. package/dist/components/text-link/TextLink.js.map +1 -1
  183. package/dist/foundations/color/color.d.ts +116 -0
  184. package/dist/foundations/color/color.d.ts.map +1 -1
  185. package/dist/foundations/color/color.js +2 -1
  186. package/dist/foundations/color/color.js.map +1 -1
  187. package/dist/foundations/color/primitive.d.ts +52 -0
  188. package/dist/foundations/color/primitive.d.ts.map +1 -1
  189. package/dist/foundations/color/primitive.js +52 -0
  190. package/dist/foundations/color/primitive.js.map +1 -1
  191. package/dist/foundations/color/semantic.d.ts +66 -0
  192. package/dist/foundations/color/semantic.d.ts.map +1 -1
  193. package/dist/foundations/color/semantic.js +8 -3
  194. package/dist/foundations/color/semantic.js.map +1 -1
  195. package/dist/foundations/theme/theme.d.ts +2 -0
  196. package/dist/foundations/theme/theme.d.ts.map +1 -1
  197. package/dist/foundations/theme/theme.js +4 -2
  198. package/dist/foundations/theme/theme.js.map +1 -1
  199. package/dist/foundations/theme/types.d.ts +6 -1
  200. package/dist/foundations/theme/types.d.ts.map +1 -1
  201. package/dist/foundations/typography/typography.d.ts +1 -0
  202. package/dist/foundations/typography/typography.d.ts.map +1 -1
  203. package/dist/foundations/typography/typography.js +2 -0
  204. package/dist/foundations/typography/typography.js.map +1 -1
  205. package/dist/harmony.css +1 -1
  206. package/dist/hooks/useClickOutside.d.ts +1 -1
  207. package/dist/hooks/useClickOutside.d.ts.map +1 -1
  208. package/dist/hooks/useClickOutside.js +11 -8
  209. package/dist/hooks/useClickOutside.js.map +1 -1
  210. package/dist/hooks/useControlled.d.ts +1 -1
  211. package/dist/hooks/useControlled.js.map +1 -1
  212. package/dist/hooks/useHotKeys.d.ts.map +1 -1
  213. package/dist/hooks/useHotKeys.js +2 -1
  214. package/dist/hooks/useHotKeys.js.map +1 -1
  215. package/dist/icons/logos.d.ts +1 -0
  216. package/dist/icons/logos.d.ts.map +1 -1
  217. package/dist/icons/logos.js +3 -1
  218. package/dist/icons/logos.js.map +1 -1
  219. package/dist/icons/utilityIcons.d.ts +5 -0
  220. package/dist/icons/utilityIcons.d.ts.map +1 -1
  221. package/dist/icons/utilityIcons.js +11 -1
  222. package/dist/icons/utilityIcons.js.map +1 -1
  223. package/dist/index.d.ts +1 -0
  224. package/dist/index.d.ts.map +1 -1
  225. package/dist/index.js +13 -6
  226. package/dist/index.js.map +1 -1
  227. package/dist/utils/formatTrackTimestamp.d.ts +6 -0
  228. package/dist/utils/formatTrackTimestamp.d.ts.map +1 -0
  229. package/dist/utils/formatTrackTimestamp.js +18 -0
  230. package/dist/utils/formatTrackTimestamp.js.map +1 -0
  231. package/dist/utils/index.d.ts +5 -0
  232. package/dist/utils/index.d.ts.map +1 -0
  233. package/package.json +4 -2
  234. package/dist/components/button/OptionsFilterButton/OptionsFilterButton.d.ts +0 -18
  235. package/dist/components/button/OptionsFilterButton/OptionsFilterButton.d.ts.map +0 -1
  236. package/dist/components/button/OptionsFilterButton/OptionsFilterButton.js +0 -123
  237. package/dist/components/button/OptionsFilterButton/OptionsFilterButton.js.map +0 -1
  238. package/dist/components/button/OptionsFilterButton/OptionsFilterButton.stories.d.ts.map +0 -1
  239. package/dist/components/button/OptionsFilterButton/SelectPopupKeyHandler.d.ts +0 -18
  240. package/dist/components/button/OptionsFilterButton/SelectPopupKeyHandler.d.ts.map +0 -1
  241. package/dist/components/button/OptionsFilterButton/SelectPopupKeyHandler.js.map +0 -1
  242. package/dist/components/button/OptionsFilterButton/types.d.ts +0 -62
  243. package/dist/components/button/OptionsFilterButton/types.d.ts.map +0 -1
@@ -0,0 +1,114 @@
1
+ import * as React from 'react';
2
+ import { forwardRef } from 'react';
3
+ import { useTheme } from '@emotion/react';
4
+ import { css, cx } from '@emotion/css';
5
+
6
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
7
+ var _g, _defs;
8
+ var _excluded = ["title", "titleId", "desc", "descId"],
9
+ _excluded2 = ["color", "size", "sizeH", "sizeW", "height", "width", "shadow"];
10
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
15
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
16
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
18
+ var SvgIndeterminate = /*#__PURE__*/forwardRef(function (_ref, ref) {
19
+ var _theme$iconSizes, _theme$iconSizes2, _ref2, _other$fill, _theme$color;
20
+ var title = _ref.title,
21
+ titleId = _ref.titleId,
22
+ desc = _ref.desc,
23
+ descId = _ref.descId,
24
+ props = _objectWithoutProperties(_ref, _excluded);
25
+ var theme = useTheme();
26
+ var _props = props,
27
+ color = _props.color,
28
+ size = _props.size,
29
+ sizeH = _props.sizeH,
30
+ sizeW = _props.sizeW,
31
+ heightProp = _props.height,
32
+ widthProp = _props.width,
33
+ shadow = _props.shadow,
34
+ other = _objectWithoutProperties(_props, _excluded2);
35
+ var height = heightProp !== null && heightProp !== void 0 ? heightProp : (_theme$iconSizes = theme.iconSizes) === null || _theme$iconSizes === void 0 ? void 0 : _theme$iconSizes[sizeH !== null && sizeH !== void 0 ? sizeH : size];
36
+ if (height) {
37
+ other.height = height;
38
+ }
39
+ var width = widthProp !== null && widthProp !== void 0 ? widthProp : (_theme$iconSizes2 = theme.iconSizes) === null || _theme$iconSizes2 === void 0 ? void 0 : _theme$iconSizes2[sizeW !== null && sizeW !== void 0 ? sizeW : size];
40
+ if (width) {
41
+ other.width = width;
42
+ }
43
+ var fillColor = (_ref2 = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color]) !== null && _ref2 !== void 0 ? _ref2 : 'red';
44
+ var classNameProp = other.className;
45
+ var className = css({
46
+ filter: shadow ? theme.shadows.drop : undefined,
47
+ minHeight: height,
48
+ minWidth: width
49
+ });
50
+ other.className = cx(className, classNameProp);
51
+ other.role = title ? 'img' : undefined;
52
+ other['aria-hidden'] = title ? undefined : true;
53
+ props = _objectSpread(_objectSpread({}, other), {}, {
54
+ ref: ref,
55
+ fillColor: fillColor
56
+ });
57
+ return /*#__PURE__*/React.createElement("svg", _extends({
58
+ xmlns: "http://www.w3.org/2000/svg",
59
+ width: 16,
60
+ height: 16,
61
+ fill: "none",
62
+ viewBox: "0 0 16 16",
63
+ "aria-labelledby": titleId,
64
+ "aria-describedby": descId
65
+ }, props), desc ? /*#__PURE__*/React.createElement("desc", {
66
+ id: descId
67
+ }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
68
+ id: titleId
69
+ }, title) : null, _g || (_g = /*#__PURE__*/React.createElement("g", {
70
+ filter: "url(#filter0_d_6946_1483)"
71
+ }, /*#__PURE__*/React.createElement("rect", {
72
+ width: 13.333,
73
+ height: 2.667,
74
+ x: 1.333,
75
+ y: 6.667,
76
+ fill: "#fff",
77
+ rx: 1.333
78
+ }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
79
+ id: "filter0_d_6946_1483",
80
+ width: 17.333,
81
+ height: 6.667,
82
+ x: 1.333,
83
+ y: 6.667,
84
+ colorInterpolationFilters: "sRGB",
85
+ filterUnits: "userSpaceOnUse"
86
+ }, /*#__PURE__*/React.createElement("feFlood", {
87
+ floodOpacity: 0,
88
+ result: "BackgroundImageFix"
89
+ }), /*#__PURE__*/React.createElement("feColorMatrix", {
90
+ "in": "SourceAlpha",
91
+ result: "hardAlpha",
92
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
93
+ }), /*#__PURE__*/React.createElement("feOffset", {
94
+ dx: 2,
95
+ dy: 2
96
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
97
+ stdDeviation: 1
98
+ }), /*#__PURE__*/React.createElement("feComposite", {
99
+ in2: "hardAlpha",
100
+ operator: "out"
101
+ }), /*#__PURE__*/React.createElement("feColorMatrix", {
102
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
103
+ }), /*#__PURE__*/React.createElement("feBlend", {
104
+ in2: "BackgroundImageFix",
105
+ result: "effect1_dropShadow_6946_1483"
106
+ }), /*#__PURE__*/React.createElement("feBlend", {
107
+ "in": "SourceGraphic",
108
+ in2: "effect1_dropShadow_6946_1483",
109
+ result: "shape"
110
+ })))));
111
+ });
112
+
113
+ export { SvgIndeterminate as default };
114
+ //# sourceMappingURL=Indeterminate.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Indeterminate.svg.js","sources":["../../../src/components/checkbox/Indeterminate.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <g filter=\"url(#filter0_d_6946_1483)\">\n <rect x=\"1.33337\" y=\"6.66675\" width=\"13.3333\" height=\"2.66667\" rx=\"1.33333\" fill=\"white\"/>\n </g>\n <defs>\n <filter id=\"filter0_d_6946_1483\" x=\"1.33337\" y=\"6.66675\" width=\"17.3334\" height=\"6.66675\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n <feOffset dx=\"2\" dy=\"2\"/>\n <feGaussianBlur stdDeviation=\"1\"/>\n <feComposite in2=\"hardAlpha\" operator=\"out\"/>\n <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/>\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6946_1483\"/>\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_6946_1483\" result=\"shape\"/>\n </filter>\n </defs>\n</svg>"],"names":[],"mappings":"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"}
@@ -0,0 +1,118 @@
1
+ import * as React from 'react';
2
+ import { forwardRef } from 'react';
3
+ import { useTheme } from '@emotion/react';
4
+ import { css, cx } from '@emotion/css';
5
+
6
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
7
+ var _g, _defs;
8
+ var _excluded = ["title", "titleId", "desc", "descId"],
9
+ _excluded2 = ["color", "size", "sizeH", "sizeW", "height", "width", "shadow"];
10
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
15
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
16
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
18
+ var SvgSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
19
+ var _theme$iconSizes, _theme$iconSizes2, _ref2, _other$fill, _theme$color;
20
+ var title = _ref.title,
21
+ titleId = _ref.titleId,
22
+ desc = _ref.desc,
23
+ descId = _ref.descId,
24
+ props = _objectWithoutProperties(_ref, _excluded);
25
+ var theme = useTheme();
26
+ var _props = props,
27
+ color = _props.color,
28
+ size = _props.size,
29
+ sizeH = _props.sizeH,
30
+ sizeW = _props.sizeW,
31
+ heightProp = _props.height,
32
+ widthProp = _props.width,
33
+ shadow = _props.shadow,
34
+ other = _objectWithoutProperties(_props, _excluded2);
35
+ var height = heightProp !== null && heightProp !== void 0 ? heightProp : (_theme$iconSizes = theme.iconSizes) === null || _theme$iconSizes === void 0 ? void 0 : _theme$iconSizes[sizeH !== null && sizeH !== void 0 ? sizeH : size];
36
+ if (height) {
37
+ other.height = height;
38
+ }
39
+ var width = widthProp !== null && widthProp !== void 0 ? widthProp : (_theme$iconSizes2 = theme.iconSizes) === null || _theme$iconSizes2 === void 0 ? void 0 : _theme$iconSizes2[sizeW !== null && sizeW !== void 0 ? sizeW : size];
40
+ if (width) {
41
+ other.width = width;
42
+ }
43
+ var fillColor = (_ref2 = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color]) !== null && _ref2 !== void 0 ? _ref2 : 'red';
44
+ var classNameProp = other.className;
45
+ var className = css({
46
+ filter: shadow ? theme.shadows.drop : undefined,
47
+ minHeight: height,
48
+ minWidth: width
49
+ });
50
+ other.className = cx(className, classNameProp);
51
+ other.role = title ? 'img' : undefined;
52
+ other['aria-hidden'] = title ? undefined : true;
53
+ props = _objectSpread(_objectSpread({}, other), {}, {
54
+ ref: ref,
55
+ fillColor: fillColor
56
+ });
57
+ return /*#__PURE__*/React.createElement("svg", _extends({
58
+ xmlns: "http://www.w3.org/2000/svg",
59
+ width: 16,
60
+ height: 16,
61
+ fill: "none",
62
+ viewBox: "0 0 16 16",
63
+ "aria-labelledby": titleId,
64
+ "aria-describedby": descId
65
+ }, props), desc ? /*#__PURE__*/React.createElement("desc", {
66
+ id: descId
67
+ }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
68
+ id: titleId
69
+ }, title) : null, _g || (_g = /*#__PURE__*/React.createElement("g", {
70
+ clipPath: "url(#clip0_6946_1478)",
71
+ filter: "url(#filter0_d_6946_1478)"
72
+ }, /*#__PURE__*/React.createElement("path", {
73
+ fill: "#fff",
74
+ fillRule: "evenodd",
75
+ d: "M13.415 2.925c.53.414.624 1.178.21 1.708L7.13 12.944a1.22 1.22 0 0 1-.2.202 1.217 1.217 0 0 1-1.905.122l-2.713-3.015A1.217 1.217 0 0 1 4.12 8.625l1.766 1.959 5.82-7.45a1.217 1.217 0 0 1 1.708-.21Z",
76
+ clipRule: "evenodd"
77
+ }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
78
+ id: "clip0_6946_1478"
79
+ }, /*#__PURE__*/React.createElement("path", {
80
+ fill: "#fff",
81
+ d: "M0 0h16v16H0z"
82
+ })), /*#__PURE__*/React.createElement("filter", {
83
+ id: "filter0_d_6946_1478",
84
+ width: 15.883,
85
+ height: 15.004,
86
+ x: 2,
87
+ y: 2.667,
88
+ colorInterpolationFilters: "sRGB",
89
+ filterUnits: "userSpaceOnUse"
90
+ }, /*#__PURE__*/React.createElement("feFlood", {
91
+ floodOpacity: 0,
92
+ result: "BackgroundImageFix"
93
+ }), /*#__PURE__*/React.createElement("feColorMatrix", {
94
+ "in": "SourceAlpha",
95
+ result: "hardAlpha",
96
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
97
+ }), /*#__PURE__*/React.createElement("feOffset", {
98
+ dx: 2,
99
+ dy: 2
100
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
101
+ stdDeviation: 1
102
+ }), /*#__PURE__*/React.createElement("feComposite", {
103
+ in2: "hardAlpha",
104
+ operator: "out"
105
+ }), /*#__PURE__*/React.createElement("feColorMatrix", {
106
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
107
+ }), /*#__PURE__*/React.createElement("feBlend", {
108
+ in2: "BackgroundImageFix",
109
+ result: "effect1_dropShadow_6946_1478"
110
+ }), /*#__PURE__*/React.createElement("feBlend", {
111
+ "in": "SourceGraphic",
112
+ in2: "effect1_dropShadow_6946_1478",
113
+ result: "shape"
114
+ })))));
115
+ });
116
+
117
+ export { SvgSelect as default };
118
+ //# sourceMappingURL=Select.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.svg.js","sources":["../../../src/components/checkbox/Select.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <g clip-path=\"url(#clip0_6946_1478)\">\n <g filter=\"url(#filter0_d_6946_1478)\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.415 2.92479C13.9447 3.33857 14.0386 4.10337 13.6248 4.633L7.13144 12.9441C7.07164 13.0207 7.00451 13.0881 6.93191 13.1462C6.87971 13.222 6.81738 13.2932 6.74565 13.3579C6.24616 13.8076 5.47667 13.7673 5.02694 13.2678L2.31259 10.2532C1.86286 9.75375 1.90319 8.98421 2.40266 8.53448C2.90214 8.08475 3.67162 8.12508 4.12135 8.62461L5.88661 10.5837C5.88661 10.5837 11.293 3.66415 11.7068 3.13453C12.1206 2.60489 12.8854 2.51099 13.415 2.92479Z\" fill=\"white\"/>\n </g>\n </g>\n <defs>\n <filter id=\"filter0_d_6946_1478\" x=\"2\" y=\"2.66675\" width=\"15.8828\" height=\"15.0037\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n <feOffset dx=\"2\" dy=\"2\"/>\n <feGaussianBlur stdDeviation=\"1\"/>\n <feComposite in2=\"hardAlpha\" operator=\"out\"/>\n <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/>\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6946_1478\"/>\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_6946_1478\" result=\"shape\"/>\n </filter>\n <clipPath id=\"clip0_6946_1478\">\n <rect width=\"16\" height=\"16\" fill=\"white\"/>\n </clipPath>\n </defs>\n</svg>"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { Checkbox } from './Checkbox';
2
+ export type { CheckboxProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ export type CheckboxProps = ComponentPropsWithoutRef<'input'> & {
3
+ indeterminate?: boolean;
4
+ _isHovered?: boolean;
5
+ _isFocused?: boolean;
6
+ };
7
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,CAAC,GAAG;IAC9D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { IconTextProps } from './types';
2
+ export declare const IconText: ({ children, color, icons }: IconTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=IconText.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconText.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/IconText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,QAAQ,+BAIlB,aAAa,qDAoBf,CAAA"}
@@ -0,0 +1,19 @@
1
+ import { __assign } from '../../_virtual/_tslib.js';
2
+ import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
3
+ import '../layout/Box/Box.js';
4
+ import '@emotion/react';
5
+ import { Flex } from '../layout/Flex/Flex.js';
6
+ import '../layout/Paper/Paper.js';
7
+ import { Text } from '../text/Text.js';
8
+
9
+ var IconText = function (_a) {
10
+ var children = _a.children, _b = _a.color, color = _b === void 0 ? 'default' : _b, _c = _a.icons, icons = _c === void 0 ? [] : _c;
11
+ var separator = (jsx(Text, __assign({ variant: 'body', color: 'default', css: { fontSize: 8 } }, { children: "\u2022" })));
12
+ return (jsxs(Flex, __assign({ h: 'l', gap: 'xs', alignItems: 'center' }, { children: [icons.map(function (_a, index) {
13
+ var Icon = _a.icon, _b = _a.color, iconColor = _b === void 0 ? 'default' : _b;
14
+ return (jsxs(Fragment, { children: [index > 0 ? separator : null, jsx(Icon, { size: '2xs', color: iconColor }, "icon".concat(index))] }));
15
+ }), jsx(Text, __assign({ variant: 'body', size: 'xs', color: color }, { children: children }))] })));
16
+ };
17
+
18
+ export { IconText };
19
+ //# sourceMappingURL=IconText.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconText.js","sources":["../../../src/components/icon-text/IconText.tsx"],"sourcesContent":["import { Flex } from 'components/layout'\nimport { Text } from 'components/text'\n\nimport { IconTextProps } from './types'\n\nexport const IconText = ({\n children,\n color = 'default',\n icons = []\n}: IconTextProps) => {\n const separator = (\n <Text variant='body' color='default' css={{ fontSize: 8 }}>\n •\n </Text>\n )\n\n return (\n <Flex h='l' gap='xs' alignItems='center'>\n {icons.map(({ icon: Icon, color: iconColor = 'default' }, index) => (\n <>\n {index > 0 ? separator : null}\n <Icon key={`icon${index}`} size='2xs' color={iconColor} />\n </>\n ))}\n <Text variant='body' size='xs' color={color}>\n {children}\n </Text>\n </Flex>\n )\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;AAKO,IAAM,QAAQ,GAAG,UAAC,EAIT,EAAA;AAHd,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAA,EAAA,EACjB,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,CAAA;IAEV,IAAM,SAAS,IACbA,GAAA,CAAC,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAElD,EAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CACR,CAAA;IAED,QACEC,KAAC,IAAI,EAAA,QAAA,CAAA,EAAC,CAAC,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAA,CACrC,KAAK,CAAC,GAAG,CAAC,UAAC,EAA4C,EAAE,KAAK,EAAA;AAA3C,gBAAA,IAAA,IAAI,UAAA,EAAE,EAAA,GAAA,EAAA,CAAA,KAA4B,EAArB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,CAAA;AAAc,gBAAA,QAClEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EAC7BF,GAAA,CAAC,IAAI,EAAA,EAAsB,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,EAAA,EAA3C,MAAO,CAAA,MAAA,CAAA,KAAK,CAAE,CAAiC,IACzD,EACJ;aAAA,CAAC,EACFA,GAAC,CAAA,IAAI,aAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,gBACxC,QAAQ,EAAA,CAAA,CACJ,CACF,EAAA,CAAA,CAAA,EACR;AACH;;;;"}
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { IconText } from './IconText';
3
+ declare const meta: Meta<typeof IconText>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof IconText>;
6
+ export declare const Default: Story;
7
+ //# sourceMappingURL=IconText.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconText.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/IconText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA"}
@@ -0,0 +1,3 @@
1
+ export { IconText } from './IconText';
2
+ export { IconTextProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}
@@ -0,0 +1,14 @@
1
+ import { ReactNode } from 'react';
2
+ import { IconComponent } from "../icon";
3
+ import { IconColors, TextColors } from "../../foundations";
4
+ type IconInfo = {
5
+ icon: IconComponent;
6
+ color?: IconColors;
7
+ };
8
+ export type IconTextProps = {
9
+ icons?: IconInfo[];
10
+ children?: ReactNode;
11
+ color?: TextColors;
12
+ };
13
+ export {};
14
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,gBAAuB;AAC/C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,0BAAmB;AAEpD,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,aAAa,CAAA;IACnB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA"}
@@ -1,4 +1,4 @@
1
- import type { ComponentType, SVGProps } from 'react';
1
+ import type { ComponentType, MouseEventHandler, SVGProps } from 'react';
2
2
  import type { IconColors } from '../foundations/color/semantic';
3
3
  import type { ShadowOptions } from '../foundations/shadows';
4
4
  import { IconSize } from '../foundations/spacing';
@@ -12,6 +12,7 @@ export type IconProps = {
12
12
  width?: number;
13
13
  shadow?: ShadowOptions;
14
14
  title?: string;
15
+ onClick?: MouseEventHandler<SVGSVGElement>;
15
16
  };
16
17
  type SVGIconProps = SVGBaseProps & IconProps;
17
18
  export type IconComponent = ComponentType<SVGBaseProps | SVGIconProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,KAAK,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,YAAY,GAAG,YAAY,GAAG,SAAS,CAAA;AAE5C,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,GAAG,YAAY,CAAC,CAAA"}
1
+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,KAAK,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;CAC3C,CAAA;AAED,KAAK,YAAY,GAAG,YAAY,GAAG,SAAS,CAAA;AAE5C,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,GAAG,YAAY,CAAC,CAAA"}
@@ -24,4 +24,8 @@ export * from './music-badge';
24
24
  export { default as LoadingSpinner } from './loading-spinner/LoadingSpinner';
25
25
  export * from './pill';
26
26
  export * from './common/HiddenInput';
27
+ export * from './select';
28
+ export * from './icon-text';
29
+ export * from './send-icon';
30
+ export * from './checkbox';
27
31
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAC5E,cAAc,QAAQ,CAAA;AACtB,cAAc,sBAAsB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAC5E,cAAc,QAAQ,CAAA;AACtB,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA"}
@@ -8,10 +8,10 @@ import { IconVisibilityPublic, IconVisibilityHidden } from '../../../icons/utili
8
8
  import '@emotion/react';
9
9
  import '@emotion/css';
10
10
  import '../../button/FollowButton/FollowButton.js';
11
- import '../../button/FilterButton/FilterButton.js';
12
- import '../../button/OptionsFilterButton/OptionsFilterButton.js';
13
11
  import { IconButton } from '../../button/IconButton/IconButton.js';
14
12
  import '../../button/UnstyledButton.js';
13
+ import '../../button/FilterButton/FilterButton.js';
14
+ import '../../button/FilterButton/FilterButtonOption.js';
15
15
  import { TextInput } from '../TextInput/TextInput.js';
16
16
  import '../TextInput/types.js';
17
17
 
@@ -1 +1 @@
1
- {"version":3,"file":"SelectablePill.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AASlD,eAAO,MAAM,cAAc,UAAW,mBAAmB,qDAuIxD,CAAA"}
1
+ {"version":3,"file":"SelectablePill.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AASlD,eAAO,MAAM,cAAc,UAAW,mBAAmB,qDAoIxD,CAAA"}
@@ -41,8 +41,6 @@ var SelectablePill = function (props) {
41
41
  pointerEvents: 'none'
42
42
  })), { ':hover': hoverCss, ':active': activeCss });
43
43
  var iconCss = {
44
- width: spacing.l,
45
- height: spacing.l,
46
44
  '& path': {
47
45
  fill: 'currentColor'
48
46
  }
@@ -51,7 +49,7 @@ var SelectablePill = function (props) {
51
49
  css: rootCss,
52
50
  className: className
53
51
  };
54
- var pillContent = (jsxs(Fragment, { children: [Icon ? jsx(Icon, { css: iconCss }) : null, 'label' in other ? (jsx(Text, __assign({ variant: size === 'oversized' ? 'heading' : 'body', tag: 'span', css: size === 'oversized' && { textTransform: 'uppercase' } }, { children: other.label }))) : null] }));
52
+ var pillContent = (jsxs(Fragment, { children: [size !== 'small' && Icon ? jsx(Icon, { size: 's', css: iconCss }) : null, 'label' in other ? (jsx(Text, __assign({ variant: size === 'oversized' ? 'heading' : 'body', tag: 'span', css: size === 'oversized' && { textTransform: 'uppercase' } }, { children: other.label }))) : null] }));
55
53
  switch (type) {
56
54
  case 'checkbox': {
57
55
  return (jsxs("label", __assign({}, rootProps, { children: [pillContent, jsx(HiddenInput, __assign({}, other, { checked: isSelected }))] })));
@@ -1 +1 @@
1
- {"version":3,"file":"SelectablePill.js","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { HiddenInput } from 'components/common/HiddenInput'\nimport { useRadioGroup } from 'components/radio-group/useRadioGroup'\nimport { Text } from 'components/text'\n\nimport type { SelectablePillProps } from './types'\n\nconst RadioInput = (props: ComponentProps<'input'>) => {\n const { name, checked, onChange } = useRadioGroup(props)\n return (\n <HiddenInput {...props} name={name} checked={checked} onChange={onChange} />\n )\n}\n\nexport const SelectablePill = (props: SelectablePillProps) => {\n const {\n isSelected: isSelectedProp,\n size = 'small',\n _isHovered,\n icon: Icon,\n className,\n ...other\n } = props\n\n const { disabled, type } = other\n const isSelected =\n type === 'checkbox' || type === 'radio'\n ? other.checked ?? isSelectedProp\n : isSelectedProp\n\n const theme = useTheme()\n const { spacing } = theme\n\n const hoverCss: CSSObject = {\n backgroundColor: theme.color.secondary.s200,\n color: theme.color.static.white,\n border: `1px solid ${theme.color.secondary.secondary}`,\n ...(size === 'large' && {\n backgroundColor: theme.color.secondary.s100,\n border: `1px solid ${theme.color.secondary.s200}`,\n boxShadow: 'none'\n })\n }\n\n const activeCss: CSSObject = {\n backgroundColor: theme.color.secondary.s400,\n color: theme.color.static.white,\n border: `1px solid ${theme.color.secondary.s400}`,\n\n ...(size === 'large' && {\n boxShadow: 'none'\n })\n }\n\n const rootCss: CSSObject = {\n display: 'inline-flex',\n position: 'relative',\n alignItems: 'center',\n justifyContent: 'center',\n gap: theme.spacing.s,\n color: theme.color.text.default,\n backgroundColor: theme.color.background.white,\n cursor: 'pointer',\n userSelect: 'none',\n transition: 'all 0.12s ease-out',\n textWrap: 'nowrap',\n border: `1px solid ${theme.color.border.strong}`,\n borderRadius: theme.cornerRadius['2xl'],\n ...(size === 'small' && {\n height: theme.spacing.xl,\n paddingInline: theme.spacing.m\n }),\n ...(size === 'large' && {\n height: theme.spacing['2xl'],\n paddingInline: theme.spacing.l,\n boxShadow: theme.shadows.near\n }),\n ...(size === 'oversized' && {\n height: spacing.unit12,\n padding: spacing.m,\n borderWidth: 2\n }),\n ...(disabled && { opacity: 0.45 }),\n ...(_isHovered && hoverCss),\n ...(isSelected && activeCss),\n ...((disabled || _isHovered) && {\n pointerEvents: 'none'\n }),\n ':hover': hoverCss,\n ':active': activeCss\n }\n\n const iconCss = {\n width: spacing.l,\n height: spacing.l,\n\n '& path': {\n fill: 'currentColor'\n }\n }\n\n const rootProps = {\n css: rootCss,\n className\n }\n\n const pillContent = (\n <>\n {Icon ? <Icon css={iconCss} /> : null}\n {'label' in other ? (\n <Text\n variant={size === 'oversized' ? 'heading' : 'body'}\n tag='span'\n css={size === 'oversized' && { textTransform: 'uppercase' }}\n >\n {other.label}\n </Text>\n ) : null}\n </>\n )\n\n switch (type) {\n case 'checkbox': {\n return (\n <label {...rootProps}>\n {pillContent}\n <HiddenInput {...other} checked={isSelected} />\n </label>\n )\n }\n case 'radio': {\n return (\n <label {...rootProps}>\n {pillContent}\n <RadioInput {...other} checked={isSelected} />\n </label>\n )\n }\n case 'button':\n case 'reset':\n case 'submit':\n default: {\n return (\n <button {...rootProps} {...other}>\n {pillContent}\n </button>\n )\n }\n }\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
1
+ {"version":3,"file":"SelectablePill.js","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { HiddenInput } from 'components/common/HiddenInput'\nimport { useRadioGroup } from 'components/radio-group/useRadioGroup'\nimport { Text } from 'components/text'\n\nimport type { SelectablePillProps } from './types'\n\nconst RadioInput = (props: ComponentProps<'input'>) => {\n const { name, checked, onChange } = useRadioGroup(props)\n return (\n <HiddenInput {...props} name={name} checked={checked} onChange={onChange} />\n )\n}\n\nexport const SelectablePill = (props: SelectablePillProps) => {\n const {\n isSelected: isSelectedProp,\n size = 'small',\n _isHovered,\n icon: Icon,\n className,\n ...other\n } = props\n\n const { disabled, type } = other\n const isSelected =\n type === 'checkbox' || type === 'radio'\n ? other.checked ?? isSelectedProp\n : isSelectedProp\n\n const theme = useTheme()\n const { spacing } = theme\n\n const hoverCss: CSSObject = {\n backgroundColor: theme.color.secondary.s200,\n color: theme.color.static.white,\n border: `1px solid ${theme.color.secondary.secondary}`,\n ...(size === 'large' && {\n backgroundColor: theme.color.secondary.s100,\n border: `1px solid ${theme.color.secondary.s200}`,\n boxShadow: 'none'\n })\n }\n\n const activeCss: CSSObject = {\n backgroundColor: theme.color.secondary.s400,\n color: theme.color.static.white,\n border: `1px solid ${theme.color.secondary.s400}`,\n\n ...(size === 'large' && {\n boxShadow: 'none'\n })\n }\n\n const rootCss: CSSObject = {\n display: 'inline-flex',\n position: 'relative',\n alignItems: 'center',\n justifyContent: 'center',\n gap: theme.spacing.s,\n color: theme.color.text.default,\n backgroundColor: theme.color.background.white,\n cursor: 'pointer',\n userSelect: 'none',\n transition: 'all 0.12s ease-out',\n textWrap: 'nowrap',\n border: `1px solid ${theme.color.border.strong}`,\n borderRadius: theme.cornerRadius['2xl'],\n ...(size === 'small' && {\n height: theme.spacing.xl,\n paddingInline: theme.spacing.m\n }),\n ...(size === 'large' && {\n height: theme.spacing['2xl'],\n paddingInline: theme.spacing.l,\n boxShadow: theme.shadows.near\n }),\n ...(size === 'oversized' && {\n height: spacing.unit12,\n padding: spacing.m,\n borderWidth: 2\n }),\n ...(disabled && { opacity: 0.45 }),\n ...(_isHovered && hoverCss),\n ...(isSelected && activeCss),\n ...((disabled || _isHovered) && {\n pointerEvents: 'none'\n }),\n ':hover': hoverCss,\n ':active': activeCss\n }\n\n const iconCss = {\n '& path': {\n fill: 'currentColor'\n }\n }\n\n const rootProps = {\n css: rootCss,\n className\n }\n\n const pillContent = (\n <>\n {size !== 'small' && Icon ? <Icon size='s' css={iconCss} /> : null}\n {'label' in other ? (\n <Text\n variant={size === 'oversized' ? 'heading' : 'body'}\n tag='span'\n css={size === 'oversized' && { textTransform: 'uppercase' }}\n >\n {other.label}\n </Text>\n ) : null}\n </>\n )\n\n switch (type) {\n case 'checkbox': {\n return (\n <label {...rootProps}>\n {pillContent}\n <HiddenInput {...other} checked={isSelected} />\n </label>\n )\n }\n case 'radio': {\n return (\n <label {...rootProps}>\n {pillContent}\n <RadioInput {...other} checked={isSelected} />\n </label>\n )\n }\n case 'button':\n case 'reset':\n case 'submit':\n default: {\n return (\n <button {...rootProps} {...other}>\n {pillContent}\n </button>\n )\n }\n }\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
@@ -8,6 +8,7 @@ export declare const TextInput: (props: Omit<Omit<import("react").DetailedHTMLPr
8
8
  warning?: boolean | undefined;
9
9
  error?: boolean | undefined;
10
10
  hideLabel?: boolean | undefined;
11
+ hidePlaceholder?: boolean | undefined;
11
12
  label: string;
12
13
  inputRootClassName?: string | undefined;
13
14
  helperText?: ReactNode;
@@ -20,6 +21,7 @@ export declare const TextInput: (props: Omit<Omit<import("react").DetailedHTMLPr
20
21
  required?: boolean | undefined;
21
22
  showMaxLengthThreshold?: number | undefined;
22
23
  maxLengthWarningThreshold?: number | undefined;
24
+ elevateLabel?: boolean | undefined;
23
25
  } & {
24
26
  _incorrectError?: boolean | undefined;
25
27
  _isHovered?: boolean | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAA;AAWpD,OAAO,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAA;AAE5D;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;qJA4NrB,CAAA"}
1
+ {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAA;AAWpD,OAAO,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAA;AAE5D;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;qJAoOrB,CAAA"}
@@ -16,7 +16,7 @@ import { TextInputSize } from './types.js';
16
16
  */
17
17
  var TextInput = forwardRef(function (props, ref) {
18
18
  var _a, _b;
19
- var ariaLabel = props["aria-label"], required = props.required, className = props.className, inputRootClassName = props.inputRootClassName, maxLength = props.maxLength, _c = props.showMaxLengthThreshold, showMaxLengthThreshold = _c === void 0 ? 0.7 : _c, _d = props.maxLengthWarningThreshold, maxLengthWarningThreshold = _d === void 0 ? 0.9 : _d, _e = props.size, size = _e === void 0 ? TextInputSize.DEFAULT : _e, hideLabel = props.hideLabel, labelProp = props.label, value = props.value, idProp = props.id, warningProp = props.warning, error = props.error, inputClassName = props.className, disabled = props.disabled, onFocusProp = props.onFocus, onBlurProp = props.onBlur, placeholder = props.placeholder, helperText = props.helperText, startAdornmentText = props.startAdornmentText, endAdornmentText = props.endAdornmentText, StartIcon = props.startIcon, EndIcon = props.endIcon, IconProps = props.IconProps, endAdornmentProp = props.endAdornment, _incorrectError = props._incorrectError, _isHovered = props._isHovered, _isFocused = props._isFocused, _disablePointerEvents = props._disablePointerEvents, other = __rest(props, ['aria-label', "required", "className", "inputRootClassName", "maxLength", "showMaxLengthThreshold", "maxLengthWarningThreshold", "size", "hideLabel", "label", "value", "id", "warning", "error", "className", "disabled", "onFocus", "onBlur", "placeholder", "helperText", "startAdornmentText", "endAdornmentText", "startIcon", "endIcon", "IconProps", "endAdornment", "_incorrectError", "_isHovered", "_isFocused", "_disablePointerEvents"]);
19
+ var ariaLabel = props["aria-label"], required = props.required, className = props.className, inputRootClassName = props.inputRootClassName, maxLength = props.maxLength, _c = props.showMaxLengthThreshold, showMaxLengthThreshold = _c === void 0 ? 0.7 : _c, _d = props.maxLengthWarningThreshold, maxLengthWarningThreshold = _d === void 0 ? 0.9 : _d, _e = props.size, size = _e === void 0 ? TextInputSize.DEFAULT : _e, hideLabel = props.hideLabel, hidePlaceholder = props.hidePlaceholder, labelProp = props.label, value = props.value, idProp = props.id, warningProp = props.warning, error = props.error, inputClassName = props.className, disabled = props.disabled, onFocusProp = props.onFocus, onBlurProp = props.onBlur, placeholder = props.placeholder, helperText = props.helperText, startAdornmentText = props.startAdornmentText, endAdornmentText = props.endAdornmentText, StartIcon = props.startIcon, EndIcon = props.endIcon, IconProps = props.IconProps, endAdornmentProp = props.endAdornment, elevateLabel = props.elevateLabel, _incorrectError = props._incorrectError, _isHovered = props._isHovered, _isFocused = props._isFocused, _disablePointerEvents = props._disablePointerEvents, other = __rest(props, ['aria-label', "required", "className", "inputRootClassName", "maxLength", "showMaxLengthThreshold", "maxLengthWarningThreshold", "size", "hideLabel", "hidePlaceholder", "label", "value", "id", "warning", "error", "className", "disabled", "onFocus", "onBlur", "placeholder", "helperText", "startAdornmentText", "endAdornmentText", "startIcon", "endIcon", "IconProps", "endAdornment", "elevateLabel", "_incorrectError", "_isHovered", "_isFocused", "_disablePointerEvents"]);
20
20
  var endAdornment;
21
21
  if (EndIcon != null) {
22
22
  endAdornment = jsx(EndIcon, __assign({ size: 'm', color: 'subdued' }, IconProps));
@@ -41,10 +41,14 @@ var TextInput = forwardRef(function (props, ref) {
41
41
  // Hide the label when requested or when the size is set to small
42
42
  var shouldShowLabel = !hideLabel && size !== TextInputSize.SMALL;
43
43
  var labelText = required ? "".concat(labelProp, " *") : labelProp;
44
- var placeholderText = required && hideLabel ? "".concat(placeholder, " *") : placeholder;
44
+ var placeholderText = required && hideLabel
45
+ ? "".concat(placeholder, " *")
46
+ : size === TextInputSize.SMALL
47
+ ? labelText
48
+ : placeholder;
45
49
  var helperTextSize = size === TextInputSize.SMALL ? 'xs' : 's';
46
50
  // Whenever a label isn't visible the placeholder should be visible in it's place (if provided)
47
- var shouldShowPlaceholder = isFocused || !shouldShowLabel;
51
+ var shouldShowPlaceholder = (isFocused || !shouldShowLabel) && !hidePlaceholder;
48
52
  var shouldShowAdornments = isFocused || hasValue || !shouldShowLabel;
49
53
  // Show the maxlength text whenever we hit a certain threshold (default 70%) + the input is focused
50
54
  var shouldShowMaxLengthText = isFocused &&
@@ -79,8 +83,8 @@ var TextInput = forwardRef(function (props, ref) {
79
83
  _b[styles.disabled] = disabled,
80
84
  _b[styles.focused] = isFocused,
81
85
  _b);
82
- var inputRender = (jsxs(Flex, __assign({ alignItems: 'center', justifyContent: 'space-between' }, { children: [startAdornmentText && shouldShowAdornments ? (jsx(Text, __assign({ variant: 'label', size: 'l', color: 'subdued' }, { children: startAdornmentText }))) : null, jsx("input", __assign({ onFocus: handleFocus, onBlur: handleBlur, ref: ref, className: cn(styles.input, inputClassName, inputElStyle), value: value, maxLength: maxLength, disabled: disabled, placeholder: shouldShowPlaceholder ? placeholderText : undefined, "aria-label": (ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : shouldShowLabel) ? labelText : undefined, "aria-required": required, id: id }, other)), endAdornmentText && shouldShowAdornments ? (jsx(Text, __assign({ variant: 'label', size: 'l', color: 'subdued' }, { children: endAdornmentText }))) : null] })));
83
- var isLabelElevated = hasValue || isFocused;
86
+ var inputElement = (jsxs(Flex, __assign({ alignItems: 'center', justifyContent: 'space-between' }, { children: [startAdornmentText && shouldShowAdornments ? (jsx(Text, __assign({ variant: 'label', size: 'l', color: 'subdued' }, { children: startAdornmentText }))) : null, jsx("input", __assign({ onFocus: handleFocus, onBlur: handleBlur, ref: ref, className: cn(styles.input, inputClassName, inputElStyle), value: value, maxLength: maxLength, disabled: disabled, placeholder: shouldShowPlaceholder ? placeholderText : undefined, "aria-label": (ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : shouldShowLabel) ? labelText : undefined, "aria-required": required, id: id, autoComplete: 'off' }, other)), endAdornmentText && shouldShowAdornments ? (jsx(Text, __assign({ variant: 'label', size: 'l', color: 'subdued' }, { children: endAdornmentText }))) : null] })));
87
+ var isLabelElevated = hasValue || isFocused || elevateLabel;
84
88
  return (jsxs(Flex, __assign({ className: cn(styles.root, className), direction: 'column', gap: 'xs', alignItems: 'flex-start', w: '100%' }, { children: [jsxs("label", __assign({ htmlFor: id, className: cn(styles.contentContainer, inputRootClassName, inputRootStyle) }, { children: [StartIcon ? (jsx(StartIcon, __assign({ size: size === TextInputSize.SMALL ? 's' : 'm', color: 'subdued' }, IconProps))) : null, jsxs(Flex, __assign({ direction: 'column', gap: 'xs', justifyContent: 'center', w: '100%' }, { children: [shouldShowLabel ? (jsxs(Flex, __assign({ className: styles.labelRow, direction: 'row', alignItems: 'center', justifyContent: 'space-between', gap: 's' }, { children: [jsx(Text, __assign({ variant: 'body', tag: 'span', size: isLabelElevated ? 's' : 'l', color: 'subdued', css: function (theme) { return ({
85
89
  whiteSpace: 'nowrap',
86
90
  overflow: 'hidden',
@@ -90,7 +94,7 @@ var TextInput = forwardRef(function (props, ref) {
90
94
  transform: isLabelElevated
91
95
  ? 'translate(0, 0)'
92
96
  : 'translate(0px, 13px)'
93
- }); } }, { children: labelText })), shouldShowMaxLengthText ? (jsxs(Text, __assign({ variant: 'body', size: 'xs', tag: 'span', color: maxLengthTextColor }, { children: [characterCount, "/", maxLength] }))) : null] }))) : null, inputRender] })), endAdornment] })), helperText ? (jsx(Text, __assign({ variant: 'body', size: helperTextSize, color: error ? 'danger' : _incorrectError ? 'warning' : 'default' }, { children: helperText }))) : null] })));
97
+ }); } }, { children: labelText })), shouldShowMaxLengthText ? (jsxs(Text, __assign({ variant: 'body', size: 'xs', tag: 'span', color: maxLengthTextColor }, { children: [characterCount, "/", maxLength] }))) : null] }))) : null, inputElement] })), endAdornment] })), helperText ? (jsx(Text, __assign({ variant: 'body', size: helperTextSize, color: error ? 'danger' : _incorrectError ? 'warning' : 'default' }, { children: helperText }))) : null] })));
94
98
  });
95
99
 
96
100
  export { TextInput };