@qoretechnologies/reqore 0.25.10 → 0.26.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 (115) hide show
  1. package/__tests__/effect.test.tsx +70 -0
  2. package/dist/components/Button/index.d.ts +3 -2
  3. package/dist/components/Button/index.d.ts.map +1 -1
  4. package/dist/components/Button/index.js +15 -14
  5. package/dist/components/Button/index.js.map +1 -1
  6. package/dist/components/ControlGroup/index.d.ts.map +1 -1
  7. package/dist/components/ControlGroup/index.js +4 -1
  8. package/dist/components/ControlGroup/index.js.map +1 -1
  9. package/dist/components/Effect/index.d.ts +29 -0
  10. package/dist/components/Effect/index.d.ts.map +1 -0
  11. package/dist/components/Effect/index.js +117 -0
  12. package/dist/components/Effect/index.js.map +1 -0
  13. package/dist/components/Header/index.d.ts +14 -8
  14. package/dist/components/Header/index.d.ts.map +1 -1
  15. package/dist/components/Header/index.js +52 -33
  16. package/dist/components/Header/index.js.map +1 -1
  17. package/dist/components/Input/index.d.ts +3 -2
  18. package/dist/components/Input/index.d.ts.map +1 -1
  19. package/dist/components/Input/index.js +8 -7
  20. package/dist/components/Input/index.js.map +1 -1
  21. package/dist/components/Menu/index.js +1 -1
  22. package/dist/components/Menu/index.js.map +1 -1
  23. package/dist/components/Menu/item.d.ts +5 -11
  24. package/dist/components/Menu/item.d.ts.map +1 -1
  25. package/dist/components/Menu/item.js +4 -4
  26. package/dist/components/Menu/item.js.map +1 -1
  27. package/dist/components/Message/index.d.ts +3 -6
  28. package/dist/components/Message/index.d.ts.map +1 -1
  29. package/dist/components/Message/index.js +2 -1
  30. package/dist/components/Message/index.js.map +1 -1
  31. package/dist/components/Notifications/notification.d.ts +3 -2
  32. package/dist/components/Notifications/notification.d.ts.map +1 -1
  33. package/dist/components/Notifications/notification.js +3 -2
  34. package/dist/components/Notifications/notification.js.map +1 -1
  35. package/dist/components/Panel/index.d.ts +3 -1
  36. package/dist/components/Panel/index.d.ts.map +1 -1
  37. package/dist/components/Panel/index.js +14 -16
  38. package/dist/components/Panel/index.js.map +1 -1
  39. package/dist/components/Popover/index.d.ts.map +1 -1
  40. package/dist/components/Popover/index.js +0 -2
  41. package/dist/components/Popover/index.js.map +1 -1
  42. package/dist/components/Tabs/item.d.ts +1 -1
  43. package/dist/components/Tabs/item.d.ts.map +1 -1
  44. package/dist/components/Tabs/item.js +6 -5
  45. package/dist/components/Tabs/item.js.map +1 -1
  46. package/dist/components/Tag/index.d.ts +2 -2
  47. package/dist/components/Tag/index.d.ts.map +1 -1
  48. package/dist/components/Tag/index.js +6 -4
  49. package/dist/components/Tag/index.js.map +1 -1
  50. package/dist/components/Textarea/index.d.ts +2 -2
  51. package/dist/components/Textarea/index.d.ts.map +1 -1
  52. package/dist/components/Textarea/index.js +8 -7
  53. package/dist/components/Textarea/index.js.map +1 -1
  54. package/dist/constants/sizes.d.ts +7 -0
  55. package/dist/constants/sizes.d.ts.map +1 -1
  56. package/dist/constants/sizes.js +8 -1
  57. package/dist/constants/sizes.js.map +1 -1
  58. package/dist/constants/theme.d.ts +1 -0
  59. package/dist/constants/theme.d.ts.map +1 -1
  60. package/dist/constants/theme.js.map +1 -1
  61. package/dist/containers/ReqoreProvider.d.ts +2 -2
  62. package/dist/containers/ReqoreProvider.d.ts.map +1 -1
  63. package/dist/containers/ReqoreProvider.js +7 -5
  64. package/dist/containers/ReqoreProvider.js.map +1 -1
  65. package/dist/containers/UIProvider.d.ts +9 -3
  66. package/dist/containers/UIProvider.d.ts.map +1 -1
  67. package/dist/containers/UIProvider.js +3 -2
  68. package/dist/containers/UIProvider.js.map +1 -1
  69. package/dist/context/ReqoreContext.d.ts +2 -0
  70. package/dist/context/ReqoreContext.d.ts.map +1 -1
  71. package/dist/context/ReqoreContext.js +4 -1
  72. package/dist/context/ReqoreContext.js.map +1 -1
  73. package/dist/helpers/colors.js +1 -1
  74. package/dist/helpers/colors.js.map +1 -1
  75. package/dist/index.d.ts +2 -1
  76. package/dist/index.d.ts.map +1 -1
  77. package/dist/index.js +6 -2
  78. package/dist/index.js.map +1 -1
  79. package/dist/types/global.d.ts +13 -0
  80. package/dist/types/global.d.ts.map +1 -1
  81. package/package.json +2 -1
  82. package/src/components/Button/index.tsx +34 -23
  83. package/src/components/ControlGroup/index.tsx +1 -0
  84. package/src/components/Effect/index.tsx +134 -0
  85. package/src/components/Header/index.tsx +33 -28
  86. package/src/components/Input/index.tsx +15 -7
  87. package/src/components/Menu/index.tsx +1 -1
  88. package/src/components/Menu/item.tsx +8 -17
  89. package/src/components/Message/index.tsx +13 -5
  90. package/src/components/Notifications/notification.tsx +6 -3
  91. package/src/components/Panel/index.tsx +27 -25
  92. package/src/components/Popover/index.tsx +0 -13
  93. package/src/components/Tabs/item.tsx +92 -79
  94. package/src/components/Tag/index.tsx +16 -7
  95. package/src/components/Textarea/index.tsx +14 -7
  96. package/src/constants/sizes.ts +8 -0
  97. package/src/constants/theme.ts +1 -0
  98. package/src/containers/ReqoreProvider.tsx +16 -8
  99. package/src/containers/UIProvider.tsx +15 -13
  100. package/src/context/ReqoreContext.tsx +5 -0
  101. package/src/helpers/colors.ts +1 -1
  102. package/src/index.tsx +10 -1
  103. package/src/mock/collectionData.tsx +55 -2
  104. package/src/stories/Button/Button.stories.tsx +15 -2
  105. package/src/stories/Header/Header.stories.tsx +71 -0
  106. package/src/stories/Input/Input.stories.tsx +12 -0
  107. package/src/stories/Menu/Menu.stories.tsx +14 -0
  108. package/src/stories/Message/Message.stories.tsx +13 -0
  109. package/src/stories/Notifications/Notification.stories.tsx +7 -2
  110. package/src/stories/Panel/Panel.stories.tsx +37 -1
  111. package/src/stories/Tabs/Tabs.stories.tsx +23 -23
  112. package/src/stories/Tag/Tag.stories.tsx +16 -0
  113. package/src/stories/TextArea/TextArea.stories.tsx +18 -0
  114. package/src/types/global.ts +14 -0
  115. package/tests.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"ReqoreContext.d.ts","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEjG,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,aAAa,CAAC,EAAE,uBAAuB,EAAE,GAAG,IAAI,CAAC;IAC1D,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,GAAG,CAAC;IAClE,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,GAAG,CAAC;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,MAAM,CAAC;CAC9C;;AAED,wBAKG"}
