@bikdotai/bik-component-library 0.0.6 → 0.0.7-beta

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 (203) hide show
  1. package/package.json +6 -3
  2. package/dist/cjs/_virtual/_tslib.js +0 -1
  3. package/dist/cjs/assets/icons/check.svg.js +0 -1
  4. package/dist/cjs/assets/icons/cross.svg.js +0 -1
  5. package/dist/cjs/assets/icons/errorInfo.svg.js +0 -1
  6. package/dist/cjs/bundle.css +0 -621
  7. package/dist/cjs/components/TypographyStyle.d.ts +0 -15
  8. package/dist/cjs/components/TypographyStyle.js +0 -88
  9. package/dist/cjs/components/button/Button.d.ts +0 -3
  10. package/dist/cjs/components/button/Button.js +0 -1
  11. package/dist/cjs/components/button/Button.styled.d.ts +0 -13
  12. package/dist/cjs/components/button/Button.styled.js +0 -1
  13. package/dist/cjs/components/button/index.d.ts +0 -1
  14. package/dist/cjs/components/button/model.d.ts +0 -57
  15. package/dist/cjs/components/button/themes.d.ts +0 -18
  16. package/dist/cjs/components/button/themes.js +0 -1
  17. package/dist/cjs/components/checkBox/CheckBox.d.ts +0 -9
  18. package/dist/cjs/components/checkBox/CheckBox.js +0 -1
  19. package/dist/cjs/components/checkBox/CheckBox.styled.d.ts +0 -7
  20. package/dist/cjs/components/checkBox/CheckBox.styled.js +0 -26
  21. package/dist/cjs/components/checkBox/index.d.ts +0 -1
  22. package/dist/cjs/components/icon-button/IconButton.d.ts +0 -3
  23. package/dist/cjs/components/icon-button/IconButton.js +0 -1
  24. package/dist/cjs/components/icon-button/IconButton.styled.d.ts +0 -6
  25. package/dist/cjs/components/icon-button/IconButton.styled.js +0 -3
  26. package/dist/cjs/components/icon-button/index.d.ts +0 -1
  27. package/dist/cjs/components/icon-button/model.d.ts +0 -37
  28. package/dist/cjs/components/icon-button/theme.d.ts +0 -3
  29. package/dist/cjs/components/icon-button/theme.js +0 -1
  30. package/dist/cjs/components/image-compress/ImageCompress.d.ts +0 -7
  31. package/dist/cjs/components/image-compress/ImageCompress.js +0 -1
  32. package/dist/cjs/components/image-compress/index.d.ts +0 -1
  33. package/dist/cjs/components/input/Input.d.ts +0 -36
  34. package/dist/cjs/components/input/Input.styled.d.ts +0 -114
  35. package/dist/cjs/components/input/index.d.ts +0 -1
  36. package/dist/cjs/components/list-item/ListItem.d.ts +0 -16
  37. package/dist/cjs/components/list-item/ListItem.js +0 -1
  38. package/dist/cjs/components/list-item/ListItem.styled.d.ts +0 -9
  39. package/dist/cjs/components/list-item/ListItem.styled.js +0 -1
  40. package/dist/cjs/components/list-item/index.d.ts +0 -1
  41. package/dist/cjs/components/list-item/themes.d.ts +0 -3
  42. package/dist/cjs/components/list-item/themes.js +0 -1
  43. package/dist/cjs/components/pagination/Pagination.d.ts +0 -9
  44. package/dist/cjs/components/pagination/Pagination.js +0 -1
  45. package/dist/cjs/components/pagination/Pagination.styled.d.ts +0 -5
  46. package/dist/cjs/components/pagination/Pagination.styled.js +0 -1
  47. package/dist/cjs/components/pagination/index.d.ts +0 -1
  48. package/dist/cjs/components/radioButton/RadioButton.d.ts +0 -8
  49. package/dist/cjs/components/radioButton/RadioButton.js +0 -1
  50. package/dist/cjs/components/radioButton/RadioButton.styled.d.ts +0 -7
  51. package/dist/cjs/components/radioButton/RadioButton.styled.js +0 -20
  52. package/dist/cjs/components/radioButton/index.d.ts +0 -1
  53. package/dist/cjs/components/sample-button/SampleButton.d.ts +0 -18
  54. package/dist/cjs/components/sample-button/SampleButton.styled.d.ts +0 -9
  55. package/dist/cjs/components/sample-button/index.d.ts +0 -1
  56. package/dist/cjs/components/sample-button/themes.d.ts +0 -2
  57. package/dist/cjs/components/spinner/Spinner.d.ts +0 -6
  58. package/dist/cjs/components/spinner/Spinner.js +0 -1
  59. package/dist/cjs/components/spinner/index.d.ts +0 -1
  60. package/dist/cjs/components/spinner/lotties/black.json.js +0 -1
  61. package/dist/cjs/components/spinner/lotties/brand.json.js +0 -1
  62. package/dist/cjs/components/spinner/lotties/red.json.js +0 -1
  63. package/dist/cjs/components/spinner/lotties/white.json.js +0 -1
  64. package/dist/cjs/components/spinner/model.d.ts +0 -13
  65. package/dist/cjs/components/spinner/themes.d.ts +0 -3
  66. package/dist/cjs/components/spinner/themes.js +0 -1
  67. package/dist/cjs/components/stepper/Stepper.d.ts +0 -22
  68. package/dist/cjs/components/stepper/Stepper.js +0 -1
  69. package/dist/cjs/components/stepper/Stepper.styled.d.ts +0 -6
  70. package/dist/cjs/components/stepper/Stepper.styled.js +0 -83
  71. package/dist/cjs/components/stepper/StepperService.d.ts +0 -4
  72. package/dist/cjs/components/stepper/WorkingStepper.d.ts +0 -15
  73. package/dist/cjs/components/stepper/index.d.ts +0 -1
  74. package/dist/cjs/components/stepper/themes.d.ts +0 -18
  75. package/dist/cjs/components/stepper/themes.js +0 -1
  76. package/dist/cjs/components/tag/Tag.d.ts +0 -6
  77. package/dist/cjs/components/tag/Tag.js +0 -1
  78. package/dist/cjs/components/tag/Tag.styled.d.ts +0 -6
  79. package/dist/cjs/components/tag/Tag.styled.js +0 -26
  80. package/dist/cjs/components/tag/index.d.ts +0 -1
  81. package/dist/cjs/components/tag/model.d.ts +0 -34
  82. package/dist/cjs/components/tag/themes.d.ts +0 -6
  83. package/dist/cjs/components/tag/themes.js +0 -1
  84. package/dist/cjs/components/toaster/Toaster.d.ts +0 -27
  85. package/dist/cjs/components/toaster/Toaster.js +0 -1
  86. package/dist/cjs/components/toaster/Toaster.styled.d.ts +0 -4
  87. package/dist/cjs/components/toaster/Toaster.styled.js +0 -35
  88. package/dist/cjs/components/toaster/index.d.ts +0 -1
  89. package/dist/cjs/components/tooltips/Tooltip.d.ts +0 -10
  90. package/dist/cjs/components/tooltips/Tooltip.js +0 -1
  91. package/dist/cjs/components/tooltips/TooltipInternal.d.ts +0 -10
  92. package/dist/cjs/components/tooltips/TooltipInternal.js +0 -1
  93. package/dist/cjs/components/tooltips/index.d.ts +0 -1
  94. package/dist/cjs/constants/Theme.d.ts +0 -587
  95. package/dist/cjs/constants/Theme.js +0 -1
  96. package/dist/cjs/constants/breakpoints.d.ts +0 -6
  97. package/dist/cjs/constants/colors.d.ts +0 -7
  98. package/dist/cjs/constants/spacing.d.ts +0 -2
  99. package/dist/cjs/index.d.ts +0 -13
  100. package/dist/cjs/index.js +0 -1
  101. package/dist/cjs/utils/classNames.d.ts +0 -7
  102. package/dist/cjs/utils/rgba.d.ts +0 -8
  103. package/dist/esm/_virtual/_tslib.js +0 -1
  104. package/dist/esm/assets/icons/check.svg.js +0 -1
  105. package/dist/esm/assets/icons/cross.svg.js +0 -1
  106. package/dist/esm/assets/icons/errorInfo.svg.js +0 -1
  107. package/dist/esm/bundle.css +0 -621
  108. package/dist/esm/components/TypographyStyle.d.ts +0 -15
  109. package/dist/esm/components/TypographyStyle.js +0 -88
  110. package/dist/esm/components/button/Button.d.ts +0 -3
  111. package/dist/esm/components/button/Button.js +0 -1
  112. package/dist/esm/components/button/Button.styled.d.ts +0 -13
  113. package/dist/esm/components/button/Button.styled.js +0 -1
  114. package/dist/esm/components/button/index.d.ts +0 -1
  115. package/dist/esm/components/button/model.d.ts +0 -57
  116. package/dist/esm/components/button/themes.d.ts +0 -18
  117. package/dist/esm/components/button/themes.js +0 -1
  118. package/dist/esm/components/checkBox/CheckBox.d.ts +0 -9
  119. package/dist/esm/components/checkBox/CheckBox.js +0 -1
  120. package/dist/esm/components/checkBox/CheckBox.styled.d.ts +0 -7
  121. package/dist/esm/components/checkBox/CheckBox.styled.js +0 -26
  122. package/dist/esm/components/checkBox/index.d.ts +0 -1
  123. package/dist/esm/components/icon-button/IconButton.d.ts +0 -3
  124. package/dist/esm/components/icon-button/IconButton.js +0 -1
  125. package/dist/esm/components/icon-button/IconButton.styled.d.ts +0 -6
  126. package/dist/esm/components/icon-button/IconButton.styled.js +0 -3
  127. package/dist/esm/components/icon-button/index.d.ts +0 -1
  128. package/dist/esm/components/icon-button/model.d.ts +0 -37
  129. package/dist/esm/components/icon-button/theme.d.ts +0 -3
  130. package/dist/esm/components/icon-button/theme.js +0 -1
  131. package/dist/esm/components/image-compress/ImageCompress.d.ts +0 -7
  132. package/dist/esm/components/image-compress/ImageCompress.js +0 -1
  133. package/dist/esm/components/image-compress/index.d.ts +0 -1
  134. package/dist/esm/components/input/Input.d.ts +0 -36
  135. package/dist/esm/components/input/Input.styled.d.ts +0 -114
  136. package/dist/esm/components/input/index.d.ts +0 -1
  137. package/dist/esm/components/list-item/ListItem.d.ts +0 -16
  138. package/dist/esm/components/list-item/ListItem.js +0 -1
  139. package/dist/esm/components/list-item/ListItem.styled.d.ts +0 -9
  140. package/dist/esm/components/list-item/ListItem.styled.js +0 -1
  141. package/dist/esm/components/list-item/index.d.ts +0 -1
  142. package/dist/esm/components/list-item/themes.d.ts +0 -3
  143. package/dist/esm/components/list-item/themes.js +0 -1
  144. package/dist/esm/components/pagination/Pagination.d.ts +0 -9
  145. package/dist/esm/components/pagination/Pagination.js +0 -1
  146. package/dist/esm/components/pagination/Pagination.styled.d.ts +0 -5
  147. package/dist/esm/components/pagination/Pagination.styled.js +0 -1
  148. package/dist/esm/components/pagination/index.d.ts +0 -1
  149. package/dist/esm/components/radioButton/RadioButton.d.ts +0 -8
  150. package/dist/esm/components/radioButton/RadioButton.js +0 -1
  151. package/dist/esm/components/radioButton/RadioButton.styled.d.ts +0 -7
  152. package/dist/esm/components/radioButton/RadioButton.styled.js +0 -20
  153. package/dist/esm/components/radioButton/index.d.ts +0 -1
  154. package/dist/esm/components/sample-button/SampleButton.d.ts +0 -18
  155. package/dist/esm/components/sample-button/SampleButton.styled.d.ts +0 -9
  156. package/dist/esm/components/sample-button/index.d.ts +0 -1
  157. package/dist/esm/components/sample-button/themes.d.ts +0 -2
  158. package/dist/esm/components/spinner/Spinner.d.ts +0 -6
  159. package/dist/esm/components/spinner/Spinner.js +0 -1
  160. package/dist/esm/components/spinner/index.d.ts +0 -1
  161. package/dist/esm/components/spinner/lotties/black.json.js +0 -1
  162. package/dist/esm/components/spinner/lotties/brand.json.js +0 -1
  163. package/dist/esm/components/spinner/lotties/red.json.js +0 -1
  164. package/dist/esm/components/spinner/lotties/white.json.js +0 -1
  165. package/dist/esm/components/spinner/model.d.ts +0 -13
  166. package/dist/esm/components/spinner/themes.d.ts +0 -3
  167. package/dist/esm/components/spinner/themes.js +0 -1
  168. package/dist/esm/components/stepper/Stepper.d.ts +0 -22
  169. package/dist/esm/components/stepper/Stepper.js +0 -1
  170. package/dist/esm/components/stepper/Stepper.styled.d.ts +0 -6
  171. package/dist/esm/components/stepper/Stepper.styled.js +0 -83
  172. package/dist/esm/components/stepper/StepperService.d.ts +0 -4
  173. package/dist/esm/components/stepper/WorkingStepper.d.ts +0 -15
  174. package/dist/esm/components/stepper/index.d.ts +0 -1
  175. package/dist/esm/components/stepper/themes.d.ts +0 -18
  176. package/dist/esm/components/stepper/themes.js +0 -1
  177. package/dist/esm/components/tag/Tag.d.ts +0 -6
  178. package/dist/esm/components/tag/Tag.js +0 -1
  179. package/dist/esm/components/tag/Tag.styled.d.ts +0 -6
  180. package/dist/esm/components/tag/Tag.styled.js +0 -26
  181. package/dist/esm/components/tag/index.d.ts +0 -1
  182. package/dist/esm/components/tag/model.d.ts +0 -34
  183. package/dist/esm/components/tag/themes.d.ts +0 -6
  184. package/dist/esm/components/tag/themes.js +0 -1
  185. package/dist/esm/components/toaster/Toaster.d.ts +0 -27
  186. package/dist/esm/components/toaster/Toaster.js +0 -1
  187. package/dist/esm/components/toaster/Toaster.styled.d.ts +0 -4
  188. package/dist/esm/components/toaster/Toaster.styled.js +0 -35
  189. package/dist/esm/components/toaster/index.d.ts +0 -1
  190. package/dist/esm/components/tooltips/Tooltip.d.ts +0 -10
  191. package/dist/esm/components/tooltips/Tooltip.js +0 -1
  192. package/dist/esm/components/tooltips/TooltipInternal.d.ts +0 -10
  193. package/dist/esm/components/tooltips/TooltipInternal.js +0 -1
  194. package/dist/esm/components/tooltips/index.d.ts +0 -1
  195. package/dist/esm/constants/Theme.d.ts +0 -587
  196. package/dist/esm/constants/Theme.js +0 -1
  197. package/dist/esm/constants/breakpoints.d.ts +0 -6
  198. package/dist/esm/constants/colors.d.ts +0 -7
  199. package/dist/esm/constants/spacing.d.ts +0 -2
  200. package/dist/esm/index.d.ts +0 -13
  201. package/dist/esm/index.js +0 -1
  202. package/dist/esm/utils/classNames.d.ts +0 -7
  203. package/dist/esm/utils/rgba.d.ts +0 -8
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("react/jsx-runtime"),e=require("../button/Button.js"),t=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const o=l(c).default("div","production"===process.env.NODE_ENV?{target:"e6ps8400"}:{target:"e6ps8400",label:"TooltipStyled"})("box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;padding:8px;background-color:",(c=>n.COLORS.content.primary),";color:",(c=>n.COLORS.content.primaryInverse),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHRjb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlfTtcbmA7XHJcbmNvbnN0IFRvb2x0aXBJbnRlcm5hbCA9IChwcm9wcykgPT4ge1xyXG4gICAgLy8gVG9kbyAoYXNodXRvc2gpIG1ha2Ugc3VyZSB0aGF0IHRoZSBidXR0b24gd2hpY2ggaXMgcGFzc2VkIGlzIGludmVyc2VcclxuICAgIHJldHVybiAoX2pzeHMoVG9vbHRpcFN0eWxlZCwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQucHJpbWFyeUludmVyc2UsIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpO1xyXG59O1xyXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwSW50ZXJuYWw7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvb2x0aXBJbnRlcm5hbC5qcy5tYXAiXX0= */"));exports.default=c=>b.jsxs(o,{children:[c.title&&b.jsx(t.TitleSmall,Object.assign({color:n.COLORS.content.primaryInverse,style:{marginBottom:"8px"}},{children:c.title})),b.jsx(t.BodyCaption,Object.assign({color:n.COLORS.content.primaryInverse,style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&b.jsx(e.Button,Object.assign({},c.buttonProps))]});
@@ -1 +0,0 @@
1
- export * from './Tooltip';
@@ -1,587 +0,0 @@
1
- export declare const BASE_COLORS: {
2
- brand: {
3
- 900: string;
4
- 800: string;
5
- 500: string;
6
- 50: string;
7
- };
8
- grayscale: {
9
- 900: string;
10
- 700: string;
11
- 500: string;
12
- 400: string;
13
- 200: string;
14
- 100: string;
15
- 50: string;
16
- white: string;
17
- alpha: string;
18
- };
19
- negative: {
20
- 900: string;
21
- 700: string;
22
- 100: string;
23
- 50: string;
24
- };
25
- warning: {
26
- 900: string;
27
- 500: string;
28
- 100: string;
29
- 50: string;
30
- };
31
- positive: {
32
- 900: string;
33
- 700: string;
34
- 100: string;
35
- 50: string;
36
- };
37
- };
38
- export declare const COLORS: {
39
- background: {
40
- inactive: string;
41
- base: string;
42
- inverse: string;
43
- inverseLight: string;
44
- brand: string;
45
- brandLight: string;
46
- negative: {
47
- vibrant: string;
48
- light: string;
49
- };
50
- warning: {
51
- vibrant: string;
52
- light: string;
53
- };
54
- positive: {
55
- vibrant: string;
56
- light: string;
57
- };
58
- blue: {
59
- light: string;
60
- };
61
- };
62
- scrim: {
63
- standard: string;
64
- };
65
- surface: {
66
- standard: string;
67
- subdued: string;
68
- hovered: string;
69
- };
70
- content: {
71
- primary: string;
72
- secondary: string;
73
- placeholder: string;
74
- inactive: string;
75
- brand: string;
76
- primaryInverse: string;
77
- secondaryInverse: string;
78
- negative: string;
79
- warning: string;
80
- positive: string;
81
- blue: string;
82
- };
83
- stroke: {
84
- primary: string;
85
- brand: string;
86
- negative: {
87
- lightAlt: string;
88
- vibrant: string;
89
- };
90
- warning: {
91
- lightAlt: string;
92
- };
93
- positive: {
94
- lightAlt: string;
95
- };
96
- brandLightAlt: string;
97
- blue: {
98
- lightAlt: string;
99
- };
100
- };
101
- special: {
102
- whatsapp: {
103
- brand: string;
104
- gradient: string;
105
- dark: string;
106
- gradientArr: string[];
107
- };
108
- brand: {
109
- google: string;
110
- facebook: string;
111
- };
112
- };
113
- text: {
114
- primary: string;
115
- secondary: string;
116
- placeholder: string;
117
- disabled: string;
118
- white: string;
119
- brand: string;
120
- altPrimary: string;
121
- altSecondary: string;
122
- };
123
- };
124
- export declare const FONTS: {
125
- display: {
126
- fontWeight: string;
127
- fontSize: number;
128
- lineHeight: number;
129
- letterSpacing: number;
130
- };
131
- titleXLarge: {
132
- fontWeight: string;
133
- fontSize: number;
134
- lineHeight: number;
135
- letterSpacing: number;
136
- };
137
- titleLarge: {
138
- fontWeight: string;
139
- fontSize: number;
140
- lineHeight: number;
141
- letterSpacing: number;
142
- };
143
- titleMedium: {
144
- fontWeight: string;
145
- fontSize: number;
146
- lineHeight: number;
147
- letterSpacing: number;
148
- };
149
- titleRegular: {
150
- fontWeight: string;
151
- fontSize: number;
152
- lineHeight: number;
153
- letterSpacing: number;
154
- };
155
- titleSmall: {
156
- fontWeight: string;
157
- fontSize: number;
158
- lineHeight: number;
159
- letterSpacing: number;
160
- };
161
- bodyPrimary: {
162
- fontWeight: string;
163
- fontSize: number;
164
- lineHeight: number;
165
- letterSpacing: number;
166
- };
167
- bodyLarge: {
168
- fontWeight: string;
169
- fontSize: number;
170
- lineHeight: number;
171
- letterSpacing: number;
172
- };
173
- bodySecondary: {
174
- fontWeight: string;
175
- fontSize: number;
176
- lineHeight: number;
177
- letterSpacing: number;
178
- };
179
- caption: {
180
- fontWeight: string;
181
- fontSize: number;
182
- lineHeight: number;
183
- letterSpacing: number;
184
- };
185
- tiny: {
186
- fontWeight: string;
187
- fontSize: number;
188
- lineHeight: number;
189
- letterSpacing: number;
190
- };
191
- subHeading: {
192
- fontWeight: string;
193
- fontSize: number;
194
- lineHeight: number;
195
- letterSpacing: number;
196
- };
197
- title1: {
198
- fontWeight: string;
199
- fontSize: number;
200
- lineHeight: number;
201
- letterSpacing: number;
202
- };
203
- title1Mobile: {
204
- fontWeight: string;
205
- fontSize: number;
206
- lineHeight: number;
207
- letterSpacing: number;
208
- };
209
- title2: {
210
- fontWeight: string;
211
- fontSize: number;
212
- lineHeight: number;
213
- letterSpacing: number;
214
- };
215
- title2Mobile: {
216
- fontWeight: string;
217
- fontSize: number;
218
- lineHeight: number;
219
- letterSpacing: number;
220
- };
221
- title3: {
222
- fontWeight: string;
223
- fontSize: number;
224
- lineHeight: number;
225
- letterSpacing: number;
226
- };
227
- title3Mobile: {
228
- fontWeight: string;
229
- fontSize: number;
230
- lineHeight: number;
231
- letterSpacing: number;
232
- };
233
- title4: {
234
- fontWeight: string;
235
- fontSize: number;
236
- lineHeight: number;
237
- letterSpacing: number;
238
- };
239
- textPlaceholder: {
240
- fontWeight: string;
241
- fontSize: number;
242
- lineHeight: number;
243
- letterSpacing: number;
244
- };
245
- title4Mobile: {
246
- fontWeight: string;
247
- fontSize: number;
248
- lineHeight: number;
249
- letterSpacing: number;
250
- };
251
- bodyRegularMobile: {
252
- fontWeight: string;
253
- fontSize: number;
254
- lineHeight: number;
255
- letterSpacing: number;
256
- };
257
- bodyRegular: {
258
- fontWeight: string;
259
- fontSize: number;
260
- lineHeight: number;
261
- letterSpacing: number;
262
- };
263
- bodySmall: {
264
- fontWeight: string;
265
- fontSize: number;
266
- lineHeight: number;
267
- letterSpacing: number;
268
- };
269
- buttonLarge: {
270
- fontWeight: string;
271
- fontSize: number;
272
- lineHeight: number;
273
- letterSpacing: number;
274
- };
275
- buttonRegular: {
276
- fontWeight: string;
277
- fontSize: number;
278
- lineHeight: number;
279
- letterSpacing: number;
280
- };
281
- captionMobile: {
282
- fontWeight: string;
283
- fontSize: number;
284
- lineHeight: number;
285
- letterSpacing: number;
286
- };
287
- captionBold: {
288
- fontWeight: string;
289
- fontSize: number;
290
- lineHeight: number;
291
- letterSpacing: number;
292
- };
293
- text1Bold: {
294
- fontWeight: string;
295
- fontSize: number;
296
- lineHeight: number;
297
- letterSpacing: number;
298
- };
299
- toast: {
300
- fontWeight: string;
301
- fontSize: number;
302
- lineHeight: number;
303
- letterSpacing: number;
304
- };
305
- toastMobile: {
306
- fontWeight: string;
307
- fontSize: number;
308
- lineHeight: number;
309
- letterSpacing: number;
310
- };
311
- };
312
- export declare const DEFAULT_THEME: {
313
- colorsV2: {
314
- background: {
315
- inactive: string;
316
- base: string;
317
- inverse: string;
318
- inverseLight: string;
319
- brand: string;
320
- brandLight: string;
321
- negative: {
322
- vibrant: string;
323
- light: string;
324
- };
325
- warning: {
326
- vibrant: string;
327
- light: string;
328
- };
329
- positive: {
330
- vibrant: string;
331
- light: string;
332
- };
333
- blue: {
334
- light: string;
335
- };
336
- };
337
- scrim: {
338
- standard: string;
339
- };
340
- surface: {
341
- standard: string;
342
- subdued: string;
343
- hovered: string;
344
- };
345
- content: {
346
- primary: string;
347
- secondary: string;
348
- placeholder: string;
349
- inactive: string;
350
- brand: string;
351
- primaryInverse: string;
352
- secondaryInverse: string;
353
- negative: string;
354
- warning: string;
355
- positive: string;
356
- blue: string;
357
- };
358
- stroke: {
359
- primary: string;
360
- brand: string;
361
- negative: {
362
- lightAlt: string;
363
- vibrant: string;
364
- };
365
- warning: {
366
- lightAlt: string;
367
- };
368
- positive: {
369
- lightAlt: string;
370
- };
371
- brandLightAlt: string;
372
- blue: {
373
- lightAlt: string;
374
- };
375
- };
376
- special: {
377
- whatsapp: {
378
- brand: string;
379
- gradient: string;
380
- dark: string;
381
- gradientArr: string[];
382
- };
383
- brand: {
384
- google: string;
385
- facebook: string;
386
- };
387
- };
388
- text: {
389
- primary: string;
390
- secondary: string;
391
- placeholder: string;
392
- disabled: string;
393
- white: string;
394
- brand: string;
395
- altPrimary: string;
396
- altSecondary: string;
397
- };
398
- };
399
- fonts: {
400
- display: {
401
- fontWeight: string;
402
- fontSize: number;
403
- lineHeight: number;
404
- letterSpacing: number;
405
- };
406
- titleXLarge: {
407
- fontWeight: string;
408
- fontSize: number;
409
- lineHeight: number;
410
- letterSpacing: number;
411
- };
412
- titleLarge: {
413
- fontWeight: string;
414
- fontSize: number;
415
- lineHeight: number;
416
- letterSpacing: number;
417
- };
418
- titleMedium: {
419
- fontWeight: string;
420
- fontSize: number;
421
- lineHeight: number;
422
- letterSpacing: number;
423
- };
424
- titleRegular: {
425
- fontWeight: string;
426
- fontSize: number;
427
- lineHeight: number;
428
- letterSpacing: number;
429
- };
430
- titleSmall: {
431
- fontWeight: string;
432
- fontSize: number;
433
- lineHeight: number;
434
- letterSpacing: number;
435
- };
436
- bodyPrimary: {
437
- fontWeight: string;
438
- fontSize: number;
439
- lineHeight: number;
440
- letterSpacing: number;
441
- };
442
- bodyLarge: {
443
- fontWeight: string;
444
- fontSize: number;
445
- lineHeight: number;
446
- letterSpacing: number;
447
- };
448
- bodySecondary: {
449
- fontWeight: string;
450
- fontSize: number;
451
- lineHeight: number;
452
- letterSpacing: number;
453
- };
454
- caption: {
455
- fontWeight: string;
456
- fontSize: number;
457
- lineHeight: number;
458
- letterSpacing: number;
459
- };
460
- tiny: {
461
- fontWeight: string;
462
- fontSize: number;
463
- lineHeight: number;
464
- letterSpacing: number;
465
- };
466
- subHeading: {
467
- fontWeight: string;
468
- fontSize: number;
469
- lineHeight: number;
470
- letterSpacing: number;
471
- };
472
- title1: {
473
- fontWeight: string;
474
- fontSize: number;
475
- lineHeight: number;
476
- letterSpacing: number;
477
- };
478
- title1Mobile: {
479
- fontWeight: string;
480
- fontSize: number;
481
- lineHeight: number;
482
- letterSpacing: number;
483
- };
484
- title2: {
485
- fontWeight: string;
486
- fontSize: number;
487
- lineHeight: number;
488
- letterSpacing: number;
489
- };
490
- title2Mobile: {
491
- fontWeight: string;
492
- fontSize: number;
493
- lineHeight: number;
494
- letterSpacing: number;
495
- };
496
- title3: {
497
- fontWeight: string;
498
- fontSize: number;
499
- lineHeight: number;
500
- letterSpacing: number;
501
- };
502
- title3Mobile: {
503
- fontWeight: string;
504
- fontSize: number;
505
- lineHeight: number;
506
- letterSpacing: number;
507
- };
508
- title4: {
509
- fontWeight: string;
510
- fontSize: number;
511
- lineHeight: number;
512
- letterSpacing: number;
513
- };
514
- textPlaceholder: {
515
- fontWeight: string;
516
- fontSize: number;
517
- lineHeight: number;
518
- letterSpacing: number;
519
- };
520
- title4Mobile: {
521
- fontWeight: string;
522
- fontSize: number;
523
- lineHeight: number;
524
- letterSpacing: number;
525
- };
526
- bodyRegularMobile: {
527
- fontWeight: string;
528
- fontSize: number;
529
- lineHeight: number;
530
- letterSpacing: number;
531
- };
532
- bodyRegular: {
533
- fontWeight: string;
534
- fontSize: number;
535
- lineHeight: number;
536
- letterSpacing: number;
537
- };
538
- bodySmall: {
539
- fontWeight: string;
540
- fontSize: number;
541
- lineHeight: number;
542
- letterSpacing: number;
543
- };
544
- buttonLarge: {
545
- fontWeight: string;
546
- fontSize: number;
547
- lineHeight: number;
548
- letterSpacing: number;
549
- };
550
- buttonRegular: {
551
- fontWeight: string;
552
- fontSize: number;
553
- lineHeight: number;
554
- letterSpacing: number;
555
- };
556
- captionMobile: {
557
- fontWeight: string;
558
- fontSize: number;
559
- lineHeight: number;
560
- letterSpacing: number;
561
- };
562
- captionBold: {
563
- fontWeight: string;
564
- fontSize: number;
565
- lineHeight: number;
566
- letterSpacing: number;
567
- };
568
- text1Bold: {
569
- fontWeight: string;
570
- fontSize: number;
571
- lineHeight: number;
572
- letterSpacing: number;
573
- };
574
- toast: {
575
- fontWeight: string;
576
- fontSize: number;
577
- lineHeight: number;
578
- letterSpacing: number;
579
- };
580
- toastMobile: {
581
- fontWeight: string;
582
- fontSize: number;
583
- lineHeight: number;
584
- letterSpacing: number;
585
- };
586
- };
587
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100]},positive:{lightAlt:e.positive[100]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};exports.BASE_COLORS=e,exports.COLORS=t,exports.DEFAULT_THEME=n,exports.FONTS=i;
@@ -1,6 +0,0 @@
1
- export declare const SCREEN_XS = 480;
2
- export declare const SCREEN_SM = 640;
3
- export declare const SCREEN_XM = 736;
4
- export declare const SCREEN_MD = 768;
5
- export declare const SCREEN_LG = 1088;
6
- export declare const SCREEN_XL = 1280;
@@ -1,7 +0,0 @@
1
- export declare const BLACK = "#000000";
2
- export declare const WHITE = "#ffffff";
3
- export declare const PRIMARY: string;
4
- export declare const SECONDARY = "#4b5563";
5
- export declare const SUCCESS = "#16a34a";
6
- export declare const ERROR = "#dc2626";
7
- export declare const WARN = "#eab308";
@@ -1,2 +0,0 @@
1
- export declare const COLUMN_WIDTH = 56;
2
- export declare const GUTTER = 16;
@@ -1,13 +0,0 @@
1
- export * from './constants/Theme';
2
- export * from './components/checkBox';
3
- export * from './components/list-item';
4
- export * from './components/pagination';
5
- export * from './components/radioButton';
6
- export * from './components/toaster';
7
- export * from './components/tooltips';
8
- export * from './components/spinner';
9
- export * from './components/stepper';
10
- export * from './components/tag';
11
- export * from './components/pagination';
12
- export * from './components/icon-button';
13
- export * from './components/image-compress';
package/dist/cjs/index.js DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),t=require("./components/list-item/ListItem.js"),r=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),n=require("./components/toaster/Toaster.js"),p=require("./components/tooltips/Tooltip.js"),i=require("./components/spinner/Spinner.js"),a=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),u=require("./components/icon-button/IconButton.js"),m=require("./components/image-compress/ImageCompress.js");exports.BASE_COLORS=e.BASE_COLORS,exports.COLORS=e.COLORS,exports.DEFAULT_THEME=e.DEFAULT_THEME,exports.FONTS=e.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=t.ListItem,exports.Pagination=r.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=n.Toaster,exports.Tooltip=p.Tooltip,exports.Spinner=i.Spinner,exports.Stepper=a.Stepper,exports.Tag=c.Tag,exports.IconButton=u.IconButton,exports.ImageService=m.ImageService;
@@ -1,7 +0,0 @@
1
- /**
2
- * Conditionally joining classNames together.
3
- *
4
- * @param names list names that need to be concat.
5
- * @returns a concat classNames string.
6
- */
7
- export declare const classNames: (...names: (string | undefined)[]) => string;
@@ -1,8 +0,0 @@
1
- /**
2
- * Convert hex string to RGBA color.
3
- *
4
- * @see https://gist.github.com/danieliser/b4b24c9f772066bcf0a6
5
- * @example
6
- * rgba('#000', 0.5) // rgba(0, 0, 0, 0.5)
7
- */
8
- export declare const rgba: (hexCode: string, opacity?: number) => string;
@@ -1 +0,0 @@
1
- function t(t,n){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&n.indexOf(o)<0&&(e[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(e[o[r]]=t[o[r]])}return e}function n(t,n,e,o){return new(e||(e=Promise))((function(r,c){function f(t){try{i(o.next(t))}catch(t){c(t)}}function a(t){try{i(o.throw(t))}catch(t){c(t)}}function i(t){var n;t.done?r(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(f,a)}i((o=o.apply(t,n||[])).next())}))}export{n as __awaiter,t as __rest};
@@ -1 +0,0 @@
1
- import*as e from"react";var r;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(this,arguments)}var n=n=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 12 9"},n),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M11.805.529c.26.26.26.682 0 .942L4.47 8.805a.667.667 0 0 1-.942 0L.195 5.47a.667.667 0 0 1 .943-.942L4 7.39 10.862.529c.26-.26.682-.26.943 0Z",clipRule:"evenodd"})));export{n as default};
@@ -1 +0,0 @@
1
- import*as r from"react";var t;function e(){return e=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},a),t||(t=r.createElement("path",{fill:"currentColor",d:"M15.59 5.59a.833.833 0 0 0-1.18-1.18L10 8.822l-4.41-4.41a.833.833 0 1 0-1.18 1.178L8.822 10l-4.41 4.41a.833.833 0 0 0 1.178 1.18L10 11.177l4.41 4.411a.834.834 0 0 0 1.18-1.178L11.177 10l4.411-4.41Z"})));export{a as default};
@@ -1 +0,0 @@
1
- import*as e from"react";var t,r,a;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var n=n=>e.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},n),t||(t=e.createElement("path",{fill:"#B92321",d:"M8 7.333c.368 0 .667.299.667.667v2.667a.667.667 0 1 1-1.334 0V8c0-.368.299-.667.667-.667Z"})),r||(r=e.createElement("path",{fill:"currentColor",d:"M8 6a.667.667 0 1 0 0-1.333A.667.667 0 0 0 8 6Z"})),a||(a=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8ZM8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Z",clipRule:"evenodd"})));export{n as default};