@beequip/hexagon 0.17.4 → 0.18.0-1

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 (161) hide show
  1. package/dist/components/Autocomplete/Item/styles.d.ts +2 -2
  2. package/dist/components/Autocomplete/index.stories.d.ts +2 -3
  3. package/dist/components/Autocomplete/index.stories.js.map +1 -1
  4. package/dist/components/Autocomplete/styles.d.ts +1 -1
  5. package/dist/components/Badge/index.stories.d.ts +2 -3
  6. package/dist/components/Badge/index.stories.js +4 -1
  7. package/dist/components/Badge/index.stories.js.map +1 -1
  8. package/dist/components/Badge/styles.d.ts +1 -1
  9. package/dist/components/Box/index.stories.d.ts +3 -4
  10. package/dist/components/Box/index.stories.js.map +1 -1
  11. package/dist/components/Box/styles.d.ts +1 -1
  12. package/dist/components/Button/index.stories.d.ts +9 -9
  13. package/dist/components/Button/index.stories.js.map +1 -1
  14. package/dist/components/Button/styles.d.ts +6 -3
  15. package/dist/components/ButtonGroup/index.stories.d.ts +3 -4
  16. package/dist/components/ButtonGroup/index.stories.js.map +1 -1
  17. package/dist/components/ButtonGroup/styles.d.ts +1 -1
  18. package/dist/components/Card/index.stories.d.ts +5 -6
  19. package/dist/components/Card/index.stories.js.map +1 -1
  20. package/dist/components/Card/styles.d.ts +1 -1
  21. package/dist/components/Card/styles.js +5 -2
  22. package/dist/components/Card/styles.js.map +1 -1
  23. package/dist/components/Checkbox/index.d.ts +10 -5
  24. package/dist/components/Checkbox/index.js +6 -4
  25. package/dist/components/Checkbox/index.js.map +1 -1
  26. package/dist/components/Checkbox/index.stories.d.ts +3 -3
  27. package/dist/components/Checkbox/index.stories.js +13 -4
  28. package/dist/components/Checkbox/index.stories.js.map +1 -1
  29. package/dist/components/Checkbox/styles.d.ts +5 -3
  30. package/dist/components/Checkbox/styles.js +34 -5
  31. package/dist/components/Checkbox/styles.js.map +1 -1
  32. package/dist/components/Container/styles.d.ts +1 -1
  33. package/dist/components/CounterTag/index.stories.d.ts +2 -3
  34. package/dist/components/CounterTag/index.stories.js.map +1 -1
  35. package/dist/components/CounterTag/styles.d.ts +1 -1
  36. package/dist/components/Error/index.stories.d.ts +2 -3
  37. package/dist/components/ExternalLink/index.stories.d.ts +5 -6
  38. package/dist/components/ExternalLink/index.stories.js.map +1 -1
  39. package/dist/components/ExternalLink/styles.d.ts +1 -1
  40. package/dist/components/Field/index.js +1 -1
  41. package/dist/components/Field/index.js.map +1 -1
  42. package/dist/components/Field/index.stories.d.ts +5 -0
  43. package/dist/components/Field/index.stories.js +30 -0
  44. package/dist/components/Field/index.stories.js.map +1 -0
  45. package/dist/components/Field/styles.d.ts +2 -2
  46. package/dist/components/FieldError/styles.d.ts +1 -1
  47. package/dist/components/FieldError/styles.js +1 -1
  48. package/dist/components/FieldError/styles.js.map +1 -1
  49. package/dist/components/FieldGroup/styles.d.ts +1 -1
  50. package/dist/components/Form/styles.d.ts +1 -1
  51. package/dist/components/Grid/styles.d.ts +1 -1
  52. package/dist/components/Heading/index.stories.d.ts +5 -5
  53. package/dist/components/Heading/index.stories.js.map +1 -1
  54. package/dist/components/Heading/styles.d.ts +1 -1
  55. package/dist/components/HelpText/index.stories.d.ts +2 -3
  56. package/dist/components/HelpText/index.stories.js.map +1 -1
  57. package/dist/components/HelpText/styles.d.ts +1 -1
  58. package/dist/components/Image/styles.d.ts +1 -1
  59. package/dist/components/Input/CurrencyInput/index.d.ts +4 -3
  60. package/dist/components/Input/CurrencyInput/index.js +15 -9
  61. package/dist/components/Input/CurrencyInput/index.js.map +1 -1
  62. package/dist/components/Input/CurrencyInput/index.stories.d.ts +2 -3
  63. package/dist/components/Input/CurrencyInput/index.stories.js.map +1 -1
  64. package/dist/components/Input/CurrencyInput/styles.d.ts +6 -4
  65. package/dist/components/Input/CurrencyInput/styles.js +2 -2
  66. package/dist/components/Input/CurrencyInput/styles.js.map +1 -1
  67. package/dist/components/Input/index.d.ts +4 -4
  68. package/dist/components/Input/index.js +21 -12
  69. package/dist/components/Input/index.js.map +1 -1
  70. package/dist/components/Input/index.stories.d.ts +6 -5
  71. package/dist/components/Input/index.stories.js +19 -1
  72. package/dist/components/Input/index.stories.js.map +1 -1
  73. package/dist/components/Input/styles.d.ts +16 -10
  74. package/dist/components/Input/styles.js +29 -25
  75. package/dist/components/Input/styles.js.map +1 -1
  76. package/dist/components/Label/index.stories.d.ts +4 -0
  77. package/dist/components/Label/index.stories.js +21 -0
  78. package/dist/components/Label/index.stories.js.map +1 -0
  79. package/dist/components/Label/styles.d.ts +1 -1
  80. package/dist/components/Label/styles.js +1 -1
  81. package/dist/components/Label/styles.js.map +1 -1
  82. package/dist/components/Link/index.stories.d.ts +2 -3
  83. package/dist/components/Link/index.stories.js.map +1 -1
  84. package/dist/components/Link/styles.d.ts +4 -4
  85. package/dist/components/Link/styles.js +4 -1
  86. package/dist/components/Link/styles.js.map +1 -1
  87. package/dist/components/List/index.stories.d.ts +2 -3
  88. package/dist/components/List/index.stories.js.map +1 -1
  89. package/dist/components/List/styles.d.ts +3 -3
  90. package/dist/components/ListItem/styles.d.ts +1 -1
  91. package/dist/components/Modal/index.stories.d.ts +2 -3
  92. package/dist/components/Modal/index.stories.js.map +1 -1
  93. package/dist/components/Modal/styles.d.ts +4 -4
  94. package/dist/components/NavLink/styles.d.ts +1 -1
  95. package/dist/components/Notification/index.d.ts +4 -4
  96. package/dist/components/Notification/index.js +13 -6
  97. package/dist/components/Notification/index.js.map +1 -1
  98. package/dist/components/Notification/index.stories.d.ts +5 -6
  99. package/dist/components/Notification/index.stories.js +5 -1
  100. package/dist/components/Notification/index.stories.js.map +1 -1
  101. package/dist/components/Notification/styles.d.ts +2 -2
  102. package/dist/components/Notification/styles.js +7 -7
  103. package/dist/components/Notification/styles.js.map +1 -1
  104. package/dist/components/PageLoader/index.stories.d.ts +2 -3
  105. package/dist/components/Portal/index.stories.d.ts +2 -3
  106. package/dist/components/Portal/index.stories.js.map +1 -1
  107. package/dist/components/Radio/index.d.ts +0 -2
  108. package/dist/components/Radio/index.js +3 -3
  109. package/dist/components/Radio/index.js.map +1 -1
  110. package/dist/components/Radio/index.stories.d.ts +2 -3
  111. package/dist/components/Radio/index.stories.js +1 -0
  112. package/dist/components/Radio/index.stories.js.map +1 -1
  113. package/dist/components/Radio/styles.d.ts +2 -1
  114. package/dist/components/Radio/styles.js +14 -3
  115. package/dist/components/Radio/styles.js.map +1 -1
  116. package/dist/components/RadioGroup/index.d.ts +4 -4
  117. package/dist/components/RadioGroup/index.stories.d.ts +2 -3
  118. package/dist/components/RadioGroup/index.stories.js +5 -1
  119. package/dist/components/RadioGroup/index.stories.js.map +1 -1
  120. package/dist/components/RadioGroup/styles.d.ts +1 -1
  121. package/dist/components/Select/index.stories.d.ts +2 -3
  122. package/dist/components/Select/index.stories.js.map +1 -1
  123. package/dist/components/Select/styles.d.ts +3 -3
  124. package/dist/components/Select/styles.js +3 -3
  125. package/dist/components/Select/styles.js.map +1 -1
  126. package/dist/components/Spinner/index.stories.d.ts +2 -3
  127. package/dist/components/Spinner/index.stories.js.map +1 -1
  128. package/dist/components/Table/Cell/styles.d.ts +1 -1
  129. package/dist/components/Table/Foot/styles.d.ts +1 -1
  130. package/dist/components/Table/Table/styles.d.ts +1 -1
  131. package/dist/components/Tag/index.stories.d.ts +6 -7
  132. package/dist/components/Tag/index.stories.js +1 -1
  133. package/dist/components/Tag/index.stories.js.map +1 -1
  134. package/dist/components/Tag/styles.d.ts +1 -1
  135. package/dist/components/Tag/styles.js +2 -2
  136. package/dist/components/Tag/styles.js.map +1 -1
  137. package/dist/components/Text/index.stories.d.ts +4 -5
  138. package/dist/components/Text/index.stories.js.map +1 -1
  139. package/dist/components/Text/styles.d.ts +1 -1
  140. package/dist/components/TextArea/index.d.ts +1 -10
  141. package/dist/components/TextArea/index.js.map +1 -1
  142. package/dist/components/TextArea/index.stories.d.ts +2 -3
  143. package/dist/components/TextArea/index.stories.js.map +1 -1
  144. package/dist/components/TextArea/styles.d.ts +2 -2
  145. package/dist/components/TextArea/styles.js +9 -3
  146. package/dist/components/TextArea/styles.js.map +1 -1
  147. package/dist/components/ToggleContainer/ToggleItem/index.stories.d.ts +2 -3
  148. package/dist/components/ToggleContainer/ToggleItem/index.stories.js.map +1 -1
  149. package/dist/components/ToggleContainer/ToggleItem/styles.d.ts +5 -5
  150. package/dist/components/ToggleContainer/ToggleItem/styles.js +5 -2
  151. package/dist/components/ToggleContainer/ToggleItem/styles.js.map +1 -1
  152. package/dist/components/ToggleContainer/index.d.ts +1 -1
  153. package/dist/components/ToggleContainer/index.stories.d.ts +2 -3
  154. package/dist/components/ToggleContainer/index.stories.js.map +1 -1
  155. package/dist/components/Tooltip/index.stories.d.ts +2 -3
  156. package/dist/components/Tooltip/index.stories.js.map +1 -1
  157. package/dist/components/Tooltip/styles.d.ts +2 -2
  158. package/dist/theme/theme.d.ts +5 -3
  159. package/dist/theme/theme.js +12 -10
  160. package/dist/theme/theme.js.map +1 -1
  161. package/package.json +70 -66