1
+ {"version":3,"file":"ReqoreContext.d.ts","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,aAAa,CAAC,EAAE,uBAAuB,EAAE,GAAG,IAAI,CAAC;IAC1D,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,GAAG,CAAC;IAClE,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,GAAG,CAAC;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,MAAM,CAAC;IAC7C,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;CACpD;;AAED,wBAQG"}
@@ -5,6 +5,9 @@ exports["default"] = (0, react_1.createContext)({
5
5
  confirmAction: null,
6
6
  notifications: null,
7
7
  addNotification: null,
8
- removeNotification: null
8
+ removeNotification: null,
9
+ animations: {
10
+ buttons: true
11
+ }
9
12
  });
10
13
  //# sourceMappingURL=ReqoreContext.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ReqoreContext.js","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":";;AAAA,+BAAsC;AActC,qBAAe,IAAA,qBAAa,EAAiB;IAC3C,aAAa,EAAE,IAAI;IACnB,aAAa,EAAE,IAAI;IACnB,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;CACzB,CAAC,CAAC"}
1
+ {"version":3,"file":"ReqoreContext.js","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":";;AAAA,+BAAsC;AAgBtC,qBAAe,IAAA,qBAAa,EAAiB;IAC3C,aAAa,EAAE,IAAI;IACnB,aAAa,EAAE,IAAI;IACnB,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;IACxB,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;KACd;CACF,CAAC,CAAC"}
@@ -98,7 +98,7 @@ var mergeThemes = function (element, theme, customTheme) {
98
98
  return clonedTheme;
99
99
  }
100
100
  if (element === 'main' && customTheme) {
101
- (0, lodash_1.merge)(clonedTheme, { main: customTheme.main });
101
+ (0, lodash_1.merge)(clonedTheme, { main: customTheme.main, originalMain: clonedTheme.main });
102
102
  }
103
103
  else {
104
104
  (0, lodash_1.merge)(clonedTheme, (_a = {}, _a[element] = customTheme || {}, _a));
@@ -1 +1 @@
1
- {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -12,7 +12,8 @@ export { default as ReqoreControlGroup } from './components/ControlGroup';
12
12
  export { ReqoreDrawer } from './components/Drawer';
13
13
  export { default as ReqoreDropdown } from './components/Dropdown';
14
14
  export { ReqoreDropdownDivider, ReqoreDropdownItem } from './components/Dropdown/item';
15
- export { ReqoreH1, ReqoreH2, ReqoreH3, ReqoreH4, ReqoreH5, ReqoreH6 } from './components/Header';
15
+ export { ReqoreEffect, ReqoreTextEffect } from './components/Effect';
16
+ export { ReqoreH1, ReqoreH2, ReqoreH3, ReqoreH4, ReqoreH5, ReqoreH6, ReqoreHeading, } from './components/Header';
16
17
  export { default as ReqoreIcon } from './components/Icon';
17
18
  export { default as ReqoreInput } from './components/Input';
18
19
  export { default as ReqoreLayoutContent } from './components/Layout/content';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -11,8 +11,8 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
11
11
  o[k2] = m[k];
12
12
  }));
