@factorearth/component-library 3.2.9 → 3.3.4-alpha.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 (49) hide show
  1. package/README.md +11 -11
  2. package/dist/Atoms/Buttons/Button.d.ts +1 -1
  3. package/dist/Atoms/Buttons/Button.js +17 -17
  4. package/dist/Atoms/Buttons/Button.js.map +1 -1
  5. package/dist/Atoms/ContentDropdown/ContentDropdown.d.ts +11 -0
  6. package/dist/Atoms/ContentDropdown/ContentDropdown.js +37 -0
  7. package/dist/Atoms/ContentDropdown/ContentDropdown.js.map +1 -0
  8. package/dist/Atoms/DateField/DateField.d.ts +1 -1
  9. package/dist/Atoms/DateField/DateField.js +94 -94
  10. package/dist/Atoms/DateField/DateField.js.map +1 -1
  11. package/dist/Atoms/DropdownField/DropdownField.d.ts +1 -1
  12. package/dist/Atoms/FieldWrapper/FieldWrapper.js +21 -21
  13. package/dist/Atoms/MoreHorizonButton/MoreHorizonButton.js +52 -52
  14. package/dist/Atoms/NoteField/NoteField.js +38 -38
  15. package/dist/Atoms/NumberField/NumberField.d.ts +1 -1
  16. package/dist/Atoms/NumberField/NumberField.js +63 -63
  17. package/dist/Atoms/NumberField/NumberField.js.map +1 -1
  18. package/dist/Atoms/Pagination/Pagination.js +26 -26
  19. package/dist/Atoms/PhoneNumberField/PhoneNumberField.d.ts +1 -1
  20. package/dist/Atoms/PhoneNumberField/PhoneNumberField.js +8 -6
  21. package/dist/Atoms/PhoneNumberField/PhoneNumberField.js.map +1 -1
  22. package/dist/Atoms/SelectField/SelectField.d.ts +1 -1
  23. package/dist/Atoms/SortDropdown/SortDropdown.js +39 -39
  24. package/dist/Atoms/Tab/Tab.d.ts +10 -0
  25. package/dist/Atoms/Tab/Tab.js +27 -0
  26. package/dist/Atoms/Tab/Tab.js.map +1 -0
  27. package/dist/Atoms/TextField/TextField.d.ts +1 -1
  28. package/dist/Atoms/TextField/TextField.js +23 -20
  29. package/dist/Atoms/TextField/TextField.js.map +1 -1
  30. package/dist/Molecules/Form/Form.d.ts +14 -0
  31. package/dist/Molecules/Form/Form.js +17 -0
  32. package/dist/Molecules/Form/Form.js.map +1 -0
  33. package/dist/Molecules/Thumbnail/Thumbnail.d.ts +1 -1
  34. package/dist/Molecules/Thumbnail/Thumbnail.js +51 -51
  35. package/dist/Molecules/Thumbnail/Thumbnail.js.map +1 -1
  36. package/dist/Organisms/Card/Card.d.ts +1 -1
  37. package/dist/Organisms/Card/Card.js +36 -36
  38. package/dist/Organisms/Card/Card.js.map +1 -1
  39. package/dist/Organisms/Modal/Modal.d.ts +4 -4
  40. package/dist/Organisms/Modal/Modal.js +68 -68
  41. package/dist/Organisms/Modal/Modal.js.map +1 -1
  42. package/dist/Organisms/TabManager/TabManager.d.ts +9 -0
  43. package/dist/Organisms/TabManager/TabManager.js +47 -0
  44. package/dist/Organisms/TabManager/TabManager.js.map +1 -0
  45. package/dist/Theme/ThemeProvider.js +36 -8
  46. package/dist/Theme/ThemeProvider.js.map +1 -1
  47. package/dist/Theme/tokens.json +24 -0
  48. package/dist/Theme/types.d.ts +21 -1
  49. package/package.json +2 -2
package/dist/Theme/tokens.json CHANGED
@@ -5,6 +5,18 @@
5
5
  "type": "lineHeights"
