@audius/harmony 0.0.28 → 0.0.33

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 (222) hide show
  1. package/README.md +1 -7
  2. package/dist/assets/icons/{PenSquare.svg.js → CoinbasePay.svg.js} +12 -10
  3. package/dist/assets/icons/CoinbasePay.svg.js.map +1 -0
  4. package/dist/components/button/BaseButton/BaseButton.d.ts +2 -2
  5. package/dist/components/button/BaseButton/types.d.ts +2 -2
  6. package/dist/components/button/BaseButton/types.d.ts.map +1 -1
  7. package/dist/components/button/Button/Button.d.ts.map +1 -1
  8. package/dist/components/button/Button/Button.js +7 -13
  9. package/dist/components/button/Button/Button.js.map +1 -1
  10. package/dist/components/button/FilterButton/FilterButton.stories.d.ts.map +1 -1
  11. package/dist/components/button/FollowButton/FollowButton.d.ts +2 -1
  12. package/dist/components/button/FollowButton/FollowButton.d.ts.map +1 -1
  13. package/dist/components/button/FollowButton/FollowButton.js +52 -20
  14. package/dist/components/button/FollowButton/FollowButton.js.map +1 -1
  15. package/dist/components/button/FollowButton/types.d.ts +6 -0
  16. package/dist/components/button/FollowButton/types.d.ts.map +1 -1
  17. package/dist/components/button/IconButton/IconButton.d.ts +2 -2
  18. package/dist/components/button/IconButton/IconButton.d.ts.map +1 -1
  19. package/dist/components/button/IconButton/IconButton.js +20 -5
  20. package/dist/components/button/IconButton/IconButton.js.map +1 -1
  21. package/dist/components/button/SocialButton/SocialButton.d.ts +1 -5
  22. package/dist/components/button/SocialButton/SocialButton.d.ts.map +1 -1
  23. package/dist/components/button/SocialButton/SocialButton.js +1 -1
  24. package/dist/components/button/SocialButton/SocialButton.js.map +1 -1
  25. package/dist/components/button/index.d.ts +1 -1
  26. package/dist/components/button/index.d.ts.map +1 -1
  27. package/dist/components/index.d.ts +2 -0
  28. package/dist/components/index.d.ts.map +1 -1
  29. package/dist/components/layout/Paper/Paper.d.ts +1 -6
  30. package/dist/components/layout/Paper/Paper.d.ts.map +1 -1
  31. package/dist/components/layout/Paper/Paper.js +23 -9
  32. package/dist/components/layout/Paper/Paper.js.map +1 -1
  33. package/dist/components/layout/Paper/Paper.stories.d.ts +1 -0
  34. package/dist/components/layout/Paper/Paper.stories.d.ts.map +1 -1
  35. package/dist/components/layout/Paper/types.d.ts +2 -0
  36. package/dist/components/layout/Paper/types.d.ts.map +1 -1
  37. package/dist/components/layout/Popup/Popup.d.ts.map +1 -1
  38. package/dist/components/layout/Popup/Popup.js +29 -14
  39. package/dist/components/layout/Popup/Popup.js.map +1 -1
  40. package/dist/components/modal/Modal.d.ts.map +1 -1
  41. package/dist/components/modal/Modal.js +40 -28
  42. package/dist/components/modal/Modal.js.map +1 -1
  43. package/dist/components/popup-menu/PopupMenu.js +1 -1
  44. package/dist/components/popup-menu/PopupMenu.js.map +1 -1
  45. package/dist/components/progress-bar/ProgressBar.d.ts +3 -0
  46. package/dist/components/progress-bar/ProgressBar.d.ts.map +1 -0
  47. package/dist/components/progress-bar/ProgressBar.js +40 -0
  48. package/dist/components/progress-bar/ProgressBar.js.map +1 -0
  49. package/dist/components/progress-bar/ProgressBar.module.css.js +4 -0
  50. package/dist/components/progress-bar/ProgressBar.module.css.js.map +1 -0
  51. package/dist/components/progress-bar/index.d.ts +3 -0
  52. package/dist/components/progress-bar/index.d.ts.map +1 -0
  53. package/dist/components/progress-bar/types.d.ts +20 -0
  54. package/dist/components/progress-bar/types.d.ts.map +1 -0
  55. package/dist/components/scrubber/Scrubber.d.ts +17 -0
  56. package/dist/components/scrubber/Scrubber.d.ts.map +1 -0
  57. package/dist/components/scrubber/Scrubber.js +61 -0
  58. package/dist/components/scrubber/Scrubber.js.map +1 -0
  59. package/dist/components/scrubber/Scrubber.module.css.js +4 -0
  60. package/dist/components/scrubber/Scrubber.module.css.js.map +1 -0
  61. package/dist/components/scrubber/Slider.d.ts +7 -0
  62. package/dist/components/scrubber/Slider.d.ts.map +1 -0
  63. package/dist/components/scrubber/Slider.js +230 -0
  64. package/dist/components/scrubber/Slider.js.map +1 -0
  65. package/dist/components/scrubber/Slider.module.css.js +4 -0
  66. package/dist/components/scrubber/Slider.module.css.js.map +1 -0
  67. package/dist/components/scrubber/hooks.d.ts +11 -0
  68. package/dist/components/scrubber/hooks.d.ts.map +1 -0
  69. package/dist/components/scrubber/hooks.js +63 -0
  70. package/dist/components/scrubber/hooks.js.map +1 -0
  71. package/dist/components/scrubber/index.d.ts +2 -0
  72. package/dist/components/scrubber/index.d.ts.map +1 -0
  73. package/dist/components/scrubber/types.d.ts +86 -0
  74. package/dist/components/scrubber/types.d.ts.map +1 -0
  75. package/dist/components/scrubber/types.js +11 -0
  76. package/dist/components/scrubber/types.js.map +1 -0
  77. package/dist/components/text/Text/Text.d.ts.map +1 -1
  78. package/dist/components/text/Text/Text.js +3 -3
  79. package/dist/components/text/Text/Text.js.map +1 -1
  80. package/dist/components/text/Text/constants.d.ts +13 -0
  81. package/dist/components/text/Text/constants.d.ts.map +1 -1
  82. package/dist/components/text/Text/constants.js +13 -0
  83. package/dist/components/text/Text/constants.js.map +1 -1
  84. package/dist/components/text/Text/types.d.ts +1 -0
  85. package/dist/components/text/Text/types.d.ts.map +1 -1
  86. package/dist/foundations/theme/ThemeProvider.d.ts +1 -1
  87. package/dist/foundations/theme/ThemeProvider.d.ts.map +1 -1
  88. package/dist/foundations/theme/ThemeProvider.js +6 -0
  89. package/dist/foundations/theme/ThemeProvider.js.map +1 -1
  90. package/dist/harmony.css +1 -1
  91. package/dist/hooks/useHotKeys.d.ts +3 -3
  92. package/dist/hooks/useHotKeys.d.ts.map +1 -1
  93. package/dist/hooks/useHotKeys.js +11 -5
  94. package/dist/hooks/useHotKeys.js.map +1 -1
  95. package/dist/icons/logos.d.ts +1 -0
  96. package/dist/icons/logos.d.ts.map +1 -1
  97. package/dist/icons/logos.js +3 -1
  98. package/dist/icons/logos.js.map +1 -1
  99. package/dist/icons/specialIcons.d.ts +0 -2
  100. package/dist/icons/specialIcons.d.ts.map +1 -1
  101. package/dist/icons/specialIcons.js +1 -5
  102. package/dist/icons/specialIcons.js.map +1 -1
  103. package/dist/icons/utilityIcons.d.ts +2 -0
  104. package/dist/icons/utilityIcons.d.ts.map +1 -1
  105. package/dist/icons/utilityIcons.js +5 -1
  106. package/dist/icons/utilityIcons.js.map +1 -1
  107. package/dist/index.d.ts +1 -0
  108. package/dist/index.d.ts.map +1 -1
  109. package/dist/index.js +5 -3
  110. package/dist/index.js.map +1 -1
  111. package/dist/utils/modalState.d.ts +2 -0
  112. package/dist/utils/modalState.d.ts.map +1 -0
  113. package/package.json +6 -21
  114. package/dist/2fdaa2b95a34d549.svg +0 -9
  115. package/dist/5f91e9bafd9a9e2b.svg +0 -9
  116. package/dist/assets/icons/PenSquare.svg.js.map +0 -1
  117. package/dist/avenir.css +0 -44
  118. package/dist/components/button/BaseButton/BaseButton.module.css.js +0 -4
  119. package/dist/components/button/BaseButton/BaseButton.module.css.js.map +0 -1
  120. package/dist/components/button/BaseButton.d.ts +0 -21
  121. package/dist/components/button/BaseButton.d.ts.map +0 -1
  122. package/dist/components/button/Button/Button.module.css.js +0 -4
  123. package/dist/components/button/Button/Button.module.css.js.map +0 -1
  124. package/dist/components/button/Button.d.ts +0 -13
  125. package/dist/components/button/Button.d.ts.map +0 -1
  126. package/dist/components/button/Button.stories.d.ts +0 -11
  127. package/dist/components/button/Button.stories.d.ts.map +0 -1
  128. package/dist/components/button/PlainButton/PlainButton.module.css.js +0 -4
  129. package/dist/components/button/PlainButton/PlainButton.module.css.js.map +0 -1
  130. package/dist/components/button/PlainButton.d.ts +0 -11
  131. package/dist/components/button/PlainButton.d.ts.map +0 -1
  132. package/dist/components/button/PlainButton.stories.d.ts +0 -20
  133. package/dist/components/button/PlainButton.stories.d.ts.map +0 -1
  134. package/dist/components/button/SocialButton/SocialButton.module.css.js +0 -4
  135. package/dist/components/button/SocialButton/SocialButton.module.css.js.map +0 -1
  136. package/dist/components/button/types.d.ts +0 -194
  137. package/dist/components/button/types.d.ts.map +0 -1
  138. package/dist/components/button/types.js +0 -43
  139. package/dist/components/button/types.js.map +0 -1
  140. package/dist/components/icon/Icon.d.ts +0 -33
  141. package/dist/components/icon/Icon.d.ts.map +0 -1
  142. package/dist/components/icon/Icon.js +0 -39
  143. package/dist/components/icon/Icon.js.map +0 -1
  144. package/dist/components/icon/index.d.ts +0 -2
  145. package/dist/components/icon/index.d.ts.map +0 -1
  146. package/dist/components/icon.js +0 -11
  147. package/dist/components/icon.js.map +0 -1
  148. package/dist/components/input/PasswordInput/PasswordInput.modules.css.js +0 -4
  149. package/dist/components/input/PasswordInput/PasswordInput.modules.css.js.map +0 -1
  150. package/dist/components/input/SelectablePill/SelectablePill.module.css.js +0 -4
  151. package/dist/components/input/SelectablePill/SelectablePill.module.css.js.map +0 -1
  152. package/dist/components/link/Link.d.ts +0 -8
  153. package/dist/components/link/Link.d.ts.map +0 -1
  154. package/dist/components/link/Link.js +0 -19
  155. package/dist/components/link/Link.js.map +0 -1
  156. package/dist/components/link/Link.module.css.js +0 -4
  157. package/dist/components/link/Link.module.css.js.map +0 -1
  158. package/dist/components/link/TextLink.d.ts +0 -6
  159. package/dist/components/link/TextLink.d.ts.map +0 -1
  160. package/dist/components/link/TextLink.stories.d.ts +0 -12
  161. package/dist/components/link/TextLink.stories.d.ts.map +0 -1
  162. package/dist/components/link/index.d.ts +0 -2
  163. package/dist/components/link/index.d.ts.map +0 -1
  164. package/dist/components/link/types.d.ts +0 -37
  165. package/dist/components/link/types.d.ts.map +0 -1
  166. package/dist/components/text/Text/typography.module.css.js +0 -4
  167. package/dist/components/text/Text/typography.module.css.js.map +0 -1
  168. package/dist/components/typography/Icons/Icon.d.ts +0 -22
  169. package/dist/components/typography/Icons/Icon.d.ts.map +0 -1
  170. package/dist/components/typography/Icons/Icon.js +0 -34
  171. package/dist/components/typography/Icons/Icon.js.map +0 -1
  172. package/dist/components/typography/Icons/Icon.module.css.js +0 -4
  173. package/dist/components/typography/Icons/Icon.module.css.js.map +0 -1
  174. package/dist/components/typography/Icons/index.d.ts +0 -208
  175. package/dist/components/typography/Icons/index.d.ts.map +0 -1
  176. package/dist/components/typography/Icons/types.d.ts +0 -5
  177. package/dist/components/typography/Icons/types.d.ts.map +0 -1
  178. package/dist/components/typography/Text/Text.d.ts +0 -3
  179. package/dist/components/typography/Text/Text.d.ts.map +0 -1
  180. package/dist/components/typography/Text/Text.js +0 -24
  181. package/dist/components/typography/Text/Text.js.map +0 -1
  182. package/dist/components/typography/Text/Text.stories.d.ts +0 -12
  183. package/dist/components/typography/Text/Text.stories.d.ts.map +0 -1
  184. package/dist/components/typography/Text/constants.d.ts +0 -3
  185. package/dist/components/typography/Text/constants.d.ts.map +0 -1
  186. package/dist/components/typography/Text/constants.js +0 -36
  187. package/dist/components/typography/Text/constants.js.map +0 -1
  188. package/dist/components/typography/Text/index.d.ts +0 -3
  189. package/dist/components/typography/Text/index.d.ts.map +0 -1
  190. package/dist/components/typography/Text/types.d.ts +0 -19
  191. package/dist/components/typography/Text/types.d.ts.map +0 -1
  192. package/dist/components/typography/Text/typography.module.css.js +0 -4
  193. package/dist/components/typography/Text/typography.module.css.js.map +0 -1
  194. package/dist/components/typography/index.d.ts +0 -4
  195. package/dist/components/typography/index.d.ts.map +0 -1
  196. package/dist/d2608cfebdf74ed2.svg +0 -21
  197. package/dist/foundations/color/colors.stories.d.ts +0 -7
  198. package/dist/foundations/color/colors.stories.d.ts.map +0 -1
  199. package/dist/icons/icons.d.ts +0 -189
  200. package/dist/icons/icons.d.ts.map +0 -1
  201. package/dist/index.es.js +0 -6383
  202. package/dist/index.es.js.map +0 -1
  203. package/dist/storybook/colors.stories.d.ts +0 -7
  204. package/dist/storybook/colors.stories.d.ts.map +0 -1
  205. package/dist/storybook/components/CardLink.d.ts +0 -10
  206. package/dist/storybook/components/CardLink.d.ts.map +0 -1
  207. package/dist/storybook/components/ColorPalette/ColorPalette.d.ts +0 -7
  208. package/dist/storybook/components/ColorPalette/ColorPalette.d.ts.map +0 -1
  209. package/dist/storybook/components/ColorPalette/index.d.ts +0 -2
  210. package/dist/storybook/components/ColorPalette/index.d.ts.map +0 -1
  211. package/dist/storybook/components/ColorSwatch/ColorSwatch.d.ts +0 -8
  212. package/dist/storybook/components/ColorSwatch/ColorSwatch.d.ts.map +0 -1
  213. package/dist/storybook/components/ColorSwatch/index.d.ts +0 -2
  214. package/dist/storybook/components/ColorSwatch/index.d.ts.map +0 -1
  215. package/dist/styles/theme.d.ts +0 -3
  216. package/dist/styles/theme.d.ts.map +0 -1
  217. package/dist/styles/types.d.ts +0 -55
  218. package/dist/styles/types.d.ts.map +0 -1
  219. package/dist/types/colors.d.ts +0 -2
  220. package/dist/types/colors.d.ts.map +0 -1
  221. package/dist/types/styles.d.ts +0 -19
  222. package/dist/types/styles.d.ts.map +0 -1
