norma-library 0.4.9 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (246) hide show
  1. package/.babelrc.json +1 -1
  2. package/.husky/commit-msg +4 -0
  3. package/.prettierignore +11 -0
  4. package/.prettierrc.json +20 -0
  5. package/CHANGELOG.md +0 -0
  6. package/CONTRIBUTING.md +0 -0
  7. package/README.md +42 -0
  8. package/commitlint.config.js +1 -0
  9. package/dist/Button/index.d.ts +9 -0
  10. package/dist/Button/types.d.ts +18 -0
  11. package/dist/Card/Card.d.ts +3 -0
  12. package/dist/Card/CardHeader.d.ts +3 -0
  13. package/dist/Card/index.d.ts +4 -0
  14. package/dist/Card/styles.d.ts +546 -0
  15. package/dist/Card/types.d.ts +8 -0
  16. package/dist/esm/components/Accordion.d.ts +2 -2
  17. package/dist/esm/components/Accordion.js +8 -8
  18. package/dist/esm/components/Accordion.js.map +1 -1
  19. package/dist/esm/components/Avatar.d.ts +2 -2
  20. package/dist/esm/components/Avatar.js +7 -7
  21. package/dist/esm/components/Avatar.js.map +1 -1
  22. package/dist/esm/components/Badge.d.ts +2 -2
  23. package/dist/esm/components/Badge.js +5 -5
  24. package/dist/esm/components/Badge.js.map +1 -1
  25. package/dist/esm/components/Button.d.ts +2 -2
  26. package/dist/esm/components/Button.js +10 -10
  27. package/dist/esm/components/Button.js.map +1 -1
  28. package/dist/esm/components/Card.d.ts +3 -3
  29. package/dist/esm/components/Card.js +8 -8
  30. package/dist/esm/components/Card.js.map +1 -1
  31. package/dist/esm/components/ChatMessage.d.ts +2 -2
  32. package/dist/esm/components/ChatMessage.js +35 -35
  33. package/dist/esm/components/ChatMessage.js.map +1 -1
  34. package/dist/esm/components/CheckBox.d.ts +2 -2
  35. package/dist/esm/components/CheckBox.js +5 -5
  36. package/dist/esm/components/CheckBox.js.map +1 -1
  37. package/dist/esm/components/DataGrid/base/dropdown.d.ts +2 -2
  38. package/dist/esm/components/DataGrid/base/dropdown.js +32 -32
  39. package/dist/esm/components/DataGrid/base/dropdown.js.map +1 -1
  40. package/dist/esm/components/DataGrid/base/number-filter.d.ts +2 -2
  41. package/dist/esm/components/DataGrid/base/number-filter.js +21 -21
  42. package/dist/esm/components/DataGrid/base/sorting.d.ts +2 -2
  43. package/dist/esm/components/DataGrid/base/sorting.js +1 -1
  44. package/dist/esm/components/DataGrid/base/sorting.js.map +1 -1
  45. package/dist/esm/components/DataGrid/icons.d.ts +1 -1
  46. package/dist/esm/components/DataGrid/icons.js +1 -1
  47. package/dist/esm/components/DataGrid/icons.js.map +1 -1
  48. package/dist/esm/components/DataGrid/index.d.ts +2 -2
  49. package/dist/esm/components/DataGrid/index.js +35 -44
  50. package/dist/esm/components/DataGrid/index.js.map +1 -1
  51. package/dist/esm/components/DataGrid/shared.d.ts +1 -1
  52. package/dist/esm/components/DataGrid/shared.js +19 -32
  53. package/dist/esm/components/DataGrid/shared.js.map +1 -1
  54. package/dist/esm/components/DataGrid/styled.d.ts +2 -2
  55. package/dist/esm/components/DataGrid/styled.js +35 -35
  56. package/dist/esm/components/DataGrid/styled.js.map +1 -1
  57. package/dist/esm/components/DatePicker.d.ts +5 -5
  58. package/dist/esm/components/DatePicker.js +37 -37
  59. package/dist/esm/components/DatePicker.js.map +1 -1
  60. package/dist/esm/components/DropDown.d.ts +2 -2
  61. package/dist/esm/components/DropDown.js +6 -6
  62. package/dist/esm/components/DropDown.js.map +1 -1
  63. package/dist/esm/components/IconButton.d.ts +2 -2
  64. package/dist/esm/components/IconButton.js +7 -7
  65. package/dist/esm/components/IconButton.js.map +1 -1
  66. package/dist/esm/components/Icons.d.ts +2 -2
  67. package/dist/esm/components/Icons.js +10 -10
  68. package/dist/esm/components/Icons.js.map +1 -1
  69. package/dist/esm/components/Modal.d.ts +2 -2
  70. package/dist/esm/components/Modal.js +8 -8
  71. package/dist/esm/components/Modal.js.map +1 -1
  72. package/dist/esm/components/Paper.d.ts +2 -2
  73. package/dist/esm/components/Paper.js +5 -5
  74. package/dist/esm/components/Paper.js.map +1 -1
  75. package/dist/esm/components/ProgressBar.d.ts +2 -2
  76. package/dist/esm/components/ProgressBar.js +11 -11
  77. package/dist/esm/components/ProgressBar.js.map +1 -1
  78. package/dist/esm/components/RadioGroup.d.ts +2 -2
  79. package/dist/esm/components/RadioGroup.js +7 -7
  80. package/dist/esm/components/RadioGroup.js.map +1 -1
  81. package/dist/esm/components/RangerSlider.d.ts +2 -2
  82. package/dist/esm/components/RangerSlider.js +31 -31
  83. package/dist/esm/components/RangerSlider.js.map +1 -1
  84. package/dist/esm/components/Select.d.ts +2 -2
  85. package/dist/esm/components/Select.js +14 -14
  86. package/dist/esm/components/Select.js.map +1 -1
  87. package/dist/esm/components/Svgs.d.ts +1 -1
  88. package/dist/esm/components/Svgs.js +1 -1
  89. package/dist/esm/components/Svgs.js.map +1 -1
  90. package/dist/esm/components/Tabs.d.ts +2 -2
  91. package/dist/esm/components/Tabs.js +25 -26
  92. package/dist/esm/components/Tabs.js.map +1 -1
  93. package/dist/esm/components/Tag.d.ts +2 -2
  94. package/dist/esm/components/Tag.js +8 -8
  95. package/dist/esm/components/Tag.js.map +1 -1
  96. package/dist/esm/components/TextField.d.ts +2 -2
  97. package/dist/esm/components/TextField.js +8 -8
  98. package/dist/esm/components/TextField.js.map +1 -1
  99. package/dist/esm/components/TimeLine.d.ts +2 -2
  100. package/dist/esm/components/TimeLine.js +20 -20
  101. package/dist/esm/components/TimeLine.js.map +1 -1
  102. package/dist/esm/components/TimePicker.d.ts +8 -8
  103. package/dist/esm/components/TimePicker.js +43 -43
  104. package/dist/esm/components/TimePicker.js.map +1 -1
  105. package/dist/esm/components/index.d.ts +23 -23
  106. package/dist/esm/components/index.js +23 -23
  107. package/dist/esm/helpers/alignments.js +7 -7
  108. package/dist/esm/helpers/borders.js +11 -11
  109. package/dist/esm/helpers/colors.js +41 -41
  110. package/dist/esm/helpers/index.d.ts +5 -5
  111. package/dist/esm/helpers/index.js +5 -5
  112. package/dist/esm/helpers/sizes.d.ts +1 -1
  113. package/dist/esm/helpers/sizes.js +39 -39
  114. package/dist/esm/helpers/sizes.js.map +1 -1
  115. package/dist/esm/index.d.ts +17 -17
  116. package/dist/esm/index.js +17 -17
  117. package/dist/esm/interfaces/Accordion.d.ts +3 -3
  118. package/dist/esm/interfaces/Avatar.d.ts +6 -6
  119. package/dist/esm/interfaces/Badge.d.ts +7 -7
  120. package/dist/esm/interfaces/Button.d.ts +5 -5
  121. package/dist/esm/interfaces/Card.d.ts +3 -3
  122. package/dist/esm/interfaces/ChatMessage.d.ts +1 -1
  123. package/dist/esm/interfaces/CheckBox.d.ts +10 -10
  124. package/dist/esm/interfaces/DataGrid.d.ts +4 -4
  125. package/dist/esm/interfaces/DatePicker.d.ts +3 -3
  126. package/dist/esm/interfaces/DropDown.d.ts +4 -4
  127. package/dist/esm/interfaces/IconButton.d.ts +5 -5
  128. package/dist/esm/interfaces/Icons.d.ts +3 -3
  129. package/dist/esm/interfaces/Modal.d.ts +3 -3
  130. package/dist/esm/interfaces/Paper.d.ts +4 -4
  131. package/dist/esm/interfaces/ProgressBar.d.ts +5 -5
  132. package/dist/esm/interfaces/RadioGroup.d.ts +4 -4
  133. package/dist/esm/interfaces/RangerSlider.d.ts +8 -8
  134. package/dist/esm/interfaces/Select.d.ts +3 -3
  135. package/dist/esm/interfaces/Tabs.d.ts +3 -3
  136. package/dist/esm/interfaces/Tag.d.ts +5 -5
  137. package/dist/esm/interfaces/TextField.d.ts +12 -12
  138. package/dist/esm/interfaces/TimeLine.d.ts +3 -3
  139. package/dist/esm/interfaces/TimePicker.d.ts +3 -3
  140. package/dist/esm/interfaces/index.d.ts +23 -23
  141. package/dist/esm/interfaces/index.js +23 -23
  142. package/dist/esm/types/index.d.ts +41 -41
  143. package/dist/esm/types/index.js +2 -2
  144. package/dist/esm/types/index.js.map +1 -1
  145. package/dist/index.d.ts +2 -0
  146. package/dist/index.es.js +6992 -0
  147. package/dist/index.es.js.map +1 -0
  148. package/dist/index.umd.js +266 -0
  149. package/dist/index.umd.js.map +1 -0
  150. package/dist/vite.svg +1 -0
  151. package/docs/index.md +118 -0
  152. package/package.json +64 -8
  153. package/src/components/Accordion.tsx +47 -64
  154. package/src/components/Avatar.tsx +22 -29
  155. package/src/components/Badge.tsx +19 -22
  156. package/src/components/Button.tsx +12 -19
  157. package/src/components/Card.tsx +44 -47
  158. package/src/components/ChatMessage.tsx +87 -89
  159. package/src/components/CheckBox.tsx +8 -19
  160. package/src/components/DataGrid/allData.json +2918 -2918
  161. package/src/components/DataGrid/base/dropdown.tsx +212 -235
  162. package/src/components/DataGrid/base/number-filter.tsx +43 -43
  163. package/src/components/DataGrid/base/sorting.tsx +29 -35
  164. package/src/components/DataGrid/icons.tsx +53 -61
  165. package/src/components/DataGrid/index.tsx +254 -319
  166. package/src/components/DataGrid/shared.ts +154 -179
  167. package/src/components/DataGrid/styled.ts +96 -102
  168. package/src/components/DataGrid/styles/dropdown.module.css +86 -86
  169. package/src/components/DataGrid/styles/number-filter.module.css +16 -16
  170. package/src/components/DataGrid/styles/styles.module.css +107 -107
  171. package/src/components/DatePicker.tsx +73 -84
  172. package/src/components/DropDown.tsx +31 -38
  173. package/src/components/IconButton.tsx +12 -29
  174. package/src/components/Icons.tsx +82 -87
  175. package/src/components/Modal.tsx +114 -123
  176. package/src/components/Paper.tsx +19 -22
  177. package/src/components/ProgressBar.tsx +54 -63
  178. package/src/components/RadioGroup.tsx +47 -55
  179. package/src/components/RangerSlider.tsx +70 -81
  180. package/src/components/Select.tsx +82 -98
  181. package/src/components/Svgs.tsx +498 -522
  182. package/src/components/Tabs.tsx +111 -140
  183. package/src/components/Tag.tsx +37 -45
  184. package/src/components/TextField.tsx +11 -22
  185. package/src/components/TimeLine.tsx +93 -103
  186. package/src/components/TimePicker.tsx +84 -95
  187. package/src/components/index.ts +23 -23
  188. package/src/helpers/alignments.ts +7 -7
  189. package/src/helpers/borders.ts +11 -11
  190. package/src/helpers/colors.ts +42 -42
  191. package/src/helpers/index.ts +5 -5
  192. package/src/helpers/sizes.ts +39 -46
  193. package/src/index.ts +17 -17
  194. package/src/interfaces/Accordion.ts +12 -12
  195. package/src/interfaces/Avatar.tsx +15 -18
  196. package/src/interfaces/Badge.ts +19 -32
  197. package/src/interfaces/Button.ts +5 -10
  198. package/src/interfaces/Card.ts +11 -11
  199. package/src/interfaces/ChatMessage.ts +12 -12
  200. package/src/interfaces/CheckBox.ts +12 -18
  201. package/src/interfaces/DataGrid.ts +46 -51
  202. package/src/interfaces/DatePicker.ts +13 -13
  203. package/src/interfaces/DropDown.ts +14 -14
  204. package/src/interfaces/IconButton.ts +5 -10
  205. package/src/interfaces/Icons.ts +17 -17
  206. package/src/interfaces/Modal.ts +15 -15
  207. package/src/interfaces/Paper.ts +12 -12
  208. package/src/interfaces/ProgressBar.ts +18 -25
  209. package/src/interfaces/RadioGroup.ts +22 -28
  210. package/src/interfaces/RangerSlider.ts +21 -32
  211. package/src/interfaces/Select.ts +17 -17
  212. package/src/interfaces/Tabs.ts +19 -24
  213. package/src/interfaces/Tag.ts +17 -17
  214. package/src/interfaces/TextField.ts +14 -34
  215. package/src/interfaces/TimeLine.ts +11 -16
  216. package/src/interfaces/TimePicker.ts +13 -13
  217. package/src/interfaces/index.ts +23 -23
  218. package/src/sample-data.json +178 -178
  219. package/src/stories/Accordion.stories.tsx +65 -65
  220. package/src/stories/Avatar.stories.tsx +123 -139
  221. package/src/stories/Badge.stories.tsx +39 -47
  222. package/src/stories/Button.stories.tsx +18 -26
  223. package/src/stories/Card.stories.tsx +40 -55
  224. package/src/stories/ChatMessage.stories.tsx +84 -85
  225. package/src/stories/CheckBox.stories.tsx +17 -23
  226. package/src/stories/DataGrid.stories.tsx +28 -28
  227. package/src/stories/DatePicker.stories.tsx +50 -77
  228. package/src/stories/DropDown.stories.tsx +57 -57
  229. package/src/stories/IconButton.stories.tsx +78 -114
  230. package/src/stories/Modal.stories.tsx +190 -190
  231. package/src/stories/Paper.stories.tsx +53 -53
  232. package/src/stories/ProgressBar.stories.tsx +95 -139
  233. package/src/stories/RadioGroup.stories.tsx +21 -28
  234. package/src/stories/RangerSlider.stories.tsx +58 -68
  235. package/src/stories/Select.stories.tsx +100 -128
  236. package/src/stories/Tabs.stories.tsx +62 -62
  237. package/src/stories/Tag.stories.tsx +56 -74
  238. package/src/stories/TextField.stories.tsx +54 -189
  239. package/src/stories/TimeLine.stories.tsx +35 -43
  240. package/src/stories/TimePicker.stories.tsx +87 -113
  241. package/src/types/index.ts +90 -155
  242. package/tsconfig.json +1 -1
  243. package/buildcache/front-end +0 -1
  244. package/norma-library.tar +0 -0
  245. package/postcss.config.js +0 -6
  246. package/tailwind.config.js +0 -58