@@ -1,3 +1,3 @@
1
1
  import { AutocompleteItemProps } from './index';
2
- export declare const StyledAutocompleteItem: import("styled-components").StyledComponent<"div", any, AutocompleteItemProps, never>;
3
- export declare const StyledAutocompleteItemTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const StyledAutocompleteItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, AutocompleteItemProps, never>;
3
+ export declare const StyledAutocompleteItemTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,5 +1,4 @@
1
- import { Meta, Story } from '@storybook/react';
2
1
  import { AutocompleteProps } from './index';
3
- declare const _default: Meta<import("@storybook/react").Args>;
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
4
3
  export default _default;
5
- export declare const Default: Story<AutocompleteProps>;
4
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AutocompleteProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Autocomplete/index.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAAiC;AACjC,6BAA8B;AAC9B,kCAAgC;AAChC,+BAAyC;AACzC,iCAAyD;AAEzD,IAAM,KAAK,GAAa,CAAC,aAAa,EAAE,YAAY,EAAE,UAAU,CAAC,CAAA;AAEjE,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,oBAAY;IACvB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAA6B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACxD,oBAAC,mBAAS,QACL,UAAC,EAMD;YALG,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,MAAM,YAAA;QAEN,OAAO;QACH,0CAA0C;QAC1C,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;YAChC,oBAAC,aAAK,qBACF,IAAI,EAAC,YAAY,EACjB,WAAW,EAAC,WAAW,EACvB,KAAK,EAAE,KAAK,IACR,aAAa,EAAE,EACrB;YACD,MAAM,IAAI,CACP,oBAAC,oBAAY,uBACL,IAAI,IACR,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,qCAAqC,KAE1C,KAAK,CAAC,GAAG,CAAC,UAAC,IAAY,EAAE,KAAa,IAAK,OAAA,CACxC,oBAAC,uBAAgB,qBACb,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,YAAY,KAAK,IAAI,EAC/B,WAAW,EAAE,gBAAgB,KAAK,KAAK,IACnC,YAAY,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,GAEzB,IAAI,CACU,CACtB,EAT2C,CAS3C,CAAC,CACS,CAClB,CACC,CACT,CAAA;IACL,CAAC,CACO,CACf,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAA"}
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Autocomplete/index.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAAiC;AACjC,6BAA8B;AAC9B,kCAAgC;AAChC,+BAAyC;AACzC,iCAAyD;AAEzD,IAAM,KAAK,GAAa,CAAC,aAAa,EAAE,YAAY,EAAE,UAAU,CAAC,CAAA;AAEjE,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,oBAAY;IACvB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAA+B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAC1D,oBAAC,mBAAS,QACL,UAAC,EAMD;YALG,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,MAAM,YAAA;QAEN,OAAO;QACH,0CAA0C;QAC1C,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;YAChC,oBAAC,aAAK,qBACF,IAAI,EAAC,YAAY,EACjB,WAAW,EAAC,WAAW,EACvB,KAAK,EAAE,KAAK,IACR,aAAa,EAAE,EACrB;YACD,MAAM,IAAI,CACP,oBAAC,oBAAY,uBACL,IAAI,IACR,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,qCAAqC,KAE1C,KAAK,CAAC,GAAG,CAAC,UAAC,IAAY,EAAE,KAAa,IAAK,OAAA,CACxC,oBAAC,uBAAgB,qBACb,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,YAAY,KAAK,IAAI,EAC/B,WAAW,EAAE,gBAAgB,KAAK,KAAK,IACnC,YAAY,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,GAEzB,IAAI,CACU,CACtB,EAT2C,CAS3C,CAAC,CACS,CAClB,CACC,CACT,CAAA;IACL,CAAC,CACO,CACf,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAA"}
@@ -1 +1 @@
1
- export declare const StyledAutocomplete: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ export declare const StyledAutocomplete: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,5 +1,4 @@
1
- import { Meta, Story } from '@storybook/react/types-6-0';
2
1
  import { BadgeProps } from '.';