@@ -1,4 +0,0 @@
1
- var baseStyles = {"button":"BaseButton-module_button__HlUt9","hover":"BaseButton-module_hover__T0ZGt","active":"BaseButton-module_active__djtpP","disabled":"BaseButton-module_disabled__smVrq","icon":"BaseButton-module_icon__vCce3","fullWidth":"BaseButton-module_fullWidth__wdMmU"};
2
-
3
- export { baseStyles as default };
4
- //# sourceMappingURL=BaseButton.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseButton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,21 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Base component for Harmony buttons. Not intended to be used directly. Use
4
- * `Button` or `PlainButton`.
5
- */
6
- export declare const BaseButton: (props: {
7
- text?: string | undefined;
8
- iconLeft?: import("..").IconComponent | undefined;
9
- iconRight?: import("..").IconComponent | undefined;
10
- isLoading?: boolean | undefined;
11
- widthToHideText?: number | undefined;
12
- minWidth?: number | undefined;
13
- fullWidth?: boolean | undefined;
14
- styles: {
15
- button: string;
16
- text: string;
17
- icon: string;
18
- spinner: string;
19
- };
20
- } & import("./types").HTMLButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
21
- //# sourceMappingURL=BaseButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../src/components/button/BaseButton.tsx"],"names":[],"mappings":";AAWA;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;0LAkEtB,CAAA"}
@@ -1,4 +0,0 @@
1
- var styles = {"button":"Button-module_button__7vPT6","icon":"Button-module_icon__IRW3a","text":"Button-module_text__XYhBN","buttonSmall":"Button-module_buttonSmall__ZImwg","iconSmall":"Button-module_iconSmall__F1vS4","spinnerSmall":"Button-module_spinnerSmall__0Rh30","textSmall":"Button-module_textSmall__bK1HR","buttonDefault":"Button-module_buttonDefault__hzyeh","iconDefault":"Button-module_iconDefault__UKdot","spinnerDefault":"Button-module_spinnerDefault__OAL-y","textDefault":"Button-module_textDefault__Crr50","buttonLarge":"Button-module_buttonLarge__x9XBt","iconLarge":"Button-module_iconLarge__qECZ9","spinnerLarge":"Button-module_spinnerLarge__OOu7-","textLarge":"Button-module_textLarge__2QvYt","primary":"Button-module_primary__L6hRs","hover":"Button-module_hover__7DO9v","active":"Button-module_active__Ol0Fm","disabled":"Button-module_disabled__gmp2l","secondary":"Button-module_secondary__EMXOH","tertiary":"Button-module_tertiary__uWLp8","destructive":"Button-module_destructive__YSY0b","plain":"Button-module_plain__E6PvA"};
2
-
3
- export { styles as default };
4
- //# sourceMappingURL=Button.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { ButtonSize, ButtonType } from './types';
3
- /**
4
- * A common Button component. Includes a few variants and options to
5
- * include and position icons.
6
- */
7
- export declare const Button: (props: {
8
- color?: import("../../types/colors").ColorValue | undefined;
9
- hexColor?: `#${string}` | undefined;
10
- variant?: ButtonType | undefined;
11
- size?: ButtonSize | undefined;
12
- } & Omit<import("./types").BaseButtonProps, "styles"> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
13
- //# sourceMappingURL=Button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/button/Button.tsx"],"names":[],"mappings":";AASA,OAAO,EAAe,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA+B7D;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;0MA4ClB,CAAA"}
@@ -1,11 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { Button } from './Button';
3
- declare const meta: Meta<typeof Button>;
4
- export default meta;
5
- type Story = StoryObj<typeof Button>;
6
- export declare const Primary: Story;
7
- export declare const PrimaryWithColor: Story;
8
- export declare const Secondary: Story;
9
- export declare const Tertiary: Story;
10
- export declare const Destructive: Story;
11
- //# sourceMappingURL=Button.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAOjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAyB7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAGpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA;AAGhC,eAAO,MAAM,gBAAgB,EAAE,KAAyC,CAAA;AAGxE,eAAO,MAAM,SAAS,EAAE,KAAmD,CAAA;AAG3E,eAAO,MAAM,QAAQ,EAAE,KAAkD,CAAA;AAGzE,eAAO,MAAM,WAAW,EAAE,KAAqD,CAAA"}
@@ -1,4 +0,0 @@
1
- var styles = {"button":"PlainButton-module_button__BxmJD","buttonDefault":"PlainButton-module_buttonDefault__BMGbU","iconDefault":"PlainButton-module_iconDefault__p8GBq","textDefault":"PlainButton-module_textDefault__-J828","buttonLarge":"PlainButton-module_buttonLarge__BrREY","iconLarge":"PlainButton-module_iconLarge__QyqBP","textLarge":"PlainButton-module_textLarge__RXuFq","default":"PlainButton-module_default__2k2SA","subdued":"PlainButton-module_subdued__DzcEG","inverted":"PlainButton-module_inverted__Z-WQH","disabled":"PlainButton-module_disabled__VeMIS"};
2
-
3
- export { styles as default };
4
- //# sourceMappingURL=PlainButton.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PlainButton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { PlainButtonSize, PlainButtonType } from './types';
3
- /**
4
- * A plain Button component (no border/background). Includes a few variants and options to
5
- * include and position icons.
6
- */
7
- export declare const PlainButton: (props: {
8
- variant?: PlainButtonType | undefined;
9
- size?: PlainButtonSize | undefined;
10
- } & Omit<import("./types").BaseButtonProps, "styles"> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
11
- //# sourceMappingURL=PlainButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PlainButton.d.ts","sourceRoot":"","sources":["../../src/components/button/PlainButton.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAoB,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAyB5E;;;GAGG;AACH,eAAO,MAAM,WAAW;;;0MAgCvB,CAAA"}
@@ -1,20 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { PlainButtonProps, PlainButtonType } from './types';
3
- type StoryArgs = {
4
- props: Partial<PlainButtonProps>;
5
- dark?: boolean;
6
- };
7
- declare const meta: Meta<StoryArgs>;
8
- export default meta;
9
- type Story = StoryObj<StoryArgs>;
10
- export declare const Default: Story;
11
- export declare const Subdued: Story;
12
- export declare const Inverted: {
13
- args: {
14
- dark: boolean;
15
- props: {
16
- variant: PlainButtonType;
17
- };
18
- };
19
- };
20
- //# sourceMappingURL=PlainButton.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PlainButton.stories.d.ts","sourceRoot":"","sources":["../../src/components/button/PlainButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,gBAAgB,EAAmB,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ5E,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAmCzB,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;AAGhC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA;AAGhC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAGD,eAAO,MAAM,QAAQ;;;;;;;CAKpB,CAAA"}
@@ -1,4 +0,0 @@
1
- var styles = {"root":"SocialButton-module_root__DIw7w","instagram":"SocialButton-module_instagram__IpLfK"};
2
-
3
- export { styles as default };
4
- //# sourceMappingURL=SocialButton.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SocialButton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,194 +0,0 @@
1
- import type { ComponentPropsWithoutRef } from 'react';
2
- import type { CSSObject } from '@emotion/react';
3
- import type { Origin } from "../layout/Popup/types";
4
- import type { SpecialColors } from "../../foundations/color";
5
- import type { IconComponent } from '../icon';
6
- export declare enum ButtonType {
7
- PRIMARY = "primary",
8
- SECONDARY = "secondary",
9
- TERTIARY = "tertiary",
10
- DESTRUCTIVE = "destructive"
11
- }
12
- export declare enum ButtonSize {
13
- SMALL = "small",
14
- DEFAULT = "default",
15
- LARGE = "large"
16
- }
17
- type BaseButtonStyles = {
18
- button: CSSObject;
19
- icon: CSSObject;
20
- };
21
- export type HTMLButtonProps = ComponentPropsWithoutRef<'button'>;
22
- /**
23
- * These props should only be used for dev purposes, whether in debug mode,
24
- * or to show various states in storybook.
25
- * */
26
- type InternalProps = {
27
- /**
28
- * @ignore: This prop is for internal use only
29
- */
30
- _isHovered?: boolean;
31
- /**
32
- * @ignore: This prop is for internal use only
33
- */
34
- _isPressed?: boolean;
35
- };
36
- export type BaseButtonProps = {
37
- /**
38
- * Optional icon element to include on the left side of the button
39
- */
40
- iconLeft?: IconComponent;
41
- /**
42
- * Optional icon element to include on the right side of the button
43
- */
44
- iconRight?: IconComponent;
45
- /**
46
- * When true, do not override icon's fill colors
47
- */
48
- isStaticIcon?: boolean;
49
- /**
50
- * Show a spinning loading state instead of the left icon
51
- */
52
- isLoading?: boolean;
53
- /**
54
- * The max width at which text will still be shown
55
- */
56
- widthToHideText?: number;
57
- /**
58
- * Optional min width
59
- * Min width can be useful if the button is switching states and you want
60
- * to keep a certain width while text length changes
61
- */
62
- minWidth?: number;
63
- /**
64
- * If provided, allow button to take up full width of container
65
- */
66
- fullWidth?: boolean;
67
- /**
68
- * Internal styling used by derived button components
69
- */
70
- styles: BaseButtonStyles;
71
- /**
72
- * Change the default rendered element for the one passed as a child,
73
- * merging their props and behavior.
74
- */
75
- asChild?: boolean;
76
- } & HTMLButtonProps & InternalProps;
77
- export type ButtonProps = {
78
- /**
79
- * Override the color of the button, only valid for the `PRIMARY` variant
80
- */
81
- color?: SpecialColors;
82
- /**
83
- * Override the color of the button using any hex color, only valid for the `PRIMARY` variant
84
- */
85
- hexColor?: `#${string}`;
86
- /**
87
- * The type of the button
88
- */
89
- variant?: ButtonType;
90
- /**
91
- * The button size
92
- */
93
- size?: ButtonSize;
94
- } & Omit<BaseButtonProps, 'styles'>;
95
- export declare enum PlainButtonType {
96
- DEFAULT = "default",
97
- SUBDUED = "subdued",
98
- INVERTED = "inverted"
99
- }
100
- export declare enum PlainButtonSize {
101
- DEFAULT = "default",
102
- LARGE = "large"
103
- }
104
- export type PlainButtonProps = {
105
- /**
106
- * The type of the button
107
- */
108
- variant?: PlainButtonType;
109
- /**
110
- * The button size
111
- */
112
- size?: PlainButtonSize;
113
- } & Omit<BaseButtonProps, 'styles'>;
114
- export declare enum FilterButtonSize {
115
- DEFAULT = "default",
116
- SMALL = "small"
117
- }
118
- export declare enum FilterButtonType {
119
- /**
120
- * The container is filled with solid color after selection
121
- */
122
- FILL_CONTAINER = "fillContainer",
123
- /**
124
- * The label is used as the selected value
125
- */
126
- REPLACE_LABEL = "replaceLabel"
127
- }
128
- export type FilterButtonOption = {
129
- label: string;
130
- icon?: IconComponent;
131
- };
132
- export type FilterButtonProps = {
133
- /**
134
- * Selection options
135
- * e.g. { label: 'Option A', icon: IconRadar }
136
- */
137
- options: FilterButtonOption[];
138
- /**
139
- * The text that appears on the button component.
140
- * If no label is provided, a different Icon can be specified
141
- * to contextually inform users.
142
- */
143
- label?: string;
144
- /**
145
- * If no label is provided, specify an optional aria-label
146
- */
147
- 'aria-label'?: string;
148
- /**
149
- * An initial section (from the provided options)
150
- */
151
- initialSelectionIndex?: number;
152
- /**
153
- * The button size
154
- * @default FilterButtonSize.DEFAULT
155
- */
156
- size?: FilterButtonSize;
157
- /**
158
- * The type of filter button
159
- * @default FilterButtonType.FILL_CONTAINER
160
- */
161
- variant?: FilterButtonType;
162
- /**
163
- * Optional icon element to include on the left side of the button
164
- */
165
- iconLeft?: IconComponent;
166
- /**
167
- * Optional icon element to include on the right side of the button
168
- */
169
- iconRight?: IconComponent;
170
- /**
171
- * What to do when an option is selected
172
- */
173
- onSelect?: (option: FilterButtonOption) => void;
174
- /**
175
- * Popup anchor origin
176
- * @default { horizontal: 'center', vertical: 'bottom' }
177
- */
178
- popupAnchorOrigin?: Origin;
179
- /**
180
- * Popup transform origin
181
- * @default { horizontal: 'center', vertical: 'top' }
182
- */
183
- popupTransformOrigin?: Origin;
184
- /**
185
- * Popup portal location passed to the inner popup
186
- */
187
- popupPortalLocation?: HTMLElement;
188
- /**
189
- * zIndex applied to the inner Popup component
190
- */
191
- popupZIndex?: number;
192
- };
193
- export {};
194
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"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"}
@@ -1,43 +0,0 @@
1
- var ButtonType;
2
- (function (ButtonType) {
3
- ButtonType["PRIMARY"] = "primary";
4
- ButtonType["SECONDARY"] = "secondary";
5
- ButtonType["TERTIARY"] = "tertiary";
6
- ButtonType["DESTRUCTIVE"] = "destructive";
7
- })(ButtonType || (ButtonType = {}));
8
- var ButtonSize;
9
- (function (ButtonSize) {
10
- ButtonSize["SMALL"] = "small";
11
- ButtonSize["DEFAULT"] = "default";
12
- ButtonSize["LARGE"] = "large";
13
- })(ButtonSize || (ButtonSize = {}));
14
- var PlainButtonType;
15
- (function (PlainButtonType) {
16
- PlainButtonType["DEFAULT"] = "default";
17
- PlainButtonType["SUBDUED"] = "subdued";
18
- PlainButtonType["INVERTED"] = "inverted";
19
- })(PlainButtonType || (PlainButtonType = {}));
20
- var PlainButtonSize;
21
- (function (PlainButtonSize) {
22
- PlainButtonSize["DEFAULT"] = "default";
23
- PlainButtonSize["LARGE"] = "large";
24
- })(PlainButtonSize || (PlainButtonSize = {}));
25
- var FilterButtonSize;
26
- (function (FilterButtonSize) {
27
- FilterButtonSize["DEFAULT"] = "default";
28
- FilterButtonSize["SMALL"] = "small";
29
- })(FilterButtonSize || (FilterButtonSize = {}));
30
- var FilterButtonType;
31
- (function (FilterButtonType) {
32
- /**
33
- * The container is filled with solid color after selection
34
- */
35
- FilterButtonType["FILL_CONTAINER"] = "fillContainer";
36
- /**
37
- * The label is used as the selected value
38
- */
39
- FilterButtonType["REPLACE_LABEL"] = "replaceLabel";
40
- })(FilterButtonType || (FilterButtonType = {}));
41
-
42
- export { ButtonSize, ButtonType, FilterButtonSize, FilterButtonType, PlainButtonSize, PlainButtonType };
43
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sources":["../../../src/components/button/types.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react'\n\nimport type { CSSObject } from '@emotion/react'\n\nimport type { Origin } from 'components/layout/Popup/types'\nimport type { SpecialColors } from 'foundations/color'\n\nimport type { IconComponent } from '../icon'\n\nexport enum ButtonType {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n DESTRUCTIVE = 'destructive'\n}\n\nexport enum ButtonSize {\n SMALL = 'small',\n DEFAULT = 'default',\n LARGE = 'large'\n}\n\ntype BaseButtonStyles = {\n button: CSSObject\n icon: CSSObject\n}\n\nexport type HTMLButtonProps = ComponentPropsWithoutRef<'button'>\n\n/**\n * These props should only be used for dev purposes, whether in debug mode,\n * or to show various states in storybook.\n * */\ntype InternalProps = {\n /**\n * @ignore: This prop is for internal use only\n */\n _isHovered?: boolean\n /**\n * @ignore: This prop is for internal use only\n */\n _isPressed?: boolean\n}\n\nexport type BaseButtonProps = {\n /**\n * Optional icon element to include on the left side of the button\n */\n iconLeft?: IconComponent\n\n /**\n * Optional icon element to include on the right side of the button\n */\n iconRight?: IconComponent\n\n /**\n * When true, do not override icon's fill colors\n */\n isStaticIcon?: boolean\n /**\n * Show a spinning loading state instead of the left icon\n */\n isLoading?: boolean\n\n /**\n * The max width at which text will still be shown\n */\n widthToHideText?: number\n\n /**\n * Optional min width\n * Min width can be useful if the button is switching states and you want\n * to keep a certain width while text length changes\n */\n minWidth?: number\n\n /**\n * If provided, allow button to take up full width of container\n */\n fullWidth?: boolean\n\n /**\n * Internal styling used by derived button components\n */\n styles: BaseButtonStyles\n\n /**\n * Change the default rendered element for the one passed as a child,\n * merging their props and behavior.\n */\n asChild?: boolean\n} & HTMLButtonProps &\n InternalProps\n\nexport type ButtonProps = {\n /**\n * Override the color of the button, only valid for the `PRIMARY` variant\n */\n color?: SpecialColors\n\n /**\n * Override the color of the button using any hex color, only valid for the `PRIMARY` variant\n */\n hexColor?: `#${string}`\n\n /**\n * The type of the button\n */\n variant?: ButtonType\n\n /**\n * The button size\n */\n size?: ButtonSize\n} & Omit<BaseButtonProps, 'styles'>\n\nexport enum PlainButtonType {\n DEFAULT = 'default',\n SUBDUED = 'subdued',\n INVERTED = 'inverted'\n}\n\nexport enum PlainButtonSize {\n DEFAULT = 'default',\n LARGE = 'large'\n}\n\nexport type PlainButtonProps = {\n /**\n * The type of the button\n */\n variant?: PlainButtonType\n\n /**\n * The button size\n */\n size?: PlainButtonSize\n} & Omit<BaseButtonProps, 'styles'>\n\nexport enum FilterButtonSize {\n DEFAULT = 'default',\n SMALL = 'small'\n}\n\nexport enum FilterButtonType {\n /**\n * The container is filled with solid color after selection\n */\n FILL_CONTAINER = 'fillContainer',\n\n /**\n * The label is used as the selected value\n */\n REPLACE_LABEL = 'replaceLabel'\n}\n\nexport type FilterButtonOption = {\n label: string\n icon?: IconComponent\n}\n\nexport type FilterButtonProps = {\n /**\n * Selection options\n * e.g. { label: 'Option A', icon: IconRadar }\n */\n options: FilterButtonOption[]\n\n /**\n * The text that appears on the button component.\n * If no label is provided, a different Icon can be specified\n * to contextually inform users.\n */\n label?: string\n\n /**\n * If no label is provided, specify an optional aria-label\n */\n 'aria-label'?: string\n\n /**\n * An initial section (from the provided options)\n */\n initialSelectionIndex?: number\n\n /**\n * The button size\n * @default FilterButtonSize.DEFAULT\n */\n size?: FilterButtonSize\n\n /**\n * The type of filter button\n * @default FilterButtonType.FILL_CONTAINER\n */\n variant?: FilterButtonType\n\n /**\n * Optional icon element to include on the left side of the button\n */\n iconLeft?: IconComponent\n\n /**\n * Optional icon element to include on the right side of the button\n */\n iconRight?: IconComponent\n\n /**\n * What to do when an option is selected\n */\n onSelect?: (option: FilterButtonOption) => void\n\n /**\n * Popup anchor origin\n * @default { horizontal: 'center', vertical: 'bottom' }\n */\n popupAnchorOrigin?: Origin\n\n /**\n * Popup transform origin\n * @default { horizontal: 'center', vertical: 'top' }\n */\n popupTransformOrigin?: Origin\n\n /**\n * Popup portal location passed to the inner popup\n */\n popupPortalLocation?: HTMLElement\n\n /**\n * zIndex applied to the inner Popup component\n */\n popupZIndex?: number\n}\n"],"names":[],"mappings":"IASY,WAKX;AALD,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,UAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvB,IAAA,UAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,UAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EALW,UAAU,KAAV,UAAU,GAKrB,EAAA,CAAA,CAAA,CAAA;IAEW,WAIX;AAJD,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAJW,UAAU,KAAV,UAAU,GAIrB,EAAA,CAAA,CAAA,CAAA;IAgGW,gBAIX;AAJD,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,eAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACvB,CAAC,EAJW,eAAe,KAAf,eAAe,GAI1B,EAAA,CAAA,CAAA,CAAA;IAEW,gBAGX;AAHD,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHW,eAAe,KAAf,eAAe,GAG1B,EAAA,CAAA,CAAA,CAAA;IAcW,iBAGX;AAHD,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,GAG3B,EAAA,CAAA,CAAA,CAAA;IAEW,iBAUX;AAVD,CAAA,UAAY,gBAAgB,EAAA;AAC1B;;AAEG;AACH,IAAA,gBAAA,CAAA,gBAAA,CAAA,GAAA,eAAgC,CAAA;AAEhC;;AAEG;AACH,IAAA,gBAAA,CAAA,eAAA,CAAA,GAAA,cAA8B,CAAA;AAChC,CAAC,EAVW,gBAAgB,KAAhB,gBAAgB,GAU3B,EAAA,CAAA,CAAA;;;;"}
@@ -1,33 +0,0 @@
1
- import type { ComponentType, SVGProps } from 'react';
2
- import type { IconColors } from "../../foundations/color";
3
- export declare const iconSizes: {
4
- xs: number;
5
- s: number;
6
- m: number;
7
- l: number;
8
- xl: number;
9
- '2xl': number;
10
- };
11
- type IconSize = keyof typeof iconSizes;
12
- type BaseIconProps = SVGProps<SVGSVGElement>;
13
- type IconProps = BaseIconProps & {
14
- color?: IconColors;
15
- size?: IconSize;
16
- sizeW?: IconSize;
17
- sizeH?: IconSize;
18
- };
19
- export type IconComponent = ComponentType<BaseIconProps | IconProps>;
20
- /**
21
- * Renders a harmony Icon component
22
- */
23
- export declare const Icon: import("@emotion/styled").StyledComponent<{
24
- theme?: import("@emotion/react").Theme | undefined;
25
- as?: import("react").ElementType<any> | undefined;
26
- } & BaseIconProps & {
27
- color?: "heading" | "default" | "subdued" | "disabled" | "accent" | "staticWhite" | undefined;
28
- size?: "xs" | "s" | "m" | "l" | "xl" | "2xl" | undefined;
29
- sizeW?: "xs" | "s" | "m" | "l" | "xl" | "2xl" | undefined;
30
- sizeH?: "xs" | "s" | "m" | "l" | "xl" | "2xl" | undefined;
31
- }, SVGProps<SVGSVGElement>, {}>;
32
- export {};
33
- //# sourceMappingURL=Icon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAKpD,OAAO,KAAK,EAAE,UAAU,EAAE,gCAAyB;AAEnD,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAA;AAEtC,KAAK,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA;AAE5C,KAAK,SAAS,GAAG,aAAa,GAAG;IAC/B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,GAAG,SAAS,CAAC,CAAA;AAEpE;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;+BAuBf,CAAA"}
@@ -1,39 +0,0 @@
1
- import { useTheme } from '@emotion/react';
2
- import styled from '@emotion/styled';
3
-
4
- const iconSizes = {
5
- xs: 14,
6
- s: 16,
7
- m: 20,
8
- l: 24,
9
- xl: 30,
10
- '2xl': 32
11
- };
12
- /**
13
- * Renders a harmony Icon component
14
- */
15
- const Icon = styled.svg((props) => {
16
- const { color, size, sizeH, sizeW } = props;
17
- const theme = useTheme();
18
- const iconSize = size ? iconSizes[size] : undefined;
19
- const iconSizeW = sizeW ? iconSizes[sizeW] : undefined;
20
- const iconSizeH = sizeH ? iconSizes[sizeH] : undefined;
21
- const iconColor = color ? theme.color.icon[color] : undefined;
22
- return {
23
- ...(iconSize && {
24
- height: iconSize,
25
- width: iconSize,
26
- minWidth: iconSize
27
- }),
28
- ...(iconSizeH && {
29
- height: iconSizeH
30
- }),
31
- ...(iconSizeW && {
32
- width: iconSizeW
33
- }),
34
- ...(iconColor && { path: { fill: iconColor } })
35
- };
36
- });
37
-
38
- export { Icon, iconSizes };
39
- //# sourceMappingURL=Icon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import type { ComponentType, SVGProps } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport styled from '@emotion/styled'\n\nimport type { IconColors } from 'foundations/color'\n\nexport const iconSizes = {\n xs: 14,\n s: 16,\n m: 20,\n l: 24,\n xl: 30,\n '2xl': 32\n}\n\ntype IconSize = keyof typeof iconSizes\n\ntype BaseIconProps = SVGProps<SVGSVGElement>\n\ntype IconProps = BaseIconProps & {\n color?: IconColors\n size?: IconSize\n sizeW?: IconSize\n sizeH?: IconSize\n}\n\nexport type IconComponent = ComponentType<BaseIconProps | IconProps>\n\n/**\n * Renders a harmony Icon component\n */\nexport const Icon = styled.svg<IconProps>((props) => {\n const { color, size, sizeH, sizeW } = props\n\n const theme = useTheme()\n const iconSize = size ? iconSizes[size] : undefined\n const iconSizeW = sizeW ? iconSizes[sizeW] : undefined\n const iconSizeH = sizeH ? iconSizes[sizeH] : undefined\n const iconColor = color ? theme.color.icon[color] : undefined\n\n return {\n ...(iconSize && {\n height: iconSize,\n width: iconSize,\n minWidth: iconSize\n }),\n ...(iconSizeH && {\n height: iconSizeH\n }),\n ...(iconSizeW && {\n width: iconSizeW\n }),\n ...(iconColor && { path: { fill: iconColor } })\n }\n})\n"],"names":[],"mappings":";;;AAOa,MAAA,SAAS,GAAG;AACvB,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,KAAK,EAAE,EAAE;EACV;AAeD;;AAEG;AACU,MAAA,IAAI,GAAG,MAAM,CAAC,GAAG,CAAY,CAAC,KAAK,KAAI;IAClD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;AAE3C,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;AACxB,IAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;AACnD,IAAA,MAAM,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACtD,IAAA,MAAM,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACtD,IAAA,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;IAE7D,OAAO;QACL,IAAI,QAAQ,IAAI;AACd,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,QAAQ,EAAE,QAAQ;SACnB;QACD,IAAI,SAAS,IAAI;AACf,YAAA,MAAM,EAAE,SAAS;SAClB;QACD,IAAI,SAAS,IAAI;AACf,YAAA,KAAK,EAAE,SAAS;SACjB;AACD,QAAA,IAAI,SAAS,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;KAC/C,CAAA;AACH,CAAC;;;;"}
@@ -1,2 +0,0 @@
1
- export * from './Icon';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}
@@ -1,11 +0,0 @@
1
- var iconSizes = {
2
- xs: 14,
3
- s: 16,
4
- m: 20,
5
- l: 24,
6
- xl: 30,
7
- '2xl': 32
8
- };
9
-
10
- export { iconSizes };
11
- //# sourceMappingURL=icon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon.js","sources":["../../src/components/icon.ts"],"sourcesContent":["import type { ComponentType, SVGProps } from 'react'\n\nimport type { IconColors } from '../foundations/color/semantic'\nimport type { ShadowOptions } from '../foundations/shadows'\n\nexport const iconSizes = {\n xs: 14,\n s: 16,\n m: 20,\n l: 24,\n xl: 30,\n '2xl': 32\n}\n\ntype IconSize = keyof typeof iconSizes\n\ntype SVGBaseProps = SVGProps<SVGSVGElement>\n\nexport type IconProps = {\n color?: IconColors\n size?: IconSize\n sizeW?: IconSize\n sizeH?: IconSize\n height?: number\n width?: number\n shadow?: ShadowOptions\n}\n\ntype SVGIconProps = SVGBaseProps & IconProps\n\nexport type IconComponent = ComponentType<SVGBaseProps | SVGIconProps>\n"],"names":[],"mappings":"AAKa,IAAA,SAAS,GAAG;AACvB,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,KAAK,EAAE,EAAE;;;;;"}
@@ -1,4 +0,0 @@
1
- var styles = {"button":"PasswordInput-modules_button__IvtK-"};
2
-
3
- export { styles as default };
4
- //# sourceMappingURL=PasswordInput.modules.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PasswordInput.modules.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,4 +0,0 @@
1
- var styles = {"pill":"SelectablePill-module_pill__KQ1uO","large":"SelectablePill-module_large__BZp5I","selected":"SelectablePill-module_selected__bp7iY","disabled":"SelectablePill-module_disabled__yqAWj","icon":"SelectablePill-module_icon__0xA2w"};
2
-
3
- export { styles as default };
4
- //# sourceMappingURL=SelectablePill.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectablePill.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,8 +0,0 @@
1
- import { ComponentPropsWithoutRef } from 'react';
2
- import { TextProps } from '../text';
3
- type LinkProps = TextProps & ComponentPropsWithoutRef<'a'> & {
4
- stopPropagation?: boolean;
5
- };
6
- export declare const Link: (props: LinkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
7
- export {};
8
- //# sourceMappingURL=Link.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAIzE,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAA;AAIzC,KAAK,SAAS,GAAG,SAAS,GACxB,wBAAwB,CAAC,GAAG,CAAC,GAAG;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAEH,eAAO,MAAM,IAAI,UAAW,SAAS,qDAwBpC,CAAA"}
@@ -1,19 +0,0 @@
1
- import { jsx } from '@emotion/react/jsx-runtime';
2
- import { useCallback } from 'react';
3
- import cn from 'classnames';
4
- import { Text } from '../text/Text/Text.js';
5
- import styles from './Link.module.css.js';
6
-
7
- const Link = (props) => {
8
- const { className, onClick, stopPropagation = true, children, ...other } = props;
9
- const handleClick = useCallback((e) => {
10
- onClick?.(e);
11
- if (stopPropagation) {
12
- e.stopPropagation();
13
- }
14
- }, [onClick, stopPropagation]);
15
- return (jsx(Text, { className: cn(styles.root, className), ...other, asChild: true, children: jsx("a", { onClick: handleClick, children: children }) }));
16
- };
17
-
18
- export { Link };
19
- //# sourceMappingURL=Link.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import { useCallback, MouseEvent, ComponentPropsWithoutRef } from 'react'\n\nimport cn from 'classnames'\n\nimport { Text, TextProps } from '../text'\n\nimport styles from './Link.module.css'\n\ntype LinkProps = TextProps &\n ComponentPropsWithoutRef<'a'> & {\n stopPropagation?: boolean\n }\n\nexport const Link = (props: LinkProps) => {\n const {\n className,\n onClick,\n stopPropagation = true,\n children,\n ...other\n } = props\n\n const handleClick = useCallback(\n (e: MouseEvent<HTMLAnchorElement>) => {\n onClick?.(e)\n if (stopPropagation) {\n e.stopPropagation()\n }\n },\n [onClick, stopPropagation]\n )\n\n return (\n <Text className={cn(styles.root, className)} {...other} asChild>\n <a onClick={handleClick}>{children}</a>\n </Text>\n )\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAaa,MAAA,IAAI,GAAG,CAAC,KAAgB,KAAI;AACvC,IAAA,MAAM,EACJ,SAAS,EACT,OAAO,EACP,eAAe,GAAG,IAAI,EACtB,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAA;AAET,IAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAgC,KAAI;AACnC,QAAA,OAAO,GAAG,CAAC,CAAC,CAAA;AACZ,QAAA,IAAI,eAAe,EAAE;YACnB,CAAC,CAAC,eAAe,EAAE,CAAA;AACpB,SAAA;AACH,KAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;AAED,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAM,GAAA,KAAK,EAAE,OAAO,EAC7D,IAAA,EAAA,QAAA,EAAAA,GAAA,CAAA,GAAA,EAAA,EAAG,OAAO,EAAE,WAAW,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAK,EAClC,CAAA,EACR;AACH;;;;"}
@@ -1,4 +0,0 @@
1
- var styles = {"root":"Link-module_root__B-9TT"};
2
-
3
- export { styles as default };
4
- //# sourceMappingURL=Link.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Link.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,6 +0,0 @@
1
- import type { TextLinkProps } from './types';
2
- /**
3
- * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.
4
- */
5
- export declare const TextLink: (props: TextLinkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
6
- //# sourceMappingURL=TextLink.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/link/TextLink.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAW,aAAa,qDAiD5C,CAAA"}
@@ -1,12 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { TextLink } from './TextLink';
3
- declare const meta: Meta<typeof TextLink>;
4
- export default meta;
5
- type Story = StoryObj<typeof TextLink>;
6
- export declare const Default: Story;
7
- export declare const Subdued: Story;
8
- export declare const Inverted: Story;
9
- export declare const External: Story;
10
- export declare const MatchesTextStyle: Story;
11
- export declare const AsChild: Story;
12
- //# sourceMappingURL=TextLink.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextLink.stories.d.ts","sourceRoot":"","sources":["../../../src/components/link/TextLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAe/B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA;AAEhC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA"}
@@ -1,2 +0,0 @@
1
- export { TextLink } from './TextLink';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}