13
13
  exports.__esModule = true;
14
- exports.ReqoreTagGroup = exports.ReqoreTag = exports.ReqoreTabsList = exports.ReqoreTabsListItem = exports.ReqoreTabsContent = exports.ReqoreTabs = exports.ReqoreTable = exports.ReqoreSpacer = exports.ReqoreSidebar = exports.ReqoreRadioGroup = exports.ReqorePopover = exports.ReqoreParagraph = exports.ReqoreP = exports.ReqorePanel = exports.ReqoreNotification = exports.ReqoreNotificationsWrapper = exports.ReqoreNavbarItem = exports.ReqoreNavbarGroup = exports.ReqoreNavbarDivider = exports.ReqoreHeader = exports.ReqoreFooter = exports.ReqoreModal = exports.ReqoreMessage = exports.ReqoreMenuItem = exports.ReqoreMenuDivider = exports.ReqoreMenu = exports.ReqoreLayoutContent = exports.ReqoreInput = exports.ReqoreIcon = exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreDropdownItem = exports.ReqoreDropdownDivider = exports.ReqoreDropdown = exports.ReqoreDrawer = exports.ReqoreControlGroup = exports.ReqoreContent = exports.ReqoreCommentFeed = exports.ReqoreComment = exports.ReqoreColumn = exports.ReqoreColumns = exports.ReqoreCollection = exports.ReqoreCheckbox = exports.ReqoreButton = exports.ReqoreBreadcrumbsItem = exports.ReqoreBreadcrumbs = void 0;
15
- exports.useLatestZIndex = exports.ReqoreThemeContext = exports.ReqoreContext = exports.ReqoreUIProvider = exports.ReqoreNotifications = exports.ReqoreColors = exports.ReqoreTree = exports.ReqoreTimeAgo = exports.ReqoreTextarea = void 0;
14
+ exports.ReqoreTabsListItem = exports.ReqoreTabsContent = exports.ReqoreTabs = exports.ReqoreTable = exports.ReqoreSpacer = exports.ReqoreSidebar = exports.ReqoreRadioGroup = exports.ReqorePopover = exports.ReqoreParagraph = exports.ReqoreP = exports.ReqorePanel = exports.ReqoreNotification = exports.ReqoreNotificationsWrapper = exports.ReqoreNavbarItem = exports.ReqoreNavbarGroup = exports.ReqoreNavbarDivider = exports.ReqoreHeader = exports.ReqoreFooter = exports.ReqoreModal = exports.ReqoreMessage = exports.ReqoreMenuItem = exports.ReqoreMenuDivider = exports.ReqoreMenu = exports.ReqoreLayoutContent = exports.ReqoreInput = exports.ReqoreIcon = exports.ReqoreHeading = exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreTextEffect = exports.ReqoreEffect = exports.ReqoreDropdownItem = exports.ReqoreDropdownDivider = exports.ReqoreDropdown = exports.ReqoreDrawer = exports.ReqoreControlGroup = exports.ReqoreContent = exports.ReqoreCommentFeed = exports.ReqoreComment = exports.ReqoreColumn = exports.ReqoreColumns = exports.ReqoreCollection = exports.ReqoreCheckbox = exports.ReqoreButton = exports.ReqoreBreadcrumbsItem = exports.ReqoreBreadcrumbs = void 0;
15
+ exports.useLatestZIndex = exports.ReqoreThemeContext = exports.ReqoreContext = exports.ReqoreUIProvider = exports.ReqoreNotifications = exports.ReqoreColors = exports.ReqoreTree = exports.ReqoreTimeAgo = exports.ReqoreTextarea = exports.ReqoreTagGroup = exports.ReqoreTag = exports.ReqoreTabsList = void 0;
16
16
  var Breadcrumbs_1 = require("./components/Breadcrumbs");
17
17
  __createBinding(exports, Breadcrumbs_1, "default", "ReqoreBreadcrumbs");
18
18
  var item_1 = require("./components/Breadcrumbs/item");
@@ -42,6 +42,9 @@ __createBinding(exports, Dropdown_1, "default", "ReqoreDropdown");
42
42
  var item_2 = require("./components/Dropdown/item");
43
43
  __createBinding(exports, item_2, "ReqoreDropdownDivider");
44
44
  __createBinding(exports, item_2, "ReqoreDropdownItem");
45
+ var Effect_1 = require("./components/Effect");
46
+ __createBinding(exports, Effect_1, "ReqoreEffect");
47
+ __createBinding(exports, Effect_1, "ReqoreTextEffect");
45
48
  var Header_1 = require("./components/Header");
46
49
  __createBinding(exports, Header_1, "ReqoreH1");
47
50
  __createBinding(exports, Header_1, "ReqoreH2");
@@ -49,6 +52,7 @@ __createBinding(exports, Header_1, "ReqoreH3");
49
52
  __createBinding(exports, Header_1, "ReqoreH4");
50
53
  __createBinding(exports, Header_1, "ReqoreH5");
51
54
  __createBinding(exports, Header_1, "ReqoreH6");
55
+ __createBinding(exports, Header_1, "ReqoreHeading");
52
56
  var Icon_1 = require("./components/Icon");