3
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
4
3
  export default _default;
5
- export declare const Default: Story<BadgeProps>;
4
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BadgeProps>;
@@ -11,7 +11,10 @@ exports.default = {
11
11
  };
12
12
  var Template = function (_a) {
13
13
  var args = tslib_1.__rest(_a, []);
14
- return react_1.default.createElement(_1.Badge, tslib_1.__assign({}, args), "10");
14
+ return react_1.default.createElement(_1.Badge, tslib_1.__assign({}, args));
15
15
  };
16
16
  exports.Default = Template.bind({});
17
+ exports.Default.args = {
18
+ children: '10',
19
+ };
17
20
  //# sourceMappingURL=index.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Badge/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqC;AAErC,kBAAe;IACX,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAsB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,QAAK,uBAAK,IAAI,QAAY,CAAA;CAAA,CAAA;AAEnE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Badge/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqC;AAErC,kBAAe;IACX,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAwB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,QAAK,uBAAK,IAAI,EAAI,CAAA;CAAA,CAAA;AAE7D,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,IAAI;CACjB,CAAA"}
@@ -1,2 +1,2 @@
1
1
  import { BadgeProps } from '.';
2
- export declare const StyledBadge: import("styled-components").StyledComponent<"div", any, BadgeProps, never>;
2
+ export declare const StyledBadge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BadgeProps, never>;
@@ -1,6 +1,5 @@
1
- import { Meta, Story } from '@storybook/react/types-6-0';
2
1
  import { BoxProps } from '.';
3
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
4
3
  export default _default;
5
- export declare const Default: Story<BoxProps>;
6
- export declare const Centered: Story<BoxProps>;
4
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BoxProps>;
5
+ export declare const Centered: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BoxProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Box/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAiC;AACjC,2BAA4B;AAE5B,kBAAe;IACX,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,MAAG;IACd,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAoB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAC/C,8BAAC,MAAG,uBAAK,IAAI;QACT,8BAAC,QAAI;;YAKuC,GAAG,CACxC,CACL,CACT,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAA;AAEJ,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,MAAM,EAAE,IAAI;CACf,CAAA"}
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Box/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAiC;AACjC,2BAA4B;AAE5B,kBAAe;IACX,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,MAAG;IACd,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAsB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACjD,8BAAC,MAAG,uBAAK,IAAI;QACT,8BAAC,QAAI;;YAKuC,GAAG,CACxC,CACL,CACT,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAA;AAEJ,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,MAAM,EAAE,IAAI;CACf,CAAA"}
@@ -1,2 +1,2 @@
1
1
  import { BoxProps } from '.';
2
- export declare const StyledBox: import("styled-components").StyledComponent<"div", any, BoxProps, never>;
2
+ export declare const StyledBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BoxProps, never>;
@@ -1,11 +1,11 @@
1
- import { Meta, Story } from '@storybook/react/types-6-0';
1
+ import { StoryFn } from '@storybook/react';
2
2
  import { ButtonProps } from '.';
3
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
4
4
  export default _default;