@@ -1,41 +1,41 @@
1
1
  import { __assign } from "tslib";
2
- import { createTheme } from "@mui/material/styles";
2
+ import { createTheme } from '@mui/material/styles';
3
3
  export var getPalette = function () {
4
4
  return {
5
- primary: "rgb(219, 102, 25)",
6
- primaryLight: "#FFDB9F",
7
- primaryMedium: "#FFA84C",
8
- primaryDark: "#B74608",
9
- inherit: "rgb(102, 102, 102)",
10
- secondary: "rgb(67, 187, 242)",
11
- error: "rgb(214, 54, 67)",
12
- warning: "rgb(255, 195, 0)",
13
- info: "rgb(113, 213, 247)",
14
- success: "rgb(107, 194, 53)",
15
- white: "#ffffff",
16
- black: "rgb(0, 0, 0)",
17
- helper: "rgb(90, 42, 121)",
18
- secondaryLight: "#D9FCFE",
19
- secondaryMedium: "#71D5F7",
20
- secondaryDark: "#154F8C",
21
- inheritLight: "#A3A3A3",
22
- inheritMedium: "#666666",
23
- inheritDark: "#292929",
24
- whiteLight: "#F5F5F5",
25
- whiteMedium: "#E0E0E0",
26
- whiteDark: "#CCCCCC",
27
- successLight: "#D9F8B0",
28
- successMedium: "#B9EC85",
29
- successDark: "#247010",
30
- errorLight: "#FABEAF",
31
- errorMedium: "#F29085",
32
- errorDark: "#F29085",
33
- warningLight: "#FFF7CC",
34
- warningMedium: "#FFE266",
35
- warningDark: "#936600",
36
- helperLight: "#F3D7F8",
37
- helperMedium: "#BF82D6",
38
- helperDark: "#250D46",
5
+ primary: 'rgb(219, 102, 25)',
6
+ primaryLight: '#FFDB9F',
7
+ primaryMedium: '#FFA84C',
8
+ primaryDark: '#B74608',
9
+ inherit: 'rgb(102, 102, 102)',
10
+ secondary: 'rgb(67, 187, 242)',
11
+ error: 'rgb(214, 54, 67)',
12
+ warning: 'rgb(255, 195, 0)',
13
+ info: 'rgb(113, 213, 247)',
14
+ success: 'rgb(107, 194, 53)',
15
+ white: '#ffffff',
16
+ black: 'rgb(0, 0, 0)',
17
+ helper: 'rgb(90, 42, 121)',
18
+ secondaryLight: '#D9FCFE',
19
+ secondaryMedium: '#71D5F7',
20
+ secondaryDark: '#154F8C',
21
+ inheritLight: '#A3A3A3',
22
+ inheritMedium: '#666666',
23
+ inheritDark: '#292929',
24
+ whiteLight: '#F5F5F5',
25
+ whiteMedium: '#E0E0E0',
26
+ whiteDark: '#CCCCCC',
27
+ successLight: '#D9F8B0',
28
+ successMedium: '#B9EC85',
29
+ successDark: '#247010',
30
+ errorLight: '#FABEAF',
31
+ errorMedium: '#F29085',
32
+ errorDark: '#F29085',
33
+ warningLight: '#FFF7CC',
34
+ warningMedium: '#FFE266',
35
+ warningDark: '#936600',
36
+ helperLight: '#F3D7F8',
37
+ helperMedium: '#BF82D6',
38
+ helperDark: '#250D46',
39
39
  };
40
40
  };