53
57
  __createBinding(exports, Icon_1, "default", "ReqoreIcon");
54
58
  var Input_1 = require("./components/Input");
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,8CAAmD;AAA1C,mDAAY;AACrB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,8CAAiG;AAAxF,+CAAQ;AAAE,+CAAQ;AAAE,+CAAQ;AAAE,+CAAQ;AAAE,+CAAQ;AAAE,+CAAQ;AACnE,0CAA0D;AAAjD,0DAAqB;AAC9B,4CAA4D;AAAnD,4DAAsB;AAC/B,uDAA6E;AAApE,sEAA8B;AACvC,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAmE;AAA1D,8DAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,4CAAiD;AAAxC,iDAAW;AACpB,8CAAiE;AAAxD,mDAAY;AAAE,mDAAY;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,mDAAyE;AAAhE,kEAA4B;AACrC,iDAAuE;AAA9D,gEAA2B;AACpC,4DAAmF;AAA1E,mFAAqC;AAC9C,wEAAwF;AAA/E,0EAA6B;AACtC,4CAAiD;AAAxC,iDAAW;AACpB,oDAA6E;AAApE,iDAAO;AAAE,oEAA0B;AAC5C,gDAAgE;AAAvD,gEAAwB;AACjC,sDAAsE;AAA7D,sEAA2B;AACpC,gDAAgE;AAAvD,gEAAwB;AACjC,8CAAmD;AAA1C,mDAAY;AACrB,4CAA4D;AAAnD,4DAAsB;AAC/B,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAuE;AAA9D,kEAA6B;AACtC,+CAAmE;AAA1D,8DAAyB;AAClC,wCAAwD;AAA/C,wDAAoB;AAC7B,gDAAmE;AAA1D,+DAAyB;AAClC,kDAAkE;AAAzD,kEAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,0CAA+C;AAAtC,+CAAU;AACnB,6CAA4D;AAAnD,6DAAsB;AAC/B,8DAA6E;AAApE,6EAA8B;AACvC,sDAAsE;AAA7D,sEAA2B;AACpC,yDAAmE;AAA1D,sEAAwB;AACjC,uDAAuE;AAA9D,0EAA6B;AACtC,2DAAqE;AAA5D,0EAA0B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,8CAAmD;AAA1C,mDAAY;AACrB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,8CAAqE;AAA5D,mDAAY;AAAE,uDAAgB;AACvC,8CAQ6B;AAP3B,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,oDAAa;AAEf,0CAA0D;AAAjD,0DAAqB;AAC9B,4CAA4D;AAAnD,4DAAsB;AAC/B,uDAA6E;AAApE,sEAA8B;AACvC,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAmE;AAA1D,8DAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,4CAAiD;AAAxC,iDAAW;AACpB,8CAAiE;AAAxD,mDAAY;AAAE,mDAAY;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,mDAAyE;AAAhE,kEAA4B;AACrC,iDAAuE;AAA9D,gEAA2B;AACpC,4DAAmF;AAA1E,mFAAqC;AAC9C,wEAAwF;AAA/E,0EAA6B;AACtC,4CAAiD;AAAxC,iDAAW;AACpB,oDAA6E;AAApE,iDAAO;AAAE,oEAA0B;AAC5C,gDAAgE;AAAvD,gEAAwB;AACjC,sDAAsE;AAA7D,sEAA2B;AACpC,gDAAgE;AAAvD,gEAAwB;AACjC,8CAAmD;AAA1C,mDAAY;AACrB,4CAA4D;AAAnD,4DAAsB;AAC/B,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAuE;AAA9D,kEAA6B;AACtC,+CAAmE;AAA1D,8DAAyB;AAClC,wCAAwD;AAA/C,wDAAoB;AAC7B,gDAAmE;AAA1D,+DAAyB;AAClC,kDAAkE;AAAzD,kEAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,0CAA+C;AAAtC,+CAAU;AACnB,6CAA4D;AAAnD,6DAAsB;AAC/B,8DAA6E;AAApE,6EAA8B;AACvC,sDAAsE;AAA7D,sEAA2B;AACpC,yDAAmE;AAA1D,sEAAwB;AACjC,uDAAuE;AAA9D,0EAA6B;AACtC,2DAAqE;AAA5D,0EAA0B"}
@@ -1,3 +1,4 @@
1
+ import { IReqoreEffect } from '../components/Effect';
1
2
  import { TSizes } from '../constants/sizes';
2
3
  import { IReqoreCustomTheme, TReqoreIntent } from '../constants/theme';
3
4
  import { IPopoverOptions } from '../hooks/usePopover';
@@ -115,6 +116,18 @@ export interface IWithReqoreFlat {
115
116
  */
116
117
  flat?: boolean;
117
118
  }
119
+ export interface IWithReqoreEffect {
120
+ /**
121
+ * If true, the component will have an effect
122
+ * @default undefined
123
+ * @type IReqoreEffect
124
+ * @memberof IWithReqoreEffect
125
+ * @example
126
+ * <ReqoreHeading effect={{ gradient: { from | to }}} />
127
+ *
128
+ */
129
+ effect?: IReqoreEffect;
130
+ }
118
131
  export interface IReqoreTooltip extends IPopoverOptions {
119
132
  }
120
133
  export declare type TReqoreTooltipProp = string | IReqoreTooltip;