5
- export declare const All: Story<ButtonProps>;
6
- export declare const Primary: Story<ButtonProps>;
7
- export declare const Secondary: Story<ButtonProps>;
8
- export declare const Tertiary: Story<ButtonProps>;
9
- export declare const Ghost: Story<ButtonProps>;
10
- export declare const None: Story<ButtonProps>;
11
- export declare const Sizes: Story<ButtonProps>;
5
+ export declare const All: StoryFn<ButtonProps>;
6
+ export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonProps>;
7
+ export declare const Secondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonProps>;
8
+ export declare const Tertiary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonProps>;
9
+ export declare const Ghost: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonProps>;
10
+ export declare const None: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonProps>;
11
+ export declare const Sizes: StoryFn<ButtonProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Button/index.stories.tsx"],"names":[],"mappings":";;;;AAEA,+BAAyB;AACzB,sBAAuC;AAEvC,8BAA4B;AAC5B,8CAA4C;AAE5C,IAAM,YAAY,GAAmB;IACjC,SAAS;IACT,WAAW;IACX,UAAU;IACV,OAAO;IACP,MAAM;CACT,CAAA;AAED,kBAAe;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAuB,UAAC,EAAiB;IAAf,IAAA,IAAI,UAAA,EAAK,IAAI,sBAAf,QAAiB,CAAF;IAAO,OAAA,CACxD,8BAAC,SAAM,qBAAC,IAAI,EAAE,IAAI,IAAM,IAAI,GACvB,IAAI,CACA,CACZ,CAAA;CAAA,CAAA;AAEM,IAAM,GAAG,GAAuB;IACnC,OAAO,CACH,8DACK,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,8BAAC,SAAG,IAAC,GAAG,EAAE,KAAK;QACX,8BAAC,SAAM,IAAC,IAAI,EAAE,IAAI,IAAG,IAAI,CAAU,CACjC,CACT,EAJkC,CAIlC,CAAC,CACH,CACN,CAAA;AACL,CAAC,CAAA;AAVY,QAAA,GAAG,OAUf;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,QAAQ;CACjB,CAAA;AACY,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,iBAAS,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,WAAW;CACpB,CAAA;AAEY,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,IAAI,EAAE,UAAU;CACnB,CAAA;AAEY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,aAAK,CAAC,IAAI,GAAG;IACT,IAAI,EAAE,OAAO;CAChB,CAAA;AAEY,QAAA,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrC,YAAI,CAAC,IAAI,GAAG;IACR,IAAI,EAAE,MAAM;CACf,CAAA;AAEM,IAAM,KAAK,GAAuB;IACrC,OAAO,CACH;QACI,8BAAC,yBAAW,IAAC,SAAS,EAAC,KAAK;YACxB,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,YAE1B;YACT,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,aAE3B;YACT,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,YAE1B,CACC,CACf,CACN,CAAA;AACL,CAAC,CAAA;AAhBY,QAAA,KAAK,SAgBjB;AAED,aAAK,CAAC,UAAU,GAAG;IACf,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA"}
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Button/index.stories.tsx"],"names":[],"mappings":";;;;AAEA,+BAAyB;AACzB,sBAAuC;AAEvC,8BAA4B;AAC5B,8CAA4C;AAE5C,IAAM,YAAY,GAAmB;IACjC,SAAS;IACT,WAAW;IACX,UAAU;IACV,OAAO;IACP,MAAM;CACT,CAAA;AAED,kBAAe;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAyB,UAAC,EAAiB;IAAf,IAAA,IAAI,UAAA,EAAK,IAAI,sBAAf,QAAiB,CAAF;IAAO,OAAA,CAC1D,8BAAC,SAAM,qBAAC,IAAI,EAAE,IAAI,IAAM,IAAI,GACvB,IAAI,CACA,CACZ,CAAA;CAAA,CAAA;AAEM,IAAM,GAAG,GAAyB;IACrC,OAAO,CACH,8DACK,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,8BAAC,SAAG,IAAC,GAAG,EAAE,KAAK;QACX,8BAAC,SAAM,IAAC,IAAI,EAAE,IAAI,IAAG,IAAI,CAAU,CACjC,CACT,EAJkC,CAIlC,CAAC,CACH,CACN,CAAA;AACL,CAAC,CAAA;AAVY,QAAA,GAAG,OAUf;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,QAAQ;CACjB,CAAA;AACY,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,iBAAS,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,WAAW;CACpB,CAAA;AAEY,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,IAAI,EAAE,UAAU;CACnB,CAAA;AAEY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,aAAK,CAAC,IAAI,GAAG;IACT,IAAI,EAAE,OAAO;CAChB,CAAA;AAEY,QAAA,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrC,YAAI,CAAC,IAAI,GAAG;IACR,IAAI,EAAE,MAAM;CACf,CAAA;AAEM,IAAM,KAAK,GAAyB;IACvC,OAAO,CACH;QACI,8BAAC,yBAAW,IAAC,SAAS,EAAC,KAAK;YACxB,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,YAE1B;YACT,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,aAE3B;YACT,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,YAE1B,CACC,CACf,CACN,CAAA;AACL,CAAC,CAAA;AAhBY,QAAA,KAAK,SAgBjB;AAED,aAAK,CAAC,UAAU,GAAG;IACf,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA"}
@@ -1,6 +1,9 @@
1
1
  import { ButtonProps } from '.';
2
- export declare const StyledButton: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
3
- export declare const StyledLinkButton: import("styled-components").StyledComponent<"button", any, {}, never>;
4
- export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {
2
+ export declare const StyledButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ButtonProps, never>;
3
+ export declare const StyledLinkButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
4
+ secondary?: boolean | undefined;
5
+ textDecoration?: boolean | undefined;
6
+ }, never>;
7
+ export declare const StyledIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
5
8
  nav: 'previous' | 'next';
6
9
  }, never>;
@@ -1,6 +1,5 @@
1
- import { Meta, Story } from '@storybook/react/types-6-0';
2
1
  import { ButtonGroupProps } from '.';
3
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
4
3
  export default _default;
5
- export declare const Horizontal: Story<ButtonGroupProps>;
6
- export declare const Vertical: Story<ButtonGroupProps>;
4
+ export declare const Horizontal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonGroupProps>;
5
+ export declare const Vertical: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonGroupProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.stories.tsx"],"names":[],"mappings":";;;;AAEA,+BAAyB;AACzB,sBAAiD;AACjD,oCAAkC;AAElC,kBAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,cAAW;IACtB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAA4B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACvD,8BAAC,cAAW,uBAAK,IAAI;QACjB,8BAAC,eAAM,IAAC,IAAI,EAAC,SAAS,aAAgB;QACtC,8BAAC,eAAM,IAAC,IAAI,EAAC,OAAO,aAAgB,CAC1B,CACjB,CAAA;CAAA,CAAA;AAEY,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,kBAAU,CAAC,IAAI,GAAG;IACd,SAAS,EAAE,KAAK;CACnB,CAAA;AAEY,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,QAAQ;CACtB,CAAA"}
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.stories.tsx"],"names":[],"mappings":";;;;AAEA,+BAAyB;AACzB,sBAAiD;AACjD,oCAAkC;AAElC,kBAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,cAAW;IACtB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAA8B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACzD,8BAAC,cAAW,uBAAK,IAAI;QACjB,8BAAC,eAAM,IAAC,IAAI,EAAC,SAAS,aAAgB;QACtC,8BAAC,eAAM,IAAC,IAAI,EAAC,OAAO,aAAgB,CAC1B,CACjB,CAAA;CAAA,CAAA;AAEY,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,kBAAU,CAAC,IAAI,GAAG;IACd,SAAS,EAAE,KAAK;CACnB,CAAA;AAEY,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,QAAQ;CACtB,CAAA"}
@@ -1,2 +1,2 @@
1
1
  import { ButtonGroupProps } from '.';
2
- export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", any, ButtonGroupProps, never>;
2
+ export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ButtonGroupProps, never>;
@@ -1,8 +1,7 @@
1
- import { Meta, Story } from '@storybook/react/types-6-0';
2
1
  import { CardProps } from '.';
3
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
4
3
  export default _default;