6
6
  },
7
7
  "Base Colors": {
8
+ "100-white": {
9
+ "value": "#FFF",
10
+ "type": "color",
11
+ "parent": "Collection 1/Mode 1",
12
+ "description": "Text Color for Selected Tab on Light Mode"
13
+ },
14
+ "1000-black": {
15
+ "value": "#000",
16
+ "type": "color",
17
+ "parent": "Collection 1/Mode 1",
18
+ "description": "Text Color for Selected Tab on Dark Mode"
19
+ },
8
20
  "200-white-grey": {
9
21
  "value": "#FCFCFD",
10
22
  "type": "color",
@@ -63,6 +75,18 @@
63
75
  "type": "color",
64
76
  "parent": "Collection 1/Mode 1",
65
77
  "description": ""
78
+ },
79
+ "800-grey": {
80
+ "value": "#E9EBEC",
81
+ "type": "color",
82
+ "parent": "Collection 1/Mode 1",
83
+ "description": "Disabled Text Inputs"
84
+ },
85
+ "1000-grey": {
86
+ "value": "#373737",
87
+ "type": "color",
88
+ "parent": "Collection 1/Mode 1",
89
+ "description": "Disabled Text Inputs Dark Mode"
66
90
  }
67
91
  },
68
92
  "border-radius-sm": {
package/dist/Theme/types.d.ts CHANGED
@@ -5,6 +5,8 @@ interface GreyColorMapping {
5
5
  500: string;
6
6
  600: string;
7
7
  700: string;
8
+ 800: string;
9
+ 1000: string;
8
10
  }
9
11
  interface BlueColorMapping {
10
12
  300: string;
@@ -16,11 +18,19 @@ interface GreenColorMapping {
16
18
  interface RedColorMapping {
17
19
  500: string;
18
20
  }
21
+ interface WhiteColorMapping {
22
+ 100: string;
23
+ }
24
+ interface BlackColorMapping {
25
+ 1000: string;
26
+ }
19
27
  export interface ThemeBaseColors {
20
- grey: GreyColorMapping;
28
+ black: BlackColorMapping;
21
29
  blue: BlueColorMapping;
22
30
  green: GreenColorMapping;
31
+ grey: GreyColorMapping;
23
32
  red: RedColorMapping;
33
+ white: WhiteColorMapping;
24
34
  }
25
35
  export interface Colors {
26
36
  text: {
@@ -30,10 +40,12 @@ export interface Colors {
30
40
  badge: string;
31
41
  };
32
42
  background: {
43
+ absolute: string;
33
44
  primary: string;
34
45
  secondary: string;
35
46
  tertiary: string;
36
47
  tableRow: string;
48
+ disabledInput: string;
37
49
  };
38
50
  border: {
39
51
  primary: string;
@@ -68,6 +80,14 @@ export interface Colors {
68
80
  icon: string;
69
81
  disabled: string;
70
82
  };
83
+ tab: {
84
+ selected: string;
85
+ notSelected: string;
86
+ };
87
+ tabText: {
88
+ selected: string;
89
+ notSelected: string;
90
+ };
71
91
  theme: "light" | "dark";
72
92
  }
73
93
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@factorearth/component-library",
3
- "version": "3.2.9",
3
+ "version": "3.3.4-alpha.0",
4
4
  "description": " A storybook component library for FactorEarth",
5
5
  "author": "madtrx <marlin.makori@gmail.com>",
6
6
  "homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
@@ -46,7 +46,7 @@
46
46
  "access": "public",
47
47
  "registry": "https://registry.npmjs.org/"
48
48
  },
49
- "gitHead": "e6e453adcae2ec61e7fbb70fbf99ac6e6198290e",
49
+ "gitHead": "3c34b640546a8fe4cb1bdc9bb068734d47f0c249",
50
50
  "dependencies": {
51
51
  "@emotion/react": "^11.13.0",
52
52
  "@emotion/styled": "^11.13.0",