@@ -1 +1 @@
1
- {"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,cAAe,SAAQ,eAAe;CAAG;AAC1D,oBAAY,kBAAkB,GAAG,MAAM,GAAG,cAAc,CAAC"}
1
+ {"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,cAAe,SAAQ,eAAe;CAAG;AAC1D,oBAAY,kBAAkB,GAAG,MAAM,GAAG,cAAc,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qoretechnologies/reqore",
3
- "version": "0.25.10",
3
+ "version": "0.26.0",
4
4
  "description": "ReQore is a highly theme-able and modular UI library for React",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -11,6 +11,7 @@
11
11
  "build": "./node_modules/typescript/bin/tsc --project tsconfig.prod.json",
12
12
  "build:test": "./node_modules/typescript/bin/tsc --noEmit",
13
13
  "storybook": "start-storybook -p 6007 --no-dll",
14
+ "init-storybook": "yarn test:ci && yarn storybook",
14
15
  "build-storybook": "build-storybook"
15
16
  },
16
17
  "repository": {
@@ -1,5 +1,4 @@
1
- import { rgba } from 'polished';
2
- import React, { forwardRef } from 'react';
1
+ import React, { forwardRef, useContext } from 'react';
3
2
  import styled, { css } from 'styled-components';
4
3
  import {
5
4
  PADDING_FROM_SIZE,
@@ -9,6 +8,7 @@ import {
9
8
  TSizes,
10
9
  } from '../../constants/sizes';
11
10
  import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
11
+ import ReqoreContext from '../../context/ReqoreContext';
12
12
  import { changeLightness, getReadableColor, getReadableColorFrom } from '../../helpers/colors';
13
13
  import { useCombinedRefs } from '../../hooks/useCombinedRefs';
14
14
  import { useReqoreTheme } from '../../hooks/useTheme';
@@ -24,16 +24,19 @@ import {
24
24
  IReqoreDisabled,
25
25
  IReqoreIntent,
26
26
  IReqoreReadOnly,
27
+ IWithReqoreEffect,
27
28
  TReqoreTooltipProp,
28
29
  } from '../../types/global';
29
30
  import { IReqoreIconName } from '../../types/icons';
31
+ import { StyledEffect } from '../Effect';
30
32
  import ReqoreIcon from '../Icon';
31
33
 
32
34
  export interface IReqoreButtonProps
33
35
  extends React.HTMLAttributes<HTMLButtonElement>,
34
36
  IReqoreDisabled,
35
37
  IReqoreIntent,
36
- IReqoreReadOnly {
38
+ IReqoreReadOnly,
39
+ IWithReqoreEffect {
37
40
  icon?: IReqoreIconName;
38
41
  size?: TSizes;
39
42
  minimal?: boolean;
@@ -49,6 +52,7 @@ export interface IReqoreButtonProps
49
52
 
50
53
  export interface IReqoreButtonStyle extends Omit<IReqoreButtonProps, 'intent'> {
51
54
  theme: IReqoreTheme;
55
+ animate?: boolean;
52
56
  }
53
57
 
54
58
  const getButtonMainColor = (theme: IReqoreTheme, color?: string) => {
@@ -109,7 +113,7 @@ export const StyledInvisibleContent = styled.span`
109
113
  `}
110
114
  `;
111
115
 
112
- export const StyledButton = styled.button<IReqoreButtonStyle>`
116
+ export const StyledButton = styled(StyledEffect)<IReqoreButtonStyle>`
113
117
  display: flex;
114
118
  text-align: left;
115
119
  align-items: center;
@@ -117,8 +121,9 @@ export const StyledButton = styled.button<IReqoreButtonStyle>`
117
121
  font-weight: 600;
118
122
  position: relative;
119
123
  overflow: hidden;
120
- border: ${({ theme, minimal, color, flat }) =>
121
- !minimal && !flat ? `1px solid ${changeLightness(getButtonMainColor(theme, color), 0.05)}` : 0};
124
+ vertical-align: middle;
125
+ border: ${({ theme, color, flat }) =>
126
+ !flat ? `1px solid ${changeLightness(getButtonMainColor(theme, color), 0.05)}` : 0};
122
127
  padding: 0 ${({ size }) => PADDING_FROM_SIZE[size]}px;
123
128
  font-size: ${({ size }) => TEXT_FROM_SIZE[size]}px;
124
129
 
@@ -138,9 +143,6 @@ export const StyledButton = styled.button<IReqoreButtonStyle>`
138
143
 
139
144
  background-color: ${({ minimal, color }) => {
140
145
  if (minimal) {
141
- if (color) {
142
- return rgba(color, 0.3);
143
- }
144
146
  return 'transparent';
145
147
  }
146
148
 
@@ -150,13 +152,13 @@ export const StyledButton = styled.button<IReqoreButtonStyle>`
150
152
  color: ${({ theme, color, minimal }) =>
151
153
  color
152
154
  ? minimal
153
- ? getReadableColor(theme, undefined, undefined, true)
155
+ ? getReadableColor(theme, undefined, undefined, true, theme.originalMain)
154
156
  : getReadableColorFrom(color, true)
155
157
  : getReadableColor(theme, undefined, undefined, true)};
156
158
 
157
159
  ${InactiveIconScale}
158
160
 
159
- ${({ readOnly }) =>
161
+ ${({ readOnly, animate }) =>
160
162
  !readOnly
161
163
  ? css`
162
164
  &:not(:disabled) {
@@ -178,17 +180,20 @@ export const StyledButton = styled.button<IReqoreButtonStyle>`
178
180
  border-color: ${({ minimal, theme, color }) =>
179
181
  minimal ? undefined : changeLightness(getButtonMainColor(theme, color), 0.1)};
180
182
 
181
- ${StyledActiveContent} {
182
- transform: translateY(0px);
183
- filter: blur(0);
184
- opacity: 1;
185
- }
186
-
187
- ${StyledInActiveContent} {
188
- transform: translateY(150%);
189
- filter: blur(10px);
190
- opacity: 0;
191
- }
183
+ ${animate &&
184
+ css`
185
+ ${StyledActiveContent} {
186
+ transform: translateY(0px);
187
+ filter: blur(0);
188
+ opacity: 1;
189
+ }
190
+
191
+ ${StyledInActiveContent} {
192
+ transform: translateY(150%);
193
+ filter: blur(10px);
194
+ opacity: 0;
195
+ }
196
+ `}
192
197
  }
193
198
  }
194
199
  `
@@ -246,6 +251,7 @@ const ReqoreButton = forwardRef(
246
251
  ref
247
252
  ) => {
248
253
  const { targetRef } = useCombinedRefs(ref);
254
+ const { animations } = useContext(ReqoreContext);
249
255
  const theme: IReqoreTheme = useReqoreTheme('main', customTheme, intent);
250
256
 
251
257
  /* A custom hook that is used to add a tooltip to the button. */
@@ -253,10 +259,14 @@ const ReqoreButton = forwardRef(
253
259
 
254
260
  // If color or intent was specified, set the color
255
261
  const customColor = theme.main;
262
+ const _flat = minimal ? flat : flat !== false;
263
+
264
+ console.log(animations);
256
265
 
257
266
  return (
258
267
  <StyledButton
259
268
  {...rest}
269
+ as='button'
260
270
  theme={theme}
261
271
  ref={targetRef}
262
272
  fluid={fluid}
@@ -264,7 +274,8 @@ const ReqoreButton = forwardRef(
264
274
  minimal={minimal}
265
275
  size={size}
266
276
  color={customColor}
267
- flat={flat}
277
+ animate={animations.buttons}
278
+ flat={_flat}
268
279
  active={active}
269
280
  readOnly={readOnly}
270
281
  className={`${className || ''} reqore-control reqore-button`}
@@ -70,6 +70,7 @@ export const StyledReqoreControlGroup = styled.div<IReqoreControlGroupStyle>`
70
70
  > * {
71
71
  &:not(:last-child) {
72
72
  margin-right: ${({ stack }) => (!stack ? '5px' : undefined)};
73
+ border-right: ${({ stack }) => (!stack ? undefined : 0)};
73
74
  }
74
75
 
75
76
  border-radius: ${({ stack }) => (!stack ? undefined : 0)};
@@ -0,0 +1,134 @@
1
+ import { reduce } from 'lodash';
2
+ import styled, { css } from 'styled-components';
3
+ import { TEXT_FROM_SIZE, TSizes, WEIGHT_TO_NUMBER } from '../../constants/sizes';
4
+
5
+ export interface IReqoreEffect {
6
+ gradient?: {
7
+ type?: 'linear' | 'radial';
8
+ shape?: 'circle' | 'ellipse';
9
+ colors: { [key: number]: string };
10
+ direction?: string;
11
+ };
12
+ noWrap?: boolean;
13
+ color?: string;
14
+ spaced?: number;
15
+ weight?: number | 'thin' | 'light' | 'normal' | 'bold' | 'thick';
16
+ uppercase?: boolean;
17
+ textSize?: TSizes;
18
+ textAlign?: 'left' | 'center' | 'right';
19
+ }
20
+
21
+ export interface IReqoreTextEffectProps extends React.HTMLAttributes<HTMLSpanElement> {
22
+ children: React.ReactNode;
23
+ effect: IReqoreEffect;
24
+ as?: React.ElementType;
25
+ }
26
+
27
+ export const StyledEffect = styled.span`
28
+ // If gradient was supplied
29
+ ${({ effect }: IReqoreTextEffectProps) => {
30
+ if (!effect || !effect.gradient) {
31
+ return undefined;
32
+ }
33
+
34
+ const gradientType: string = effect.gradient.type || 'linear';
35
+ const gradientColors = reduce(
36
+ effect.gradient.colors,
37
+ (colorsString, color, percentage) => `${colorsString}, ${color} ${percentage}%`,
38
+ ''
39
+ );
40
+ const gradientDirectionOrShape =
41
+ gradientType === 'linear'
42
+ ? effect.gradient.direction || 'to right'
43
+ : effect.gradient.shape || 'circle';
44
+ const gradient = `${gradientType}-gradient(${gradientDirectionOrShape}${gradientColors})`;
45
+
46
+ return css`
47
+ background-image: ${gradient};
48
+ `;
49
+ }}
50
+
51
+ ${({ effect }: IReqoreTextEffectProps) =>
52
+ effect && effect.spaced
53
+ ? css`
54
+ letter-spacing: ${effect.spaced}px;
55
+ `
56
+ : undefined}
57
+
58
+ ${({ effect }: IReqoreTextEffectProps) =>
59
+ effect && effect.uppercase
60
+ ? css`
61
+ text-transform: uppercase;
62
+ `
63
+ : undefined}
64
+
65
+ ${({ effect }: IReqoreTextEffectProps) => {
66
+ if (!effect || !effect.weight) {
67
+ return undefined;
68
+ }
69
+
70
+ const weight =
71
+ typeof effect.weight === 'number' ? effect.weight : WEIGHT_TO_NUMBER[effect.weight];
72
+
73
+ return css`
74
+ font-weight: ${weight} !important;
75
+ `;
76
+ }}
77
+
78
+ ${({ effect }: IReqoreTextEffectProps) =>
79
+ effect && effect.noWrap
80
+ ? css`
81
+ white-space: nowrap;
82
+ text-overflow: ellipsis;
83
+ overflow: hidden;
84
+ `
85
+ : undefined}
86
+
87
+ ${({ effect }: IReqoreTextEffectProps) =>
88
+ effect && effect.color
89
+ ? css`
90
+ color: ${effect.color} !important;
91
+ `
92
+ : undefined}
93
+
94
+ ${({ effect }: IReqoreTextEffectProps) =>
95
+ effect && effect.textSize
96
+ ? css`
97
+ font-size: ${TEXT_FROM_SIZE[effect.textSize]}px !important;
98
+ `
99
+ : undefined}
100
+
101
+ ${({ effect }: IReqoreTextEffectProps) =>
102
+ effect && effect.textAlign
103
+ ? css`
104
+ text-align: ${effect.textAlign};
105
+ `
106
+ : undefined}
107
+ `;
108
+
109
+ export const StyledTextEffect = styled(StyledEffect)`
110
+ ${({ effect }: IReqoreTextEffectProps) =>
111
+ effect && effect.gradient
112
+ ? css`
113
+ display: inline-block;
114
+ -webkit-background-clip: text;
115
+ -webkit-text-fill-color: transparent;
116
+ `
117
+ : undefined}
118
+ `;
119
+
120
+ export const ReqoreEffect = ({ children, ...rest }: IReqoreTextEffectProps) => {
121
+ return (
122
+ <StyledEffect className='reqore-effect' {...rest}>
123
+ {children}
124
+ </StyledEffect>
125
+ );
126
+ };
127
+
128
+ export const ReqoreTextEffect = ({ children, ...rest }: IReqoreTextEffectProps) => {
129
+ return (
130
+ <StyledTextEffect className='reqore-text-effect' {...rest}>
131
+ {children}
132
+ </StyledTextEffect>
133
+ );
134
+ };
@@ -1,38 +1,43 @@
1
- import styled, { css } from 'styled-components';
1
+ import { useMemo } from 'react';
2
+ import styled from 'styled-components';
2
3
  import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
3
4
  import { getReadableColor } from '../../helpers/colors';
5
+ import { IWithReqoreEffect } from '../../types/global';
6
+ import { StyledTextEffect } from '../Effect';
4
7
 
5
- export interface IReqoreHeaderStyle extends React.HTMLAttributes<HTMLHeadingElement> {
6
- theme: IReqoreTheme;
8
+ export interface IReqoreHeadingProps
9
+ extends IWithReqoreEffect,
10
+ React.HTMLAttributes<HTMLHeadingElement> {
7
11
  intent?: TReqoreIntent;
12
+ size?: 1 | 2 | 3 | 4 | 5 | 6;
13
+ }
14
+
15
+ export interface IReqoreHeadingStyle extends IReqoreHeadingProps {
16
+ theme: IReqoreTheme;
8
17
  }
9
18
 
10
- const style = ({ theme, intent }: IReqoreHeaderStyle) => css`
19
+ export const StyledHeader = styled(StyledTextEffect)`
11
20
  margin: 0;
12
21
  padding: 0;
13
- color: ${intent ? theme.intents[intent] : getReadableColor(theme, undefined, undefined, true)};
14
- `;
15
-
16
- export const ReqoreH1: React.FC<Omit<IReqoreHeaderStyle, 'theme'>> = styled.h1<IReqoreHeaderStyle>`
17
- ${(props) => style(props)};
18
- `;
19
-
20
- export const ReqoreH2: React.FC<Omit<IReqoreHeaderStyle, 'theme'>> = styled.h2<IReqoreHeaderStyle>`
21
- ${(props) => style(props)};
22
+ color: ${({ theme, intent }) =>
23
+ intent ? theme.intents[intent] : getReadableColor(theme, undefined, undefined, true)};
22
24
  `;
23
25
 
24
- export const ReqoreH3: React.FC<Omit<IReqoreHeaderStyle, 'theme'>> = styled.h3<IReqoreHeaderStyle>`
25
- ${(props) => style(props)};
26
- `;
27
-
28
- export const ReqoreH4: React.FC<Omit<IReqoreHeaderStyle, 'theme'>> = styled.h4<IReqoreHeaderStyle>`
29
- ${(props) => style(props)};
30
- `;
31
-
32
- export const ReqoreH5: React.FC<Omit<IReqoreHeaderStyle, 'theme'>> = styled.h5<IReqoreHeaderStyle>`
33
- ${(props) => style(props)};
34
- `;
35
-
36
- export const ReqoreH6: React.FC<Omit<IReqoreHeaderStyle, 'theme'>> = styled.h6<IReqoreHeaderStyle>`
37
- ${(props) => style(props)};
38
- `;
26
+ export const ReqoreHeading = ({ size, children, ...props }: IReqoreHeadingProps) => {
27
+ const HTMLheaderElement = useMemo(() => {
28
+ return `h${size}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
29
+ }, [size]);
30
+
31
+ return (
32
+ <StyledHeader as={HTMLheaderElement} {...props}>
33
+ {children}
34
+ </StyledHeader>
35
+ );
36
+ };
37
+
38
+ export const ReqoreH1 = (props: IReqoreHeadingProps) => <ReqoreHeading size={1} {...props} />;
39
+ export const ReqoreH2 = (props: IReqoreHeadingProps) => <ReqoreHeading size={2} {...props} />;
40
+ export const ReqoreH3 = (props: IReqoreHeadingProps) => <ReqoreHeading size={3} {...props} />;
41
+ export const ReqoreH4 = (props: IReqoreHeadingProps) => <ReqoreHeading size={4} {...props} />;
42
+ export const ReqoreH5 = (props: IReqoreHeadingProps) => <ReqoreHeading size={5} {...props} />;
43
+ export const ReqoreH6 = (props: IReqoreHeadingProps) => <ReqoreHeading size={6} {...props} />;
@@ -13,8 +13,10 @@ import {
13
13
  IReqoreIntent,
14
14
  IReqoreReadOnly,
15
15
  IWithReqoreCustomTheme,
16
+ IWithReqoreEffect,
16
17
  } from '../../types/global';
17
18
  import { IReqoreIconName } from '../../types/icons';
19
+ import { StyledEffect } from '../Effect';
18
20
  import ReqoreIcon from '../Icon';
19
21
  import ReqoreInputClearButton from '../InputClearButton';
20
22
 
@@ -23,7 +25,8 @@ export interface IReqoreInputProps
23
25
  IReqoreDisabled,
24
26
  IReqoreReadOnly,
25
27
  IReqoreIntent,
26
- IWithReqoreCustomTheme {
28
+ IWithReqoreCustomTheme,
29
+ IWithReqoreEffect {
27
30
  autoFocus?: boolean;
28
31
  tooltip?: string;
29
32
  width?: number;
@@ -37,6 +40,7 @@ export interface IReqoreInputProps
37
40
  icon?: IReqoreIconName;
38
41
  flat?: boolean;
39
42
  rounded?: boolean;
43
+ type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
40
44
  }
41
45
 
42
46
  export interface IReqoreInputStyle extends IReqoreInputProps {
@@ -66,7 +70,7 @@ const StyledIconWrapper = styled.div<IReqoreInputStyle>`
66
70
  align-items: center;
67
71
  `;
68
72
 
69
- export const StyledInput = styled.input<IReqoreInputStyle>`
73
+ export const StyledInput = styled(StyledEffect)<IReqoreInputStyle>`
70
74
  height: 100%;
71
75
  width: 100%;
72
76
  flex: 1;
@@ -96,25 +100,28 @@ export const StyledInput = styled.input<IReqoreInputStyle>`
96
100
  : undefined}
97
101
 
98
102
  background-color: ${({ theme, minimal }: IReqoreInputStyle) =>
99
- minimal ? 'transparent' : rgba(theme.main, 0.3)};
100
- color: ${({ theme }: IReqoreInputStyle) => getReadableColor(theme)};
103
+ minimal ? 'transparent' : rgba(theme.main, 0.1)};
104
+ color: ${({ theme }: IReqoreInputStyle) =>
105
+ getReadableColor(theme, undefined, undefined, true, theme.originalMain)};
101
106
 
102
107
  transition: all 0.2s ease-out;
103
108
 
104
109
  &:active,
105
110
  &:focus {
106
111
  background-color: ${({ theme, minimal }: IReqoreInputStyle) =>
107
- minimal ? 'transparent' : rgba(theme.main, 0.5)};
112
+ minimal ? 'transparent' : rgba(theme.main, 0.15)};
108
113
  }
109
114
 
110
115
  &::placeholder {
111
116
  transition: all 0.2s ease-out;
112
- color: ${({ theme }) => rgba(getReadableColor(theme), 0.3)};
117
+ color: ${({ theme }) =>
118
+ rgba(getReadableColor(theme, undefined, undefined, true, theme.originalMain), 0.3)};
113
119
  }
114
120
 
115
121
  &:focus {
116
122
  &::placeholder {
117
- color: ${({ theme }) => rgba(getReadableColor(theme), 0.5)};
123
+ color: ${({ theme }) =>
124
+ rgba(getReadableColor(theme, undefined, undefined, true, theme.originalMain), 0.5)};
118
125
  }
119
126
  }
120
127
 
@@ -174,6 +181,7 @@ const ReqoreInput = forwardRef(
174
181
  )}
175
182
  <StyledInput
176
183
  {...rest}
184
+ as='input'
177
185
  theme={theme}
178
186
  _size={size}
179
187
  minimal={minimal}
@@ -63,7 +63,7 @@ const ReqoreMenu: React.FC<IReqoreMenuProps> = forwardRef(
63
63
  _insidePopover,
64
64
  _popoverId,
65
65
  customTheme: theme,
66
- wrapText,
66
+ wrap: wrapText,
67
67
  })
68
68
  : null
69
69
  )}