5
- export declare const Default: Story<CardProps>;
6
- export declare const withBackground: Story<CardProps>;
7
- export declare const SmallShadow: Story<CardProps>;
8
- export declare const LargeShadow: Story<CardProps>;
4
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CardProps>;
5
+ export declare const withBackground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CardProps>;
6
+ export declare const SmallShadow: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CardProps>;
7
+ export declare const LargeShadow: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CardProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Card/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmC;AACnC,qCAAmC;AACnC,gCAA8B;AAE9B,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAI;IACf,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAqB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAChD,8BAAC,OAAI,uBAAK,IAAI;QACV,8BAAC,WAAI;;YAKuC,GAAG,CACxC,CACJ,CACV,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3B,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,sBAAc,CAAC,IAAI,GAAG;IAClB,UAAU,EAAE,aAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;CACrC,CAAA;AAED,gBAAgB;AACH,QAAA,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,mBAAW,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,GAAG;IACX,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAA;AAEY,QAAA,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,mBAAW,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,GAAG;IACX,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAA"}
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Card/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmC;AACnC,qCAAmC;AACnC,gCAA8B;AAE9B,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAI;IACf,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAuB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAClD,8BAAC,OAAI,uBAAK,IAAI;QACV,8BAAC,WAAI;;YAKuC,GAAG,CACxC,CACJ,CACV,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3B,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,sBAAc,CAAC,IAAI,GAAG;IAClB,UAAU,EAAE,aAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;CACrC,CAAA;AAED,gBAAgB;AACH,QAAA,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,mBAAW,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,GAAG;IACX,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAA;AAEY,QAAA,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,mBAAW,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,GAAG;IACX,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAA"}
@@ -1,4 +1,4 @@
1
- export declare const StyledCard: import("styled-components").StyledComponent<"div", any, {
1
+ export declare const StyledCard: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
2
2
  background?: string | undefined;
3
3
  px?: import("../../theme/types").Spacing | undefined;
4
4
  py?: import("../../theme/types").Spacing | undefined;
@@ -4,7 +4,7 @@ exports.StyledCard = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var styled_components_1 = require("styled-components");
6
6
  var styled_map_1 = require("styled-map");
7
- exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background: ", ";\n color: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n text-align: ", ";\n transition: background 200ms ease-in;\n overflow: ", ";\n"], ["\n background: ", ";\n color: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n text-align: ", ";\n transition: background 200ms ease-in;\n overflow: ", ";\n"])), function (props) {
7
+ exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background: ", ";\n color: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n text-align: ", ";\n transition: ", ";\n overflow: ", ";\n"], ["\n background: ", ";\n color: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n text-align: ", ";\n transition: ", ";\n overflow: ", ";\n"])), function (props) {
8
8
  return props.background === 'grey'
9
9
  ? props.theme.colors.grey[100]
10
10
  : props.background === 'white'
@@ -62,6 +62,9 @@ exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templa
62
62
  : props.shadow === 'l'
63
63
  ? props.theme.shadow.large
64
64
  : 'none';
65
- }, function (props) { return props.textAlign; }, function (props) { return props.overflow; });
65
+ }, function (props) { return props.textAlign; }, function (_a) {
66
+ var theme = _a.theme;
67
+ return theme.transition('background');
68
+ }, function (props) { return props.overflow; });
66
69
  var templateObject_1;
67
70
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":"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"}
@@ -1,7 +1,12 @@
1
1
  import * as React from 'react';
2
- export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
- checked: boolean;
4
- hook: string;
5
- children: React.ReactNode;
2
+ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children'> {
3
+ hook?: string;
4
+ label: string | React.ReactNode;
5
+ description?: string;
6
+ /**
7
+ * @description Switch alignment to have the label left and checkbox right
8
+ * @default 'right'
9
+ */
10
+ labelPlacement?: 'left' | 'right';
6
11
  }
7
- export declare const Checkbox: ({ hook, children, ...rest }: CheckboxProps) => JSX.Element;
12
+ export declare const Checkbox: ({ name, hook, label, description, labelPlacement, className, style, ...rest }: CheckboxProps) => JSX.Element;
@@ -5,10 +5,12 @@ var tslib_1 = require("tslib");
5
5
  var React = require("react");
6
6
  var styles_1 = require("./styles");
7
7
  var Checkbox = function (_a) {
8
- var hook = _a.hook, children = _a.children, rest = tslib_1.__rest(_a, ["hook", "children"]);
9
- return (React.createElement(styles_1.StyledCheckbox, null,
10
- React.createElement(styles_1.StyledCheck, tslib_1.__assign({ type: "checkbox", "data-hook": hook }, rest)),
11
- React.createElement(styles_1.StyledCheckboxLabel, tslib_1.__assign({}, rest), children)));
8
+ var name = _a.name, hook = _a.hook, label = _a.label, description = _a.description, _b = _a.labelPlacement, labelPlacement = _b === void 0 ? 'right' : _b, className = _a.className, style = _a.style, rest = tslib_1.__rest(_a, ["name", "hook", "label", "description", "labelPlacement", "className", "style"]);
9
+ return (React.createElement(styles_1.StyledCheckboxContainer, { labelPlacement: labelPlacement, className: className, style: style },
10
+ React.createElement(styles_1.StyledCheckbox, tslib_1.__assign({ id: name, className: "hexagon-checkbox", type: "checkbox", "data-hook": hook }, rest)),
11
+ React.createElement("div", null,
12
+ React.createElement(styles_1.StyledCheckboxLabel, { htmlFor: name, className: "hexagon-label" }, label),
13
+ description && (React.createElement(styles_1.StyledDescription, { className: "hexagon-description" }, description)))));
12
14
  };
13
15
  exports.Checkbox = Checkbox;
14
16
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAA2E;AASpE,IAAM,QAAQ,GAAG,UAAC,EAIT;IAHZ,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACL,IAAI,sBAHc,oBAIxB,CADU;IAEP,OAAO,CACH,oBAAC,uBAAc;QACX,oBAAC,oBAAW,qBAAC,IAAI,EAAC,UAAU,eAAY,IAAI,IAAM,IAAI,EAAI;QAC1D,oBAAC,4BAAmB,uBAAK,IAAI,GAAG,QAAQ,CAAuB,CAClD,CACpB,CAAA;AACL,CAAC,CAAA;AAXY,QAAA,QAAQ,YAWpB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAKiB;AAcV,IAAM,QAAQ,GAAG,UAAC,EAST;IARZ,IAAA,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,sBAAwB,EAAxB,cAAc,mBAAG,OAAO,KAAA,EACxB,SAAS,eAAA,EACT,KAAK,WAAA,EACF,IAAI,sBARc,gFASxB,CADU;IAEP,OAAO,CACH,oBAAC,gCAAuB,IACpB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK;QAEZ,oBAAC,uBAAc,qBACX,EAAE,EAAE,IAAI,EACR,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,UAAU,eACJ,IAAI,IACX,IAAI,EACV;QACF;YACI,oBAAC,4BAAmB,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,eAAe,IACxD,KAAK,CACY;YACrB,WAAW,IAAI,CACZ,oBAAC,0BAAiB,IAAC,SAAS,EAAC,qBAAqB,IAC7C,WAAW,CACI,CACvB,CACC,CACgB,CAC7B,CAAA;AACL,CAAC,CAAA;AAnCY,QAAA,QAAQ,YAmCpB"}
@@ -1,5 +1,5 @@
1
- import { Meta, Story } from '@storybook/react/types-6-0';
2
1
  import { CheckboxProps } from '.';
3
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
4
3
  export default _default;