41
41
  export var palette = getPalette();
@@ -131,10 +131,10 @@ export var olosPalette = {
131
131
  },
132
132
  };
133
133
  export var lightTheme = createTheme({
134
- palette: __assign({ mode: "light" }, olosPalette),
134
+ palette: __assign({ mode: 'light' }, olosPalette),
135
135
  });
136
136
  export var darkTheme = createTheme({
137
- palette: __assign(__assign({ mode: "dark" }, olosPalette), { background: {
137
+ palette: __assign(__assign({ mode: 'dark' }, olosPalette), { background: {
138
138
  default: palette.inheritLight,
139
139
  paper: palette.inheritDark,
140
140
  } }),
@@ -149,11 +149,11 @@ var getColor = function (key) {
149
149
  return palette[key];
150
150
  }
151
151
  else {
152
- return "#CCC";
152
+ return '#CCC';
153
153
  }
154
154
  };
155
155
  var extractRGB = function (rgbString) {
156
- if (typeof rgbString === "string") {
156
+ if (typeof rgbString === 'string') {
157
157
  var match = rgbString.match(/\((\d+), (\d+), (\d+)\)/);
158
158
  if (match) {
159
159
  var r = match[1];
@@ -166,8 +166,8 @@ var extractRGB = function (rgbString) {
166
166
  };
167
167
  var lightenRGB = function (rgbString, amount) {
168
168
  if (amount === void 0) { amount = 20; }
169
- console.log("RGB ==> ", rgbString);
170
- if (typeof rgbString === "string") {
169
+ console.log('RGB ==> ', rgbString);
170
+ if (typeof rgbString === 'string') {
171
171
  var match = rgbString.match(/\((\d+), (\d+), (\d+)\)/);
172
172
  if (match) {
173
173
  var r = parseInt(match[1]);
@@ -1,5 +1,5 @@
1
- export * from "./borders";
2
- export * from "./colors";
3
- export * from "./sizes";
4
- export * from "./radios";
5
- export * from "./alignments";
1
+ export * from './borders';
2
+ export * from './colors';
3
+ export * from './sizes';
4
+ export * from './radios';
5
+ export * from './alignments';
@@ -1,6 +1,6 @@
1
- export * from "./borders";
2
- export * from "./colors";
3
- export * from "./sizes";
4
- export * from "./radios";
5
- export * from "./alignments";
1
+ export * from './borders';
2
+ export * from './colors';
3
+ export * from './sizes';
4
+ export * from './radios';
5
+ export * from './alignments';
6
6
  //# sourceMappingURL=index.js.map
@@ -8,4 +8,4 @@ declare const sizes: {
8
8
  medium: string;
9
9
  large: string;
10
10
  };
11
- export { sizes, getBtnSize, getSize, getPaddingSize, getHeightSize, getIconSize, };
11
+ export { sizes, getBtnSize, getSize, getPaddingSize, getHeightSize, getIconSize };
@@ -1,67 +1,67 @@
1
1
  function getSize(size) {
2
2
  switch (size) {
3
- case "small":
4
- return "text-sm";
5
- case "medium":
6
- return "text-lg";
7
- case "large":
8
- return "text-xl";
3
+ case 'small':
4
+ return 'text-sm';
5
+ case 'medium':
6
+ return 'text-lg';
7
+ case 'large':
8
+ return 'text-xl';
9
9
  default:
10
- return "text-base";
10
+ return 'text-base';
11
11
  }
12
12
  }
13
13
  function getBtnSize(size) {
14
14
  switch (size) {
15
- case "small":
16
- return "px-3 py-2 text-xs font-medium";
17
- case "medium":
18
- return "px-5 py-2.5 text-sm font-medium ";
19
- case "large":
20
- return "px-6 py-3.5 text-base font-medium font-semibold";
15
+ case 'small':
16
+ return 'px-3 py-2 text-xs font-medium';
17
+ case 'medium':
18
+ return 'px-5 py-2.5 text-sm font-medium ';
19
+ case 'large':
20
+ return 'px-6 py-3.5 text-base font-medium font-semibold';
21
21
  default:
22
- return "h-10 py-2 px-4 text-lg";
22
+ return 'h-10 py-2 px-4 text-lg';
23
23
  }
24
24
  }
25
25
  function getPaddingSize(size) {
26
26
  switch (size) {
27
- case "small":
28
- return "px-4 py-2.5";
29
- case "medium":
30
- return "px-5 py-2.5";
31
- case "large":
32
- return "px-6 py-3";
27
+ case 'small':
28
+ return 'px-4 py-2.5';
29
+ case 'medium':
30
+ return 'px-5 py-2.5';
31
+ case 'large':
32
+ return 'px-6 py-3';
33
33
  default:
34
- return "px-5 py-2.5";
34
+ return 'px-5 py-2.5';
35
35
  }
36
36
  }
37
37
  function getHeightSize(size) {
38
38
  switch (size) {
39
- case "small":
40
- return "h-6";
41
- case "medium":
42
- return "h-10";
43
- case "large":
44
- return "10";
39
+ case 'small':
40
+ return 'h-6';
41
+ case 'medium':
42
+ return 'h-10';
43
+ case 'large':
44
+ return '10';
45
45
  default:
46
- return "h-12";
46
+ return 'h-12';
47
47
  }
48
48
  }
49
49
  function getIconSize(size) {
50
50
  switch (size) {
51
- case "small":
52
- return "px-1.5 py-0 h-6 w-6";
53
- case "medium":
54
- return "px-1.5 py-0 h-8 w-8";
55
- case "large":
56
- return "px-1.5 py-0 h-10 w-10";
51
+ case 'small':
52
+ return 'px-1.5 py-0 h-6 w-6';
53
+ case 'medium':
54
+ return 'px-1.5 py-0 h-8 w-8';
55
+ case 'large':
56
+ return 'px-1.5 py-0 h-10 w-10';
57
57
  default:
58
- return "px-1.5 py-0 h-8 w-8";
58
+ return 'px-1.5 py-0 h-8 w-8';
59
59
  }
60
60
  }
61
61
  var sizes = {
62
- small: "small",
63
- medium: "medium",
64
- large: "large",
62
+ small: 'small',
63
+ medium: 'medium',
64
+ large: 'large',
65
65
  };
66
- export { sizes, getBtnSize, getSize, getPaddingSize, getHeightSize, getIconSize, };
66
+ export { sizes, getBtnSize, getSize, getPaddingSize, getHeightSize, getIconSize };
67
67
  //# sourceMappingURL=sizes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../src/helpers/sizes.ts"],"names":[],"mappings":"AAAA,SAAS,OAAO,CAAC,IAAY;IAC3B,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,WAAW,CAAC;KACtB;AACH,CAAC;AAED,SAAS,UAAU,CAAC,IAAY;IAC9B,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,+BAA+B,CAAC;QACzC,KAAK,QAAQ;YACX,OAAO,kCAAkC,CAAC;QAC5C,KAAK,OAAO;YACV,OAAO,iDAAiD,CAAC;QAC3D;YACE,OAAO,wBAAwB,CAAC;KACnC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,IAAY;IAClC,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,aAAa,CAAC;QACvB,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC;QACvB,KAAK,OAAO;YACV,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,aAAa,CAAC;KACxB;AACH,CAAC;AAED,SAAS,aAAa,CAAC,IAAY;IACjC,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,KAAK,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,IAAI,CAAC;QACd;YACE,OAAO,MAAM,CAAC;KACjB;AACH,CAAC;AAED,SAAS,WAAW,CAAC,IAAY;IAC/B,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,qBAAqB,CAAC;QAC/B,KAAK,QAAQ;YACX,OAAO,qBAAqB,CAAC;QAC/B,KAAK,OAAO;YACV,OAAO,uBAAuB,CAAC;QACjC;YACE,OAAO,qBAAqB,CAAC;KAChC;AACH,CAAC;AAED,IAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,OAAO,EACL,KAAK,EACL,UAAU,EACV,OAAO,EACP,cAAc,EACd,aAAa,EACb,WAAW,GACZ,CAAC"}
1
+ {"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../src/helpers/sizes.ts"],"names":[],"mappings":"AAAA,SAAS,OAAO,CAAC,IAAY;IAC3B,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,WAAW,CAAC;KACtB;AACH,CAAC;AAED,SAAS,UAAU,CAAC,IAAY;IAC9B,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,+BAA+B,CAAC;QACzC,KAAK,QAAQ;YACX,OAAO,kCAAkC,CAAC;QAC5C,KAAK,OAAO;YACV,OAAO,iDAAiD,CAAC;QAC3D;YACE,OAAO,wBAAwB,CAAC;KACnC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,IAAY;IAClC,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,aAAa,CAAC;QACvB,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC;QACvB,KAAK,OAAO;YACV,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,aAAa,CAAC;KACxB;AACH,CAAC;AAED,SAAS,aAAa,CAAC,IAAY;IACjC,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,KAAK,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,IAAI,CAAC;QACd;YACE,OAAO,MAAM,CAAC;KACjB;AACH,CAAC;AAED,SAAS,WAAW,CAAC,IAAY;IAC/B,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,qBAAqB,CAAC;QAC/B,KAAK,QAAQ;YACX,OAAO,qBAAqB,CAAC;QAC/B,KAAK,OAAO;YACV,OAAO,uBAAuB,CAAC;QACjC;YACE,OAAO,qBAAqB,CAAC;KAChC;AACH,CAAC;AAED,IAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC"}
@@ -1,18 +1,18 @@
1
- import { Accordion } from "./components/Accordion";
2
- import { Button } from "./components/Button";
3
- import { Card } from "./components/Card";
4
- import { CheckBox } from "./components/CheckBox";
5
- import { IconButton } from "./components/IconButton";
6
- import { Icons } from "./components/Icons";
7
- import { Modal } from "./components/Modal";
8
- import { Paper } from "./components/Paper";
9
- import { ProgressBar } from "./components/ProgressBar";
10
- import { RadioGroup } from "./components/RadioGroup";
11
- import { RangerSlider } from "./components/RangerSlider";
12
- import { Select } from "./components/Select";
13
- import { Tabs } from "./components/Tabs";
14
- import { Tag } from "./components/Tag";
15
- import { TextField } from "./components/TextField";
16
- import { DatePicker } from "./components/DatePicker";
17
- import { themes, getPalette } from "./helpers";
1
+ import { Accordion } from './components/Accordion';
2
+ import { Button } from './components/Button';
3
+ import { Card } from './components/Card';
4
+ import { CheckBox } from './components/CheckBox';
5
+ import { IconButton } from './components/IconButton';
6
+ import { Icons } from './components/Icons';
7
+ import { Modal } from './components/Modal';
8
+ import { Paper } from './components/Paper';
9
+ import { ProgressBar } from './components/ProgressBar';
10
+ import { RadioGroup } from './components/RadioGroup';
11
+ import { RangerSlider } from './components/RangerSlider';
12
+ import { Select } from './components/Select';
13
+ import { Tabs } from './components/Tabs';
14
+ import { Tag } from './components/Tag';
15
+ import { TextField } from './components/TextField';
16
+ import { DatePicker } from './components/DatePicker';
17
+ import { themes, getPalette } from './helpers';
18
18
  export { Accordion, Button, Card, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, themes, };
package/dist/esm/index.js CHANGED
@@ -1,19 +1,19 @@
1
- import { Accordion } from "./components/Accordion";
2
- import { Button } from "./components/Button";
3
- import { Card } from "./components/Card";
4
- import { CheckBox } from "./components/CheckBox";
5
- import { IconButton } from "./components/IconButton";
6
- import { Icons } from "./components/Icons";
7
- import { Modal } from "./components/Modal";
8
- import { Paper } from "./components/Paper";
9
- import { ProgressBar } from "./components/ProgressBar";
10
- import { RadioGroup } from "./components/RadioGroup";
11
- import { RangerSlider } from "./components/RangerSlider";
12
- import { Select } from "./components/Select";
13
- import { Tabs } from "./components/Tabs";
14
- import { Tag } from "./components/Tag";
15
- import { TextField } from "./components/TextField";
16
- import { DatePicker } from "./components/DatePicker";
17
- import { themes, getPalette } from "./helpers";
1
+ import { Accordion } from './components/Accordion';
2
+ import { Button } from './components/Button';
3
+ import { Card } from './components/Card';
4
+ import { CheckBox } from './components/CheckBox';
5
+ import { IconButton } from './components/IconButton';
6
+ import { Icons } from './components/Icons';
7
+ import { Modal } from './components/Modal';
8
+ import { Paper } from './components/Paper';
9
+ import { ProgressBar } from './components/ProgressBar';
10
+ import { RadioGroup } from './components/RadioGroup';
11
+ import { RangerSlider } from './components/RangerSlider';
12
+ import { Select } from './components/Select';
13
+ import { Tabs } from './components/Tabs';
14
+ import { Tag } from './components/Tag';
15
+ import { TextField } from './components/TextField';
16
+ import { DatePicker } from './components/DatePicker';
17
+ import { themes, getPalette } from './helpers';
18
18
  export { Accordion, Button, Card, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, themes, };
19
19
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { SxProps } from "@mui/material";
3
- import { Theme } from "@emotion/react";
4
- import { DataAccordion, MuiAccordionBaseProps } from "../types";
2
+ import { SxProps } from '@mui/material';
3
+ import { Theme } from '@emotion/react';
4
+ import { DataAccordion, MuiAccordionBaseProps } from '../types';
5
5
  export interface AccordionBaseProps extends MuiAccordionBaseProps {
6
6
  label?: React.ReactNode | String;
7
7
  sx?: SxProps<Theme>;
@@ -1,12 +1,12 @@
1
- import { ReactNode } from "react";
2
- import { Theme } from "@emotion/react";
3
- import { AvatarPropsVariantOverrides, SxProps } from "@mui/material";
4
- import { MuiAvatarBaseProps } from "../types";
5
- import { OverridableStringUnion } from "@mui/types";
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+ import { AvatarPropsVariantOverrides, SxProps } from '@mui/material';
4
+ import { MuiAvatarBaseProps } from '../types';
5
+ import { OverridableStringUnion } from '@mui/types';
6
6
  export interface AvatarBaseProps extends MuiAvatarBaseProps {
7
7
  sx?: SxProps<Theme>;
8
8
  src?: string;
9
9
  children?: ReactNode;
10
- variant?: OverridableStringUnion<"circular" | "rounded" | "square", AvatarPropsVariantOverrides>;
10
+ variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
11
11
  sizes?: string;
12
12
  }
@@ -1,14 +1,14 @@
1
- import { ReactNode } from "react";
2
- import { Theme } from "@emotion/react";
3
- import { BadgePropsColorOverrides, BadgePropsVariantOverrides, SxProps } from "@mui/material";
4
- import { MuiBadgeBaseProps } from "@/types";
5
- import { OverridableStringUnion } from "@mui/types";
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+ import { BadgePropsColorOverrides, BadgePropsVariantOverrides, SxProps } from '@mui/material';
4
+ import { MuiBadgeBaseProps } from '@/types';
5
+ import { OverridableStringUnion } from '@mui/types';
6
6
  export interface BadgeBaseProps extends MuiBadgeBaseProps {
7
7
  sx?: SxProps<Theme>;
8
8
  className?: string;
9
9
  children?: ReactNode;
10
10
  badgeContent?: ReactNode;
11
11
  invisible?: boolean;
12
- color?: OverridableStringUnion<"primary" | "secondary" | "default" | "error" | "info" | "success" | "warning", BadgePropsColorOverrides>;
13
- variant?: OverridableStringUnion<"standard" | "dot", BadgePropsVariantOverrides>;
12
+ color?: OverridableStringUnion<'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning', BadgePropsColorOverrides>;
13
+ variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
14
14
  }
@@ -1,8 +1,8 @@
1
- import { ReactNode } from "react";
2
- import { Theme } from "@emotion/react";
3
- import { ButtonPropsColorOverrides, ButtonPropsSizeOverrides, ButtonPropsVariantOverrides, SxProps } from "@mui/material";
4
- import { OverridableStringUnion } from "@mui/types";
5
- import { ColorVariant, ButtonVariant, SizeVariant, MuiButtonBaseProps } from "../types";
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+ import { ButtonPropsColorOverrides, ButtonPropsSizeOverrides, ButtonPropsVariantOverrides, SxProps } from '@mui/material';
4
+ import { OverridableStringUnion } from '@mui/types';
5
+ import { ColorVariant, ButtonVariant, SizeVariant, MuiButtonBaseProps } from '../types';
6
6
  export interface ButtonBaseProps extends MuiButtonBaseProps {
7
7
  label?: string;
8
8
  sx?: SxProps<Theme>;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { SxProps } from "@mui/material";
3
- import { Theme } from "@emotion/react";
4
- import { ColorVariant, MuiCardBaseProps } from "../types";
2
+ import { SxProps } from '@mui/material';
3
+ import { Theme } from '@emotion/react';
4
+ import { ColorVariant, MuiCardBaseProps } from '../types';
5
5
  export interface CardBaseProps extends MuiCardBaseProps {
6
6
  sx?: SxProps<Theme>;
7
7
  raised?: boolean;
@@ -5,7 +5,7 @@ export interface ChatProps {
5
5
  emotion?: React.ReactNode;
6
6
  emotionReplay?: React.ReactNode;
7
7
  time: string;
8
- send: "me" | "replay";
8
+ send: 'me' | 'replay';
9
9
  }
10
10
  export interface ChatMessageProps {
11
11
  data: ChatProps[];
@@ -1,19 +1,19 @@
1
- import { OverridableStringUnion } from "@mui/types";
2
- import { Checkbox, SxProps, Theme } from "@mui/material";
3
- import { SwitchBaseProps } from "@mui/material/internal/SwitchBase";
4
- import { CheckBoxColorVariant, CheckboxPropsColorOverrides, CheckboxPropsSizeOverrides, MuiCheckBoxBaseProps, TextFieldSizeVariant } from "../types";
1
+ import { OverridableStringUnion } from '@mui/types';
2
+ import { Checkbox, SxProps, Theme } from '@mui/material';
3
+ import { SwitchBaseProps } from '@mui/material/internal/SwitchBase';
4
+ import { CheckBoxColorVariant, CheckboxPropsColorOverrides, CheckboxPropsSizeOverrides, MuiCheckBoxBaseProps, TextFieldSizeVariant } from '../types';
5
5
  export interface CheckBoxBaseProps extends MuiCheckBoxBaseProps {
6
6
  sx?: SxProps<Theme>;
7
7
  name?: string;
8
8
  label?: string;
9
- checked?: SwitchBaseProps["checked"];
9
+ checked?: SwitchBaseProps['checked'];
10
10
  color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
11
- disabled?: SwitchBaseProps["disabled"];
12
- id?: SwitchBaseProps["id"];
13
- onChange?: SwitchBaseProps["onChange"];
14
- required?: SwitchBaseProps["required"];
11
+ disabled?: SwitchBaseProps['disabled'];
12
+ id?: SwitchBaseProps['id'];
13
+ onChange?: SwitchBaseProps['onChange'];
14
+ required?: SwitchBaseProps['required'];
15
15
  size?: OverridableStringUnion<TextFieldSizeVariant, CheckboxPropsSizeOverrides>;
16
- value?: SwitchBaseProps["value"];
16
+ value?: SwitchBaseProps['value'];
17
17
  defaultChecked?: boolean;
18
18
  }
19
19
  export type CheckboxType = keyof typeof Checkbox;
@@ -1,6 +1,6 @@
1
- import { MuiDataGridBaseProps } from "@/types";
2
- import { SxProps, Theme } from "@mui/material";
3
- import { OverridableStringUnion } from "@mui/types";
1
+ import { MuiDataGridBaseProps } from '@/types';
2
+ import { SxProps, Theme } from '@mui/material';
3
+ import { OverridableStringUnion } from '@mui/types';
4
4
  export interface DataGridPropsVariantOverrides {
5
5
  }
6
6
  export interface SortingProps {
@@ -13,7 +13,7 @@ export interface DataGridBaseProps extends MuiDataGridBaseProps {
13
13
  columns: any;
14
14
  }[];
15
15
  sx?: SxProps<Theme>;
16
- variant?: OverridableStringUnion<"standard" | "standard-divider" | "standard-selectable" | "quiet" | "quiet-divider" | "quiet-selectable", DataGridPropsVariantOverrides>;
16
+ variant?: OverridableStringUnion<'standard' | 'standard-divider' | 'standard-selectable' | 'quiet' | 'quiet-divider' | 'quiet-selectable', DataGridPropsVariantOverrides>;
17
17
  width?: string;
18
18
  height?: string;
19
19
  }
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { SxProps } from "@mui/material";
3
- import { Theme } from "@emotion/react";
4
- import { DatePickVariant } from "../types";
2
+ import { SxProps } from '@mui/material';
3
+ import { Theme } from '@emotion/react';
4
+ import { DatePickVariant } from '../types';
5
5
  export interface DatePickerBaseProps {
6
6
  sx?: SxProps<Theme>;
7
7
  label?: string;
@@ -1,7 +1,7 @@
1
- import { ReactNode } from "react";
2
- import { Theme } from "@emotion/react";
3
- import { SxProps } from "@mui/material";
4
- import { DropVariant, MuiDropDownBaseProps } from "../types";
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+ import { SxProps } from '@mui/material';
4
+ import { DropVariant, MuiDropDownBaseProps } from '../types';
5
5
  export interface DropDownBaseProps extends MuiDropDownBaseProps {
6
6
  sx?: SxProps<Theme>;
7
7
  open: boolean;
@@ -1,8 +1,8 @@
1
- import { ReactNode } from "react";
2
- import { Theme } from "@emotion/react";
3
- import { ButtonPropsColorOverrides, ButtonPropsSizeOverrides, ButtonPropsVariantOverrides, SxProps } from "@mui/material";
4
- import { OverridableStringUnion } from "@mui/types";
5
- import { ColorVariant, ButtonVariant, SizeVariant, MuiIconButtonBaseProps } from "../types";
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+ import { ButtonPropsColorOverrides, ButtonPropsSizeOverrides, ButtonPropsVariantOverrides, SxProps } from '@mui/material';
4
+ import { OverridableStringUnion } from '@mui/types';
5
+ import { ColorVariant, ButtonVariant, SizeVariant, MuiIconButtonBaseProps } from '../types';
6
6
  export interface IconButtonBaseProps extends MuiIconButtonBaseProps {
7
7
  sx?: SxProps<Theme>;
8
8
  children?: ReactNode;
@@ -1,6 +1,6 @@
1
- import { ComponentProps } from "react";
2
- import { IconScale, IconColors, IconType } from "../types";
3
- import { Svg } from "../components/Icons";
1
+ import { ComponentProps } from 'react';
2
+ import { IconScale, IconColors, IconType } from '../types';
3
+ import { Svg } from '../components/Icons';
4
4
  export interface IconsProps extends ComponentProps<typeof Svg> {
5
5
  useSymbol?: boolean;
6
6
  scale?: IconScale;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { SxProps } from "@mui/material";
3
- import { Theme } from "@emotion/react";
4
- import { MuiModalBaseProps, OnAction } from "@/types";
2
+ import { SxProps } from '@mui/material';
3
+ import { Theme } from '@emotion/react';
4
+ import { MuiModalBaseProps, OnAction } from '@/types';
5
5
  export interface ModalBaseProps extends MuiModalBaseProps {
6
6
  sx?: SxProps<Theme>;
7
7
  children: React.ReactElement;
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
- import { PaperPropsVariantOverrides, SxProps } from "@mui/material";
3
- import { Theme } from "@emotion/react";
4
- import { MuiPaperBaseProps, PaperVariant } from "../types";
5
- import { OverridableStringUnion } from "@mui/types";
2
+ import { PaperPropsVariantOverrides, SxProps } from '@mui/material';
3
+ import { Theme } from '@emotion/react';
4
+ import { MuiPaperBaseProps, PaperVariant } from '../types';
5
+ import { OverridableStringUnion } from '@mui/types';
6
6
  export interface PaperBaseProps extends MuiPaperBaseProps {
7
7
  sx?: SxProps<Theme>;
8
8
  elevation?: number;
@@ -1,8 +1,8 @@
1
- import { SxProps } from "@mui/material";
2
- import { Theme } from "@emotion/react";
3
- import { OverridableStringUnion } from "@mui/types";
4
- import { ColorVariant, MuiProgressBarBaseProps, ProgressVariant } from "../types";
5
- import { ProgressBar } from "..";
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { OverridableStringUnion } from '@mui/types';
4
+ import { ColorVariant, MuiProgressBarBaseProps, ProgressVariant } from '../types';
5
+ import { ProgressBar } from '..';
6
6
  export interface LinearProgressPropsColorOverrides {
7
7
  }
8
8
  export interface ProgressBarBaseProps extends MuiProgressBarBaseProps {
@@ -1,7 +1,7 @@
1
- import { ReactNode } from "react";
2
- import { CheckBoxColorVariant, DirectionVariant, MuiRadioBaseProps, OptionsRadios, TextFieldSizeVariant } from "../types";
3
- import { CheckboxPropsColorOverrides, RadioPropsSizeOverrides } from "@mui/material";
4
- import { OverridableStringUnion } from "@mui/types";
1
+ import { ReactNode } from 'react';
2
+ import { CheckBoxColorVariant, DirectionVariant, MuiRadioBaseProps, OptionsRadios, TextFieldSizeVariant } from '../types';
3
+ import { CheckboxPropsColorOverrides, RadioPropsSizeOverrides } from '@mui/material';
4
+ import { OverridableStringUnion } from '@mui/types';
5
5
  export interface RadioBaseProps extends MuiRadioBaseProps {
6
6
  id?: string;
7
7
  name?: string;