5
- export declare const Default: Story<CheckboxProps>;
4
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
5
+ export declare const WithDescription: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
@@ -1,10 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Default = void 0;
3
+ exports.WithDescription = exports.Default = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var react_1 = require("react");
6
6
  var _1 = require(".");
7
- var __1 = require("../..");
8
7
  exports.default = {
9
8
  title: 'Hexagon/Form/Checkbox',
10
9
  component: _1.Checkbox,
@@ -13,8 +12,18 @@ exports.default = {
13
12
  };
14
13
  var Template = function (_a) {
15
14
  var args = tslib_1.__rest(_a, []);
16
- return (react_1.default.createElement(_1.Checkbox, tslib_1.__assign({}, args),
17
- react_1.default.createElement(__1.Text, null, "Lorem ipsum dolor sit amet")));
15
+ return react_1.default.createElement(_1.Checkbox, tslib_1.__assign({}, args));
18
16
  };
19
17
  exports.Default = Template.bind({});
18
+ exports.Default.args = {
19
+ name: 'checkbox-right',
20
+ label: 'Lorem ipsum dolor sit amet',
21
+ };
22
+ exports.WithDescription = Template.bind({});
23
+ exports.WithDescription.args = {
24
+ label: 'Label placed on the left',
25
+ labelPlacement: 'left',
26
+ name: 'checkbox-left',
27
+ description: 'Laborum voluptate nostrud est fugiat exercitation id veniam irure consectetur. Labore adipisicing consequat veniam eiusmod officia in aliqua dolor consectetur sunt elit sit. Ipsum nulla nostrud officia consequat cupidatat nisi do amet veniam incididunt id. Duis cupidatat consectetur culpa Lorem ad nisi sint et ex culpa est.',
28
+ };
20
29
  //# sourceMappingURL=index.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAA2C;AAC3C,2BAA4B;AAE5B,kBAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAQ;IACnB,WAAW,EAAE,UAAU;IACvB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAyB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACpD,8BAAC,WAAQ,uBAAK,IAAI;QACd,8BAAC,QAAI,qCAAkC,CAChC,CACd,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAA2C;AAE3C,kBAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAQ;IACnB,WAAW,EAAE,UAAU;IACvB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAA2B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,WAAQ,uBAAK,IAAI,EAAI,CAAA;CAAA,CAAA;AAEnE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,4BAA4B;CACtC,CAAA;AAEY,QAAA,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAChD,uBAAe,CAAC,IAAI,GAAG;IACnB,KAAK,EAAE,0BAA0B;IACjC,cAAc,EAAE,MAAM;IACtB,IAAI,EAAE,eAAe;IACrB,WAAW,EACP,uUAAuU;CAC9U,CAAA"}
@@ -1,3 +1,5 @@
1
- export declare const StyledCheckboxLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const StyledCheck: import("styled-components").StyledComponent<"input", any, {}, never>;
3
- export declare const StyledCheckbox: import("styled-components").StyledComponent<"label", any, {}, never>;
1
+ import { CheckboxProps } from '.';
2
+ export declare const StyledCheckboxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<CheckboxProps, "labelPlacement">, never>;
3
+ export declare const StyledCheckboxLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
4
+ export declare const StyledCheckbox: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
5
+ export declare const StyledDescription: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
@@ -1,10 +1,39 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.StyledCheckbox = exports.StyledCheck = exports.StyledCheckboxLabel = void 0;
3
+ exports.StyledDescription = exports.StyledCheckbox = exports.StyledCheckboxLabel = exports.StyledCheckboxContainer = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var styled_components_1 = require("styled-components");
6
- exports.StyledCheckboxLabel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n cursor: pointer;\n margin-left: 8px;\n"], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n cursor: pointer;\n margin-left: 8px;\n"])), function (props) { return props.theme.font.heading; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.font.lineHeight; }, function (props) { return props.theme.colors.text.default; });
7
- exports.StyledCheck = styled_components_1.default.input(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n height: 16px;\n width: 16px;\n cursor: pointer;\n margin: 0;\n margin-top: 1px;\n"], ["\n height: 16px;\n width: 16px;\n cursor: pointer;\n margin: 0;\n margin-top: 1px;\n"])));
8
- exports.StyledCheckbox = styled_components_1.default.label(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n display: flex;\n cursor: pointer;\n"], ["\n display: flex;\n cursor: pointer;\n"])));
9
- var templateObject_1, templateObject_2, templateObject_3;
6
+ exports.StyledCheckboxContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n align-items: top;\n cursor: pointer;\n grid-gap: ", "px;\n\n ", "\n"], ["\n display: flex;\n align-items: top;\n cursor: pointer;\n grid-gap: ", "px;\n\n ", "\n"])), function (_a) {
7
+ var theme = _a.theme;
8
+ return theme.spacing[1];
9
+ }, function (_a) {
10
+ var labelPlacement = _a.labelPlacement;
11
+ return labelPlacement === 'left' &&
12
+ "\n justify-content: space-between;\n flex-direction: row-reverse;\n ";
13
+ });
14
+ exports.StyledCheckboxLabel = styled_components_1.default.label(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n line-height: ", ";\n color: ", ";\n cursor: pointer;\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n line-height: ", ";\n color: ", ";\n cursor: pointer;\n"])), function (props) { return props.theme.font.heading; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.font.lineHeight; }, function (props) { return props.theme.colors.text.default; });
15
+ exports.StyledCheckbox = styled_components_1.default.input(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n height: 14px;\n width: 14px;\n min-width: 14px;\n position: relative;\n border: 2px solid ", ";\n border-radius: 2px;\n background: none;\n cursor: pointer;\n font-size: 8px;\n line-height: 0;\n margin: 4px 0 0;\n outline: 0;\n padding: 0;\n -webkit-appearance: none;\n transition: ", ";\n\n &:before {\n content: '';\n position: absolute;\n right: 50%;\n top: 50%;\n width: 4px;\n height: 7px;\n border: solid #fff;\n border-width: 0 2px 2px 0;\n margin: 0px -1px 0 -2px;\n transform: rotate(45deg) translate(-50%, -50%);\n z-index: 2;\n }\n\n &:checked {\n border: none;\n background: ", ";\n }\n"], ["\n height: 14px;\n width: 14px;\n min-width: 14px;\n position: relative;\n border: 2px solid ", ";\n border-radius: 2px;\n background: none;\n cursor: pointer;\n font-size: 8px;\n line-height: 0;\n margin: 4px 0 0;\n outline: 0;\n padding: 0;\n -webkit-appearance: none;\n transition: ", ";\n\n &:before {\n content: '';\n position: absolute;\n right: 50%;\n top: 50%;\n width: 4px;\n height: 7px;\n border: solid #fff;\n border-width: 0 2px 2px 0;\n margin: 0px -1px 0 -2px;\n transform: rotate(45deg) translate(-50%, -50%);\n z-index: 2;\n }\n\n &:checked {\n border: none;\n background: ", ";\n }\n"])), function (_a) {
16
+ var theme = _a.theme;
17
+ return theme.colors.grey[200];
18
+ }, function (_a) {
19
+ var theme = _a.theme;
20
+ return theme.transition('all');
21
+ }, function (_a) {
22
+ var theme = _a.theme;
23
+ return theme.colors.primary;
24
+ });
25
+ exports.StyledDescription = styled_components_1.default.p(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n margin: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n margin: ", ";\n"])), function (_a) {
26
+ var theme = _a.theme;
27
+ return theme.font.heading;
28
+ }, function (_a) {
29
+ var theme = _a.theme;
30
+ return theme.font.sizes.xs;
31
+ }, function (_a) {
32
+ var theme = _a.theme;
33
+ return theme.colors.blueGrey[900];
34
+ }, function (_a) {
35
+ var theme = _a.theme;
36
+ return "".concat(theme.spacing[1], "px 0 0");
37
+ });
38
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
10
39
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,oNAAA,qBAC1B,EAAiC,oBACnC,EAAiC,sBAC/B,EAAoC,gBAC1C,EAAwC,kDAGpD,KANkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAC/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAC1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EAGpD;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,gLAAA,qGAMtC,KAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,KAAK,yHAAA,8CAGzC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,mLAEhD,mFAIe,EAA+B,aAEzC,EAKD,IACJ,KARe,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAAhB,CAAgB,EAEzC,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IACf,OAAA,cAAc,KAAK,MAAM;QACzB,uFAGH;AAJG,CAIH,EACJ;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,KAAK,oNAAA,qBAC5B,EAAiC,oBACnC,EAAiC,6CAE/B,EAAoC,gBAC1C,EAAwC,2BAEpD,KANkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAE/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAC1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EAEpD;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,KAAK,0zBAAA,8GAKlB,EAAqC,4NAU3C,EAAsC,mZAkBlC,EAAmC,YAExD,KA9BuB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAAtB,CAAsB,EAU3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;AAAvB,CAAuB,EAkBlC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO;AAApB,CAAoB,EAExD;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,CAAC,kKAAA,qBACtB,EAAiC,oBACnC,EAAkC,gBACtC,EAAyC,iBACxC,EAA0C,KACvD,KAJkB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI,CAAC,OAAO;AAAlB,CAAkB,EACnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AAAnB,CAAmB,EACtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;AAA1B,CAA0B,EACxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,UAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,WAAQ;AAA3B,CAA2B,EACvD"}
@@ -1 +1 @@
1
- export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,5 +1,4 @@
1
- import { Meta, Story } from '@storybook/react/types-6-0';
2
1
  import { CounterTagProps } from '.';
3
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
4
3
  export default _default;
5
- export declare const Default: Story<CounterTagProps>;
4
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CounterTagProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/CounterTag/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAA+C;AAC/C,gDAA8C;AAE9C,kBAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAU;IACrB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAA2B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACtD;QACI,8BAAC,2BAAY,IAAC,IAAI,EAAC,SAAS,uEAEb;QACf,8BAAC,aAAU,uBAAK,IAAI,OAAgB,CACrC,CACN,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/CounterTag/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAA+C;AAC/C,gDAA8C;AAE9C,kBAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAU;IACrB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAA6B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACxD;QACI,8BAAC,2BAAY,IAAC,IAAI,EAAC,SAAS,uEAEb;QACf,8BAAC,aAAU,uBAAK,IAAI,OAAgB,CACrC,CACN,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -1,2 +1,2 @@
1
1
  import { CounterTagProps } from '.';
2
- export declare const StyledCounterTag: import("styled-components").StyledComponent<"div", any, CounterTagProps, never>;
2
+ export declare const StyledCounterTag: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CounterTagProps, never>;
@@ -1,4 +1,3 @@
1
- import { Meta, Story } from '@storybook/react/types-6-0';
2
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
1
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
3
2
  export default _default;
4
- export declare const Default: Story<import("@storybook/react/types-6-0").Args>;
3
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
@@ -1,8 +1,7 @@
1
- import { Meta, Story } from '@storybook/react/types-6-0';
2
1
  import { ExternalLinkProps } from '.';
3
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
4
3
  export default _default;
5
- export declare const Default: Story<ExternalLinkProps>;
6
- export declare const Highlight: Story<ExternalLinkProps>;
7
- export declare const Small: Story<ExternalLinkProps>;
8
- export declare const Medium: Story<ExternalLinkProps>;
4
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ExternalLinkProps>;
5
+ export declare const Highlight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ExternalLinkProps>;
6
+ export declare const Small: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ExternalLinkProps>;
7
+ export declare const Medium: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ExternalLinkProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/ExternalLink/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmD;AAEnD,kBAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,eAAY;IACvB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAA6B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACxD,8BAAC,eAAY,uBAAK,IAAI,kBAA6B,CACtD,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,SAAS;CACnB,CAAA;AAEY,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,iBAAS,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,WAAW;CACrB,CAAA;AAEY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,aAAK,CAAC,IAAI,GAAG;IACT,IAAI,EAAE,OAAO;CAChB,CAAA;AAEY,QAAA,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,cAAM,CAAC,IAAI,GAAG;IACV,IAAI,EAAE,QAAQ;CACjB,CAAA"}
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/ExternalLink/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmD;AAEnD,kBAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,eAAY;IACvB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAA+B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAC1D,8BAAC,eAAY,uBAAK,IAAI,kBAA6B,CACtD,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,SAAS;CACnB,CAAA;AAEY,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,iBAAS,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,WAAW;CACrB,CAAA;AAEY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,aAAK,CAAC,IAAI,GAAG;IACT,IAAI,EAAE,OAAO;CAChB,CAAA;AAEY,QAAA,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,cAAM,CAAC,IAAI,GAAG;IACV,IAAI,EAAE,QAAQ;CACjB,CAAA"}
@@ -1,2 +1,2 @@
1
1
  import { ExternalLinkProps } from '.';
2
- export declare const StyledExternalLink: import("styled-components").StyledComponent<"a", any, ExternalLinkProps, never>;
2
+ export declare const StyledExternalLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, ExternalLinkProps, never>;
@@ -5,11 +5,11 @@ var tslib_1 = require("tslib");
5
5
  var React = require("react");
6
6
  var react_tooltip_1 = require("react-tooltip");
7
7
  var InfoCircle_1 = require("../../assets/icons/InfoCircle");
8
+ var theme_1 = require("../../theme/theme");
8
9
  var FieldError_1 = require("../FieldError");
9
10
  var styles_1 = require("../Input/styles");
10
11
  var Label_1 = require("../Label");
11
12
  var styles_2 = require("./styles");
12
- var theme_1 = require("../../theme/theme");
13
13
  var Field = function (_a) {
14
14
  var spacing = _a.spacing, label = _a.label, htmlFor = _a.htmlFor, optional = _a.optional, tooltip = _a.tooltip, children = _a.children, error = _a.error, rest = tslib_1.__rest(_a, ["spacing", "label", "htmlFor", "optional", "tooltip", "children", "error"]);
15
15
  return (React.createElement(styles_2.StyledField, tslib_1.__assign({ spacing: spacing }, rest),
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,+CAAwC;AACxC,4DAA0D;AAE1D,4CAA0C;AAC1C,0CAA+C;AAC/C,kCAAgC;AAChC,mCAA0D;AAC1D,2CAAkD;AAa3C,IAAM,KAAK,GAAG,UAAC,EAST;IART,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,sBARW,2EASrB,CADU;IAEP,OAAO,CACH,oBAAC,oBAAW,qBAAC,OAAO,EAAE,OAAO,IAAM,IAAI;QACnC,oBAAC,2BAAkB;YACd,KAAK,KAAK,MAAM,IAAI,CACjB,oBAAC,aAAK,IACF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GACpB,CACL;YACA,OAAO,IAAI,CACR,oBAAC,sBAAa;gBACV,oBAAC,uBAAY,OAAG;gBAChB,oBAAC,uBAAU,6BACgB,aAAK,oBACZ,IAAI,gBACR,OAAO,CAAC,KAAK,cACf,OAAO,CAAC,OAAO,EACzB,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,eAAO,GAChB,CACU,CACnB,CACgB;QACpB,QAAQ;QACR,KAAK,IAAI,oBAAC,uBAAU,QAAE,KAAK,CAAc,CAChC,CACjB,CAAA;AACL,CAAC,CAAA;AAtCY,QAAA,KAAK,SAsCjB;AAED,aAAK,CAAC,YAAY,GAAG;IACjB,OAAO,EAAE,CAAC;CACC,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,+CAAwC;AACxC,4DAA0D;AAC1D,2CAAkD;AAElD,4CAA0C;AAC1C,0CAA+C;AAC/C,kCAAgC;AAChC,mCAA0D;AAanD,IAAM,KAAK,GAAG,UAAC,EAST;IART,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,sBARW,2EASrB,CADU;IAEP,OAAO,CACH,oBAAC,oBAAW,qBAAC,OAAO,EAAE,OAAO,IAAM,IAAI;QACnC,oBAAC,2BAAkB;YACd,KAAK,KAAK,MAAM,IAAI,CACjB,oBAAC,aAAK,IACF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GACpB,CACL;YACA,OAAO,IAAI,CACR,oBAAC,sBAAa;gBACV,oBAAC,uBAAY,OAAG;gBAChB,oBAAC,uBAAU,6BACgB,aAAK,oBACZ,IAAI,gBACR,OAAO,CAAC,KAAK,cACf,OAAO,CAAC,OAAO,EACzB,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,eAAO,GAChB,CACU,CACnB,CACgB;QACpB,QAAQ;QACR,KAAK,IAAI,oBAAC,uBAAU,QAAE,KAAK,CAAc,CAChC,CACjB,CAAA;AACL,CAAC,CAAA;AAtCY,QAAA,KAAK,SAsCjB;AAED,aAAK,CAAC,YAAY,GAAG;IACjB,OAAO,EAAE,CAAC;CACC,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { FieldProps } from '.';
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
3
+ export default _default;
4
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FieldProps>;
5
+ export declare const WithError: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FieldProps>;
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.WithError = exports.Default = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var react_1 = require("react");
6
+ var _1 = require(".");
7
+ var Input_1 = require("../Input");
8
+ exports.default = {
9
+ title: 'Hexagon/Form/Field',
10
+ component: _1.Field,
11
+ displayName: 'Field',
12
+ decorators: [function (Story) { return Story(); }],
13
+ };
14
+ var Template = function (_a) {
15
+ var args = tslib_1.__rest(_a, []);
16
+ return (react_1.default.createElement(_1.Field, tslib_1.__assign({}, args),
17
+ react_1.default.createElement(Input_1.Input, { id: args.htmlFor, error: args.error })));
18
+ };
19
+ exports.Default = Template.bind({});
20
+ exports.Default.args = {
21
+ htmlFor: 'field',
22
+ label: 'Input label',
23
+ };
24
+ exports.WithError = Template.bind({});
25
+ exports.WithError.args = {
26
+ htmlFor: 'field-error',
27
+ label: 'Input label',
28
+ error: 'Required',
29
+ };
30
+ //# sourceMappingURL=index.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Field/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqC;AACrC,kCAAgC;AAEhC,kBAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAK;IAChB,WAAW,EAAE,OAAO;IACpB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAwB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACnD,8BAAC,QAAK,uBAAK,IAAI;QACX,8BAAC,aAAK,IAAC,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAC1C,CACX,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,aAAa;CACvB,CAAA;AAEY,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,iBAAS,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,UAAU;CACpB,CAAA"}
@@ -1,3 +1,3 @@
1
1
  import { FieldProps } from '.';
2
- export declare const StyledField: import("styled-components").StyledComponent<"div", any, Pick<FieldProps, "spacing">, never>;
3
- export declare const StyledLabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const StyledField: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<FieldProps, "spacing">, never>;
3
+ export declare const StyledLabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1 +1 @@
1
- export declare const StyledFieldError: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ export declare const StyledFieldError: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.StyledFieldError = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var styled_components_1 = require("styled-components");
6
- exports.StyledFieldError = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-weight: normal;\n font-size: ", ";\n color: ", ";\n display: inline-block;\n margin-top: ", "px;\n"], ["\n font-family: ", ";\n font-weight: normal;\n font-size: ", ";\n color: ", ";\n display: inline-block;\n margin-top: ", "px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.warning; }, function (props) { return props.theme.baseline; });
6
+ exports.StyledFieldError = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-weight: normal;\n font-size: ", ";\n color: ", ";\n display: inline-block;\n margin-top: ", "px;\n"], ["\n font-family: ", ";\n font-weight: normal;\n font-size: ", ";\n color: ", ";\n display: inline-block;\n margin-top: ", "px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.error; }, function (props) { return props.theme.baseline; });
7
7
  var templateObject_1;
8
8
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/FieldError/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,8NAAA,qBACvB,EAAiC,8CAEnC,EAAiC,gBACrC,EAAmC,iDAE9B,EAA6B,OAC9C,KANkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAEnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACrC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,EAE9B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAC9C"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/FieldError/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,8NAAA,qBACvB,EAAiC,8CAEnC,EAAiC,gBACrC,EAAiC,iDAE5B,EAA6B,OAC9C,KANkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAEnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACrC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAxB,CAAwB,EAE5B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAC9C"}
@@ -1 +1 @@
1
- export declare const StyledFieldGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ export declare const StyledFieldGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;