fictoan-react 1.2.8 → 1.2.9

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 (187) hide show
  1. package/README.md +1 -12
  2. package/dist/UseClickOutside-AZnVEg3i.js +1 -0
  3. package/dist/UseClickOutside-ILhCRGTV.cjs +1 -0
  4. package/dist/components/Accordion/Accordion.cjs +1 -0
  5. package/dist/components/Accordion/Accordion.js +1 -0
  6. package/dist/components/Accordion/index.cjs +1 -0
  7. package/dist/components/Accordion/index.js +1 -0
  8. package/dist/components/Badge/Badge.cjs +1 -0
  9. package/dist/components/Badge/Badge.js +1 -0
  10. package/dist/components/Badge/index.cjs +1 -0
  11. package/dist/components/Badge/index.js +1 -0
  12. package/dist/components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs +1 -0
  13. package/dist/components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +1 -0
  14. package/dist/components/Breadcrumbs/Breadcrumbs/Breadcrumbs.cjs +1 -0
  15. package/dist/components/Breadcrumbs/Breadcrumbs/Breadcrumbs.js +1 -0
  16. package/dist/components/Breadcrumbs/index.cjs +1 -0
  17. package/dist/components/Breadcrumbs/index.js +1 -0
  18. package/dist/components/Button/Button.cjs +1 -0
  19. package/dist/components/Button/Button.js +1 -0
  20. package/dist/components/Button/index.cjs +1 -0
  21. package/dist/components/Button/index.js +1 -0
  22. package/dist/components/Callout/Callout.cjs +1 -0
  23. package/dist/components/Callout/Callout.js +1 -0
  24. package/dist/components/Callout/index.cjs +1 -0
  25. package/dist/components/Callout/index.js +1 -0
  26. package/dist/components/Card/Card.cjs +1 -0
  27. package/dist/components/Card/Card.js +1 -0
  28. package/dist/components/Card/index.cjs +1 -0
  29. package/dist/components/Card/index.js +1 -0
  30. package/dist/components/CodeBlock/CodeBlock.cjs +1 -0
  31. package/dist/components/CodeBlock/CodeBlock.js +1 -0
  32. package/dist/components/CodeBlock/index.cjs +1 -0
  33. package/dist/components/CodeBlock/index.js +1 -0
  34. package/dist/components/ContentWrapper/ContentWrapper.cjs +1 -0
  35. package/dist/components/ContentWrapper/ContentWrapper.js +1 -0
  36. package/dist/components/ContentWrapper/index.cjs +1 -0
  37. package/dist/components/ContentWrapper/index.js +1 -0
  38. package/dist/components/Divider/Divider.cjs +1 -0
  39. package/dist/components/Divider/Divider.js +1 -0
  40. package/dist/components/Divider/index.cjs +1 -0
  41. package/dist/components/Divider/index.js +1 -0
  42. package/dist/components/Drawer/Drawer.cjs +1 -0
  43. package/dist/components/Drawer/Drawer.js +1 -0
  44. package/dist/components/Drawer/index.cjs +1 -0
  45. package/dist/components/Drawer/index.js +1 -0
  46. package/dist/components/Element/Element.cjs +1 -0
  47. package/dist/components/Element/Element.js +1 -0
  48. package/dist/components/Element/Tags.cjs +1 -0
  49. package/dist/components/Element/Tags.js +1 -0
  50. package/dist/components/Element/constants.cjs +1 -0
  51. package/dist/components/Element/constants.js +2 -1
  52. package/dist/components/Element/index.cjs +1 -0
  53. package/dist/components/Element/index.js +1 -0
  54. package/dist/components/Form/BaseInputComponent/BaseInputComponent.cjs +1 -0
  55. package/dist/components/Form/BaseInputComponent/BaseInputComponent.js +1 -0
  56. package/dist/components/Form/BaseInputComponent/constants.cjs +1 -0
  57. package/dist/components/Form/BaseInputComponent/constants.js +2 -1
  58. package/dist/components/Form/Checkbox/Checkbox.cjs +1 -0
  59. package/dist/components/Form/Checkbox/Checkbox.js +1 -0
  60. package/dist/components/Form/Checkbox/Switch.cjs +1 -0
  61. package/dist/components/Form/Checkbox/Switch.js +1 -0
  62. package/dist/components/Form/Form/Form.cjs +1 -0
  63. package/dist/components/Form/Form/Form.js +1 -0
  64. package/dist/components/Form/Form/FormGenerator.cjs +1 -0
  65. package/dist/components/Form/Form/FormGenerator.js +1 -0
  66. package/dist/components/Form/FormItem/FormItem.cjs +1 -0
  67. package/dist/components/Form/FormItem/FormItem.js +1 -0
  68. package/dist/components/Form/FormItemGroup/FormItemGroup.cjs +1 -0
  69. package/dist/components/Form/FormItemGroup/FormItemGroup.js +1 -0
  70. package/dist/components/Form/InputField/FileUpload.cjs +1 -0
  71. package/dist/components/Form/InputField/FileUpload.js +1 -0
  72. package/dist/components/Form/InputField/InputField.cjs +1 -0
  73. package/dist/components/Form/InputField/InputField.js +1 -0
  74. package/dist/components/Form/InputLabel/InputLabel.cjs +1 -0
  75. package/dist/components/Form/InputLabel/InputLabel.js +1 -0
  76. package/dist/components/Form/PinInputField/PinInputField.cjs +1 -0
  77. package/dist/components/Form/PinInputField/PinInputField.js +1 -0
  78. package/dist/components/Form/PinInputField/index.cjs +1 -0
  79. package/dist/components/Form/PinInputField/index.js +1 -0
  80. package/dist/components/Form/RadioButton/RadioButton.cjs +1 -0
  81. package/dist/components/Form/RadioButton/RadioButton.js +1 -0
  82. package/dist/components/Form/RadioButton/RadioGroup.cjs +1 -0
  83. package/dist/components/Form/RadioButton/RadioGroup.js +1 -0
  84. package/dist/components/Form/RadioButton/RadioTabGroup.cjs +1 -0
  85. package/dist/components/Form/RadioButton/RadioTabGroup.js +1 -0
  86. package/dist/components/Form/RadioButton/constants.cjs +1 -0
  87. package/dist/components/Form/RadioButton/constants.js +2 -1
  88. package/dist/components/Form/Range/Range.cjs +1 -0
  89. package/dist/components/Form/Range/Range.js +1 -0
  90. package/dist/components/Form/Range/index.cjs +1 -0
  91. package/dist/components/Form/Range/index.js +1 -0
  92. package/dist/components/Form/Select/Select.cjs +1 -0
  93. package/dist/components/Form/Select/Select.js +1 -0
  94. package/dist/components/Form/Select/SelectWithSearch.cjs +1 -0
  95. package/dist/components/Form/Select/SelectWithSearch.js +1 -0
  96. package/dist/components/Form/Select/constants.cjs +1 -0
  97. package/dist/components/Form/Select/constants.js +2 -1
  98. package/dist/components/Form/TextArea/TextArea.cjs +1 -0
  99. package/dist/components/Form/TextArea/TextArea.js +1 -0
  100. package/dist/components/Form/index.cjs +1 -0
  101. package/dist/components/Form/index.js +1 -0
  102. package/dist/components/Meter/Meter.cjs +1 -0
  103. package/dist/components/Meter/Meter.js +1 -0
  104. package/dist/components/Meter/index.cjs +1 -0
  105. package/dist/components/Meter/index.js +1 -0
  106. package/dist/components/Notification/NotificationItem/NotificationItem.cjs +1 -0
  107. package/dist/components/Notification/NotificationItem/NotificationItem.js +1 -0
  108. package/dist/components/Notification/NotificationsWrapper/NotificationsWrapper.cjs +1 -0
  109. package/dist/components/Notification/NotificationsWrapper/NotificationsWrapper.js +1 -0
  110. package/dist/components/Notification/index.cjs +1 -0
  111. package/dist/components/Notification/index.js +1 -0
  112. package/dist/components/OptionCard/OptionCard.cjs +1 -0
  113. package/dist/components/OptionCard/OptionCard.js +1 -0
  114. package/dist/components/OptionCard/index.cjs +1 -0
  115. package/dist/components/OptionCard/index.js +1 -0
  116. package/dist/components/Portion/Portion.cjs +1 -0
  117. package/dist/components/Portion/Portion.js +1 -0
  118. package/dist/components/Portion/index.cjs +1 -0
  119. package/dist/components/Portion/index.js +1 -0
  120. package/dist/components/Portion/types.cjs +1 -0
  121. package/dist/components/Portion/types.js +2 -1
  122. package/dist/components/ProgressBar/ProgressBar.cjs +1 -0
  123. package/dist/components/ProgressBar/ProgressBar.js +1 -0
  124. package/dist/components/ProgressBar/index.cjs +1 -0
  125. package/dist/components/ProgressBar/index.js +1 -0
  126. package/dist/components/Row/Row.cjs +1 -0
  127. package/dist/components/Row/Row.js +1 -0
  128. package/dist/components/Row/index.cjs +1 -0
  129. package/dist/components/Row/index.js +1 -0
  130. package/dist/components/Sidebar/SidebarFooter/SidebarFooter.cjs +1 -0
  131. package/dist/components/Sidebar/SidebarFooter/SidebarFooter.js +1 -0
  132. package/dist/components/Sidebar/SidebarHeader/SidebarHeader.cjs +1 -0
  133. package/dist/components/Sidebar/SidebarHeader/SidebarHeader.js +1 -0
  134. package/dist/components/Sidebar/SidebarItem/SidebarItem.cjs +1 -0
  135. package/dist/components/Sidebar/SidebarItem/SidebarItem.js +1 -0
  136. package/dist/components/Sidebar/SidebarItemIcon/SidebarItemIcon.cjs +1 -0
  137. package/dist/components/Sidebar/SidebarItemIcon/SidebarItemIcon.js +1 -0
  138. package/dist/components/Sidebar/SidebarItemText/SidebarItemText.cjs +1 -0
  139. package/dist/components/Sidebar/SidebarItemText/SidebarItemText.js +1 -0
  140. package/dist/components/Sidebar/SidebarWrapper/SidebarWrapper.cjs +1 -0
  141. package/dist/components/Sidebar/SidebarWrapper/SidebarWrapper.js +1 -0
  142. package/dist/components/Sidebar/index.cjs +1 -0
  143. package/dist/components/Sidebar/index.js +1 -0
  144. package/dist/components/Spinner/Spinner.cjs +1 -0
  145. package/dist/components/Spinner/Spinner.js +1 -0
  146. package/dist/components/Spinner/index.cjs +1 -0
  147. package/dist/components/Spinner/index.js +1 -0
  148. package/dist/components/Table/Table.cjs +1 -0
  149. package/dist/components/Table/Table.js +1 -0
  150. package/dist/components/Table/TablePagination/TablePagination.cjs +1 -0
  151. package/dist/components/Table/TablePagination/TablePagination.js +1 -0
  152. package/dist/components/Table/index.cjs +1 -0
  153. package/dist/components/Table/index.js +1 -0
  154. package/dist/components/Tabs/Tabs.cjs +1 -0
  155. package/dist/components/Tabs/Tabs.js +1 -0
  156. package/dist/components/Tabs/index.cjs +1 -0
  157. package/dist/components/Tabs/index.js +1 -0
  158. package/dist/components/ThemeProvider/ThemeProvider.cjs +2 -1
  159. package/dist/components/ThemeProvider/ThemeProvider.d.ts +2 -6
  160. package/dist/components/ThemeProvider/ThemeProvider.js +68 -80
  161. package/dist/components/ThemeProvider/index.cjs +2 -1
  162. package/dist/components/ThemeProvider/index.d.ts +1 -1
  163. package/dist/components/ThemeProvider/index.js +4 -2
  164. package/dist/components/ThemeProvider/types.cjs +2 -0
  165. package/dist/components/ThemeProvider/types.d.ts +7 -0
  166. package/dist/components/ThemeProvider/types.js +2 -0
  167. package/dist/components/Toast/ToastItem/ToastItem.cjs +1 -0
  168. package/dist/components/Toast/ToastItem/ToastItem.js +1 -0
  169. package/dist/components/Toast/ToastsWrapper/ToastsWrapper.cjs +1 -0
  170. package/dist/components/Toast/ToastsWrapper/ToastsWrapper.js +1 -0
  171. package/dist/components/Toast/index.cjs +1 -0
  172. package/dist/components/Toast/index.js +1 -0
  173. package/dist/components/Typography/Heading.cjs +1 -0
  174. package/dist/components/Typography/Heading.js +1 -0
  175. package/dist/components/Typography/Text.cjs +1 -0
  176. package/dist/components/Typography/Text.js +1 -0
  177. package/dist/components/Typography/index.cjs +1 -0
  178. package/dist/components/Typography/index.js +1 -0
  179. package/dist/components/index.cjs +2 -1
  180. package/dist/components/index.d.ts +4 -4
  181. package/dist/components/index.js +4 -2
  182. package/dist/index.cjs +2 -1
  183. package/dist/index.css +1 -1
  184. package/dist/index.d.ts +6 -5
  185. package/dist/index.js +6 -2
  186. package/package.json +1 -1
  187. package/CHANGELOG.md +0 -628
package/dist/index.d.ts CHANGED
@@ -5,21 +5,22 @@ export { Button, type ButtonProps } from "./components/Button";
5
5
  export { Breadcrumbs, type BreadcrumbsProps, BreadcrumbItem, type BreadcrumbItemProps } from "./components/Breadcrumbs";
6
6
  export { Callout, type CalloutProps } from "./components/Callout";
7
7
  export { Card, type CardProps } from "./components/Card";
8
+ export { CodeBlock, type CodeBlockProps } from "./components/CodeBlock";
8
9
  export { ContentWrapper, type ContentWrapperProps } from "./components/ContentWrapper";
9
10
  export { Divider, type DividerProps } from "./components/Divider";
10
- export { Element, type ElementProps, Div, Article, Aside, Body, Footer, Header, Main, Nav, Section } from "./components/Element";
11
+ export { Element, type ElementProps, Div, Article, Aside, Body, Footer, Header, Main, Nav, Section, } from "./components/Element";
11
12
  export { Form, type FormProps, FormItem, type FormItemProps, FormItemGroup, type FormItemGroupProps, InputField, type InputFieldProps, TextArea, type TextareaProps, InputLabel, type InputLabelProps, Select, type SelectProps, SelectWithSearch, FileUpload, type FileUploadProps, RadioGroup, type RadioGroupProps, RadioButton, type RadioButtonProps, Checkbox, type CheckboxProps, Switch, type SwitchProps, Range, type RangeProps, RadioTabGroup, type RadioTabGroupProps, PinInputField, type PinInputFieldProps, } from "./components/Form";
12
13
  export { Meter, type MeterProps, type MeterMetaProps } from "./components/Meter";
13
- export { NotificationsWrapper, type NotificationsWrapperProps, NotificationItem, type NotificationItemProps } from "./components/Notification";
14
+ export { NotificationsWrapper, type NotificationsWrapperProps, NotificationItem, type NotificationItemProps, } from "./components/Notification";
14
15
  export { Portion, type PortionProps } from "./components/Portion";
15
16
  export { ProgressBar, type ProgressBarProps, type ProgressBarMetaProps } from "./components/ProgressBar";
16
17
  export { Row, type RowProps } from "./components/Row";
17
18
  export { OptionCard, OptionCardsGroup, type OptionCardProps } from "./components/OptionCard";
18
19
  export { useOptionCard } from "./components/OptionCard";
19
- export { SidebarWrapper, type SidebarWrapperProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, SidebarItemIcon, type SidebarItemIconProps, SidebarItemText, type SidebarItemTextProps, SidebarFooter, type SidebarFooterProps } from "./components/Sidebar";
20
+ export { SidebarWrapper, type SidebarWrapperProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, SidebarItemIcon, type SidebarItemIconProps, SidebarItemText, type SidebarItemTextProps, SidebarFooter, type SidebarFooterProps, } from "./components/Sidebar";
20
21
  export { Spinner, type SpinnerProps } from "./components/Spinner";
21
22
  export { Table, type TableProps, TablePagination, type TablePaginationProps } from "./components/Table";
22
23
  export { Tabs, type TabsProps } from "./components/Tabs";
23
- export { ThemeProvider, type ThemeProviderProps } from "./components/ThemeProvider";
24
+ export { ThemeProvider, type ThemeProviderProps, useTheme } from "./components/ThemeProvider";
24
25
  export { ToastsWrapper, type ToastsWrapperProps, ToastItem, type ToastItemProps } from "./components/Toast";
25
- export { Text, type TextProps, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, type HeadingProps } from "./components/Typography";
26
+ export { Text, type TextProps, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, type HeadingProps, } from "./components/Typography";
package/dist/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { Accordion } from "./components/Accordion/Accordion.js";
2
3
  import { Badge } from "./components/Badge/Badge.js";
3
4
  import { Drawer } from "./components/Drawer/Drawer.js";
@@ -6,6 +7,7 @@ import { Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs/Breadcrumbs.js
6
7
  import { BreadcrumbItem } from "./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js";
7
8
  import { Callout } from "./components/Callout/Callout.js";
8
9
  import { Card } from "./components/Card/Card.js";
10
+ import { CodeBlock } from "./components/CodeBlock/CodeBlock.js";
9
11
  import { ContentWrapper } from "./components/ContentWrapper/ContentWrapper.js";
10
12
  import { Divider } from "./components/Divider/Divider.js";
11
13
  import { Element } from "./components/Element/Element.js";
@@ -43,7 +45,7 @@ import { Spinner } from "./components/Spinner/Spinner.js";
43
45
  import { Table } from "./components/Table/Table.js";
44
46
  import { TablePagination } from "./components/Table/TablePagination/TablePagination.js";
45
47
  import { Tabs } from "./components/Tabs/Tabs.js";
46
- import { ThemeProvider } from "./components/ThemeProvider/ThemeProvider.js";
48
+ import { ThemeProvider, useTheme } from "./components/ThemeProvider/ThemeProvider.js";
47
49
  import { ToastsWrapper } from "./components/Toast/ToastsWrapper/ToastsWrapper.js";
48
50
  import { ToastItem } from "./components/Toast/ToastItem/ToastItem.js";
49
51
  import { Text } from "./components/Typography/Text.js";
@@ -64,6 +66,7 @@ export {
64
66
  Callout,
65
67
  Card,
66
68
  Checkbox,
69
+ CodeBlock,
67
70
  ContentWrapper,
68
71
  Div,
69
72
  Divider,
@@ -117,5 +120,6 @@ export {
117
120
  ThemeProvider,
118
121
  ToastItem,
119
122
  ToastsWrapper,
120
- useOptionCard
123
+ useOptionCard,
124
+ useTheme
121
125
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fictoan-react",
3
- "version": "1.2.8",
3
+ "version": "1.2.9",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "type": "module",
package/CHANGELOG.md DELETED
@@ -1,628 +0,0 @@
1
- # CHANGELOG
2
-
3
- ## 1.2.8
4
- - Update README and publish new build
5
-
6
- ## 1.2.7
7
- - Add `button-font` for each `kind` too
8
-
9
- ## 1.2.6
10
- - Fix `Button` active theme bug
11
- - Add `button-font` via theme
12
-
13
- ## 1.2.5
14
- - Fix text colour for lists
15
- - Add `height` prop for `Divider`
16
-
17
- ## 1.2.4
18
- - Add line numbers to `CodeBlock` component with `showLineNumbers` prop
19
- - Add better token support
20
- - Fix style overrides for `CodeBlock` component
21
-
22
- ## 1.2.3
23
- - Remove `as` prop from `Heading`, so you can now use `Heading1`, `Heading2` etc
24
-
25
- ## 1.2.2
26
- - Tweak `Range` styles
27
-
28
- ## 1.2.1
29
- - Add accessibility improvements for `Breadcrumbs`, and `Badge`
30
-
31
- ## 1.2.0
32
- - Add new `Meter` component
33
-
34
- ## 1.1.1
35
- - Fix `Breadcrumbs` style not loading
36
- - Add resets for `Breadcrumbs` element
37
-
38
- ## 1.1.0
39
- - Add `OptionCard` component
40
-
41
- ## 1.0.3
42
- - Rename `HRule` to `Divider`
43
-
44
- ## 1.0.2
45
- - Rename `ExpandableContent` to `OptionCard`
46
-
47
- ## 1.0.1
48
- - Fix `Breadcrumbs` element type
49
-
50
- ## 1.0.0
51
- #### GENERIC CHANGES
52
- - Move to Vite
53
- - Move to `pnpm` for package management
54
- - Remove `styled-components` as a dependency
55
- - Adopt plain CSS for styling
56
- - Support twice as many `defaultColours`
57
- - Use `rem` units for font sizes
58
- - Ability to set `Element` as a flexbox/grid div using `layoutAsFlexbox` and `layoutAsGrid`
59
- - Add `horizontalPadding`, `verticalPadding`, `horizontalMargin`, and `verticalMargin`
60
- - Add generic block-level sectioning elements as custom components. Eg `<Div>`, `<Section>`, `<Article>` etc
61
- - Add copy code to clipboard for `CodeBlock`
62
- - Add `RadioTabGroup` component
63
- - Convert all millisecond values to seconds
64
-
65
- #### ⚠️ BREAKING CHANGES ⚠️
66
- - Remove `ThemeProvider` and `theme` prop from all components
67
- - Refactor `Row` and `Portion` to use CSS Grid and Flexbox both
68
- - Import, usage and extension of `CodeBlock`
69
- - Remove `defaultColours` object as exported
70
- - Remove `InfoPanel` and extend `Drawer` with `position` prop
71
- - Rename `sidePadding` and `sideMargin` to `horizontalPadding` and `horizontalMargin`
72
- - Rename `para` to `paragraph` in CSS variables
73
- - Rename `FormWrapper` to `Form`
74
- - Rename `CheckBox` to `Checkbox`
75
- - Add consistent `showWhen`, `closeWhen` and `secondsToShowFor` props for transitory components
76
-
77
- [//]: # (TODO: Make Fictoan more accessible)
78
- [//]: # (TODO: ⚠️ Remove style tag in CodeBlock)
79
- [//]: # (TODO: ⚠️ Fix TS issue in Select and SWS)
80
- [//]: # (TODO: Fix Dismiss Button in NotifcationItem)
81
- [//]: # (TODO: Add mask design to PinInputField)
82
- [//]: # (TODO: Fix Sidebar scrolling issue)
83
- [//]: # (TODO: Revamp BreadCrumbs?)
84
- ~~[//]: # (TODO: ⚠️ Fix Meter height issue)~~
85
-
86
-
87
- ---
88
-
89
- ### 0.46.8
90
- - Fix `focusFirstInputOnReset` prop behaviour to properly set focus on first input on reset
91
-
92
- ### 0.46.7
93
- - Export custom `PinInputFieldElementType` for supporting custom ref types in TypeScript
94
-
95
- ### 0.46.5
96
- - Add an imperative reset handler to reset `PinInputField` from the parent component with ref
97
- - Add a `focusFirstInputOnReset` prop for the above change, to opt out of focusing on first input on reset
98
-
99
- ### 0.45.5
100
- - Add Tab component label prop to be used as reactnode for custom label
101
-
102
- ### 0.45.4
103
- - Fix PinInputField behaviour on paste or replace at position
104
-
105
- ### 0.45.3
106
- - Add optional `isDismissable` prop for showing a close button for `Drawer` *(true by default)*
107
-
108
- ### 0.45.2
109
- - Fix prop name for disable copy/paste to pasteFromClipboard which takes either enabled or disabled as parameters for `PinInput Field`
110
-
111
- ### 0.45.1
112
- - Export props types for all components
113
- - Fix excess margin issue for `Tabs` labels
114
- - Add toggle for disabling copy/paste functionality in the `PinInputField` component
115
-
116
- ### 0.45.0
117
- - Add support for defaultTabIndex props in `Tabs` component because by default it select first tab as active tab
118
-
119
- ### 0.44.0
120
- - Rename `style` prop for `Heading` and `Text` to `fontStyle` since `style` is a reserved
121
- prop name in React and causes the react/style-prop-object eslint rule to complain in any
122
- project with basic react-app rules setup.
123
-
124
- ### 0.43.0
125
- - Fix npm publish action workflow
126
- - Fix unique key issue for `Tabs`
127
-
128
- ### 0.42.3
129
- - Update command for installing dependencies and build in CI
130
-
131
- ### 0.42.2
132
- - Fix broken npm publish action
133
-
134
- ### 0.42.1
135
- - Fix styling issues in `Tabs`
136
-
137
- ### 0.42.0
138
- - Padding and margin values can now be configured via the `globals` object in the theme
139
- - Convert utility styles into JS file from plain CSS to access props
140
- - Refactor `TablePagination` for better theme-ing
141
- - Tweak `notification` theme object
142
- - Add String() constructor to theme object values
143
- - Fix a bunch of inconsistencies in theme values
144
-
145
- ### 0.41.27
146
- - ⚠ Breaking change: add `style` prop for `Heading` and `Text` to select font style.
147
-
148
- ### 0.41.26
149
- - Add support for passing additional items to the navbar for `Tabs`
150
- - Update React peer dependency version
151
-
152
- ### 0.41.25
153
- - Export styled-components also from the project to allow component-wide over-rides
154
-
155
- ### 0.41.24
156
- - Convert `isMono`, `isSans` and `isSerif` to a `style` enum
157
- - Fix `isSubtext` prop for text elements
158
- - Fix cursor-pointer on hover for `ExpandableGroup`
159
- - Add back the right margin bottoms for `FormItem` elements inside `FormItemGroup`
160
- - Fix margin bottom for `Checkbox` and `Switch` inside a `Form`
161
-
162
- ### 0.41.23
163
- - Remove `line-height` property from `body` and apply it more specifically to text elements only
164
-
165
- ### 0.41.22
166
- - Add `InputField` invalid state text theme colour
167
- - Rework text sizes progression
168
- - Add reset styles for `picture`
169
- - Add `weight` prop to `Element` to be used in `span` elements
170
- - Add types for possible font weight values
171
-
172
- ### 0.41.19
173
- - Fix `disabled` styling for `InputField`
174
-
175
- ### 0.41.18
176
- - Remove style overrides in Tabs component
177
-
178
- ### 0.41.17
179
- - Add `closeOnClickOutside` prop for `InfoPanel` & `Drawer`
180
-
181
- ### 0.41.16
182
- - Fix wrong font value for links in theme file
183
-
184
- ### 0.41.15
185
- - `Drawer` overlay is now theme-able and style-able with props
186
-
187
- ### 0.41.14
188
- - Overhaul `Drawer` to now come with a page overlay
189
-
190
- ### 0.41.13
191
- - Add span types for `Portion`
192
-
193
- ### 0.41.11
194
- - Add `spacing` prop for `PinInputField`
195
-
196
- ### 0.41.10
197
- - Add separate theme object for `Drawer`
198
-
199
- ### 0.41.9
200
- - Allow controlling auto-focus behaviour for `PinInputField`
201
-
202
- ### 0.41.8
203
- - Add ability to theme disabled states for `primary`, `secondary` and `tertiary` buttons separately
204
-
205
- ### 0.41.7
206
- - Add different letter spacing values for empty and filled `input[type=password]`
207
-
208
- ### 0.41.6
209
- - Fix `InputField` text colour dark theme bug
210
-
211
- ### 0.41.5
212
- - Add `spacing` and `retainLayout` props for `FormItemGroup`
213
-
214
- ### 0.41.4
215
- - Fix bug in `onChange` implementation for `PinInputField`
216
-
217
- ### 0.41.3
218
- - Fix missing font family for `hepText` and `errorText`
219
-
220
- ### 0.41.2
221
- - Replace `onComplete` with `onChange` callback for `PinInputField`
222
-
223
- ### 0.41.1
224
- - Add `PinInputField` component
225
-
226
- ### 0.40.0
227
- - Add `Drawer` component
228
-
229
- ### 0.39.3
230
- - Rename `timeout` prop for `Drawer` and `NotificationItem` to `showFor`
231
- - Fix `Select` border-radius bug
232
-
233
- ### 0.39.2
234
- - Move `unit` prop in the `Meter` from being displayed via CSS to markup
235
-
236
- ### 0.39.1
237
- - Tweak `Badge` padding values
238
-
239
- ### 0.39.0
240
- - Fix `Badge` line height bug
241
- - Fix `Switch` theme colour mismatch
242
-
243
- ### 0.38.3
244
- - Tweak `Badge` padding values
245
-
246
- ### 0.38.2
247
- - Fix `Badge` height bug
248
-
249
- ### 0.38.1
250
- - Add opinionated defaults for `mark` element
251
-
252
- ### 0.38.0
253
- - Add `Badge` component
254
-
255
- ### 0.37.1
256
- - Rename `Toast` to `Drawer` for better consistency
257
-
258
- ### 0.37.0
259
- - Add `Toast` component
260
-
261
- ### 0.36.4
262
- - Add `horizontallyCentreThis`, `horizontallyCenterThis`, `verticallyCentreItems`, `verticallyCenterItems`, `pushItemsToEnds` as props instead of class names
263
-
264
- ### 0.36.3
265
- - Fix `Select` border-radius inheritance bug
266
- - Fix `SidebarItemText` hover state text colour
267
-
268
- ### 0.36.2
269
- - Fix inconsistent `tabLS` and `tabPT` props
270
-
271
- ### 0.36.1
272
- - Add types for `Element`’s `as` attribute
273
-
274
- ### 0.36.0
275
- - Fix text colour for nested links in sidebar for better differentiation
276
- - Fix typo in `portionProps`
277
- - Refactor sidebar theme object hierarchy for links and sublinks, remove `linksWrapper` object
278
- - Mention `styled-components` requirement in the README
279
-
280
- ### 0.35.4
281
- - Rename `tabLS` to `tabletLandscape` and `tabPT` to `tabletPortrait` for more consistency with the naming scheme and less ambiguity.
282
-
283
- ### 0.35.3
284
- - Fix focus states for checkbox, switch, radio and select
285
-
286
- ### 0.35.2
287
- - Fix theme throwing error on colour overrides
288
- - Add custom colours to ColorPropsType and export it from library
289
- - Fix InputField element type
290
-
291
- ### 0.35.0
292
-
293
- **General**
294
- - Add Storybook for easy testing and documentation
295
- - Each component folder now contains a `<component_name>.stories.tsx` (to create stories) and `<component_name>.stories.mdx` (to write docs) file
296
- - Add make commands for easy creation of components
297
- - Remove `name` props from RadioGroup `options` type; Add `label` and `id`
298
- - Remove `as` from RadioButton and Checkbox props
299
- - Make `shadow` a global prop
300
- - Make `shape` a global prop
301
- - Add `ExpandableContent` component which implements details and summary tags
302
- - Add `Tag` component
303
- - Add `opacity` as a global prop
304
- - Divider now supports custom background colors
305
- - Add `hr.default` to theme
306
- - All colour props are now typed
307
- - Add command (`make color-props`) to generate colour props from default colors
308
-
309
- **Form improvements**
310
- - Remove `isAnswers` prop from FormItem
311
- - Remove FormItemJointGroup component
312
- - Add `isJoint` prop to FormItemGroup
313
- - Remove Extra spacing after FormItemGroup
314
- - Add `fields` and `onFieldsChange` prop to Form to allow form creation using an array of config 🎉
315
- - RadioGroup and Select now use BaseInputComponent
316
- - Add better and consistent help & error text for each form field
317
- - Make InputLabel atomic
318
- - Add error text for Form which uses Callout component
319
- - Add sizes to Switch component
320
- - Make Select chevron consistent with ExpandableContent
321
- - Make required and disabled states consistent in form fields
322
- - Remove `name` props from RadioGroup `options` type; Add `label` and `id`
323
-
324
- **Sidebar improvements**
325
- - Remove `isSticky` from Sidebar footer
326
- - `sidebar.body.bg` is now `sidebar.bg` in theme
327
- - Add sidebar width properties to theme; SidebarHeader, SidebarFooter and SidebarItem span 100% automatically
328
- - Remove `isSticky` from SidebarFooter, it always sticks to bottom
329
- - Remove SidebarLink, SidebarNestedLinks and SidebarLinksWrapper
330
- - Make SidebarHeader and SidebarFooter sticky instead of fixed to get simpler and consistent sidebar layout
331
- - Remove `sidebar.linksWrapper.marginTop` and `sidebar.linksWrapper.marginBottom` from theme
332
- - Remove SidebarItemsGroup and SidebarItemsGroupHeader
333
-
334
- **New components**
335
- - Tooltip (very basic, might overflow screens)
336
- - Callout
337
- - ExpandableContent
338
- - Tag
339
-
340
- **Removed components**
341
- - FormItemJointGroup
342
- - SidebarLink
343
- - SidebarNestedLinks
344
- - SidebarLinksWrapper
345
- - SidebarItemsGroup
346
- - SidebarItemsGroupHeader
347
-
348
- ## BREAKING CHANGES ⚠️
349
-
350
- - Inside theme:
351
- - `inputField.default.helpText` is now `inputField.onFocus.helpText`
352
- - `inputField.isInvalid.helpText` is now `inputField.isInvalid.errorText`
353
- - `sidebar.body.bg` is now `sidebar.bg`
354
- - `sidebar.linksWrapper.marginTop` and `sidebar.linksWrapper.marginBottom` have been removed
355
- - Remove `isSticky` from SidebarFooter
356
- - It always sticks to bottom
357
- - Remove FormItemJointGroup
358
- - Use `isJoint` prop inside FormItemGroup instead
359
- - Remove SidebarLink, SidebarNestedLinks and SidebarLinksWrapper
360
- - Remove SidebarItemsGroup and SidebarItemsGroupHeader
361
- - Use ExpandableContent component instead
362
- - Default Switch size now `medium` which is larger than before
363
- - Set to size `small` for old size
364
-
365
- ### 0.34.0
366
- - Replace `react-syntax-highlighter` with `prism-react-renderer`
367
- - Add simple wrappers for `prism-components` to import specific languages from `prismjs`
368
- - Fix CodeBlock erratic output issue
369
-
370
- ### 0.33.15
371
- - Fix `spinner` padding
372
-
373
- ### 0.33.14
374
- - Add `Spinner` component
375
-
376
- ### 0.33.12
377
- - Remove `Element` props being passed to all HTML elements as attributes
378
- - Fix Badge `is-loading` colours
379
-
380
- ### 0.33.11
381
- - Fix transition for `SidebarHeader`
382
-
383
- ### 0.33.10
384
- - Add `isSticky` prop for `SidebarHeader` and `SidebarFooter`
385
- - Add new component `SidebarLinksWrapper` to better manage `SidebarHeader` and `SidebarFooter`
386
-
387
- ### 0.33.9
388
- - Fix `polished` imports
389
-
390
- ### 0.33.8
391
- ## BREAKING CHANGES ⚠️
392
-
393
- - Breadcrumbs
394
- - `BreadcrumbWrapper` renamed to `Breadcrumbs`
395
- - The `separator` is now configurable in the theme file
396
-
397
- - Badge
398
- - `isLoading` class now works for `custom` kind buttons also
399
- - Fix padding inconsistencies
400
- - `with-loader` and `with-delete` classes renamed to `is-loading` and `has-delete`
401
-
402
- - Form elements
403
- - `input` theme object is now `inputField`
404
- - `Checkbox`, `RadioButton`, `Select` etc have been moved out from inside `input`
405
-
406
- - InfoPanel
407
- - Dismiss button now styled differently, and does not interfere with the content
408
-
409
- - Notifications
410
- - The `type` prop is now `kind` to be more consistent with the rest of the components
411
- - `onClose` is renamed to `onCloseCallback`
412
- - `NotificationWrapper` has a `order` prop to set the stacking order of `NotificationItem` children
413
-
414
- - Meter
415
- - `isThin` prop is deprecated in favour of a far more flexible `height` prop
416
- - `shape` prop is now available just like the `Badge`
417
-
418
- - The theme object is now called `FictoanTheme`
419
-
420
- ### 0.33.7
421
- - Fix types for `CodeBlock`, `BaseInputElement`, `Meter`, `TextArea`, and `Select`.
422
-
423
- ### 0.33.6
424
- - Add autoprefixer to add vendor styles to CSS
425
-
426
- ### 0.33.5
427
- - Fix `alignText` styling for `Table` 😬
428
-
429
- ### 0.33.4
430
- - Add `alignText` prop for `Table`
431
-
432
- ### 0.33.3
433
- - Fix npm publish bug
434
-
435
- ### 0.33.2
436
- - Fix CSS overrides for all components
437
-
438
- ### 0.33.1
439
- - Support heading in `InfoPanel`
440
-
441
- ### 0.33.0
442
- - Replace lodash with lodash-es for tree shaking
443
- - Bump rollup to 2.52.7
444
- - Replace `prism-react-renderer` and `prismjs` with `react-syntax-highlighter` which is more customizable and tree-shakable
445
- - Add `@rollup/plugin-babel` to add /_#**PURE**_/ prefix to `React.forwardRef` which is required for tree-shaking
446
- - Add CSS files for Normalize, Reset, Colours and Utility to move static styles out of JS. Injecting to head tag using `rollup-plugin-styles`
447
- - Programmatically generate Colours.styled.tsx classes (To be added to build flow soon)
448
-
449
- ### 0.32.14
450
- - Fix crash in tabs component
451
-
452
- ### 0.32.13
453
- - Simplify TablePagination component (breaking)
454
-
455
- ### 0.32.10
456
- - Add TablePagination component
457
-
458
- ### 0.32.9
459
- - Fix `InfoPanel` close button fixed position bug
460
-
461
- ### 0.32.7
462
- - Cap `sidePadding` and `sideMargin` for `Row` and `Divider` in ultra-wide res displays above 2400px
463
-
464
- ### 0.32.5
465
- - Add @emotion/is-prop-valid as an optional dependency
466
-
467
- ### 0.32.3
468
- - Add ability to set Sidebar logo width via the theme
469
-
470
- ### 0.32.1
471
- - Add Tabs component
472
-
473
- ### 0.31.22
474
- - Remove opinionated `ul`, `ol`, and `li` styles
475
-
476
- ### 0.31.21
477
- - Add opinionated version of Normalize.css
478
-
479
- ### 0.31.20
480
- - Remove Normalize.css
481
-
482
- ### 0.31.19
483
- - Add theme variables for `RadioButton`, `Checkbox` and `ToggleSwitch`
484
-
485
- ### 0.31.18
486
- - Upgrade to React 17.0.1
487
- - Tweak colour and font family for other input elements
488
-
489
- ### 0.31.17
490
- - Change `fontFamily` to `font` for `Badge` component
491
- - Fix font fallback styling inconsistency for labels, tables, and links
492
-
493
- ### 0.31.16
494
- - Rework Notification component
495
-
496
- ### 0.31.15
497
- - Fix `bg` of `SidebarWrapper`
498
-
499
- ### 0.31.13
500
- - Add `size` property for `SidebarItemIcon` to be picked from theme file
501
-
502
- ### 0.31.12
503
- - Add `font-family` to tables, and inherit from body font
504
-
505
- ### 0.31.11
506
- - Remove improper colour override for dark sidebar theme
507
-
508
- ### 0.31.10
509
- - Move React & styled-components to peerDependencies
510
-
511
- ### 0.31.8
512
- - Switch to useState & useEffect for merging theme
513
-
514
- ### 0.31.7
515
- - Fix Drawer theme issue for setting `borderRadius`
516
-
517
- ### 0.31.6
518
- - Fix broken builds (0.31.2 - 0.31.5)
519
-
520
- ### 0.31.2
521
- - Set ThemeType to recursive optional typeof RFTheme
522
-
523
- ### 0.31.1
524
- - Export `StaticGlobalStyles`
525
-
526
- ### 0.31.0
527
- - Add support for passing `refs`
528
-
529
- ### 0.30.14
530
- - Upgrade `styled-components` from `5.0.1` to `5.1.1` for Jest reasons
531
-
532
- ### 0.30.13
533
- - Add `tertiary` button
534
-
535
- ### 0.30.12
536
- - Add `transparent` as a `defaultColour`
537
-
538
- ### 0.30.11
539
- - Fix incorrect centering rule
540
-
541
- ### 0.30.10
542
- - Make `borderRadius` themeable for cards and input fields
543
-
544
- ### 0.30.9
545
- - Rename `baseColors` to `defaultColours`, and `mainColors` to `customColours`
546
-
547
- ### 0.30.8
548
- - Memoize theme prop in ThemeProvider
549
-
550
- ### v0.30.7
551
- - Add missing props for theming some elements
552
-
553
- ### v0.30.6
554
- - Add merge to reduce size of custom overrides
555
-
556
- ### v0.30.5
557
- - Fix `a` tag hover colour bug
558
-
559
- ### v0.30.4
560
- - Fix type bug that wouldn’t let `paras` inherit `font-family`
561
-
562
- ### v0.30.3
563
- - Fix lodash `merge` speed issue
564
-
565
- ### v0.30.0
566
- - Remove static CSS classes from `GlobalStyles`
567
-
568
- ### v0.29.3
569
- - Rename `Textarea` to `TextArea`
570
-
571
- ### v0.29.2
572
- - Add media queries for `InfoPanel` below `1200px` to handle `width` prop
573
-
574
- ### v0.29.1
575
- - Add `primary`, `secondary`, and `tertiary` props for the `Divider` element
576
-
577
- ### v0.29.0
578
- - Add `bgColour`, `textColour`, `borderColour`, `strokeColour` and `fillColour` props with British English
579
-
580
- ### v0.28.7
581
- - Add `spring`, `brick` and `sienna` colour values
582
-
583
- ### v0.28.5
584
- - Fix `FormItem` margin bottom bug inside `FormItemGroup`
585
-
586
- ### v0.28.4
587
- - Add `nano` and `micro` sizing for Text
588
-
589
- ### v0.28.3
590
- - Tweak links theme styling
591
- - `links.default.text` is now `links.default.color`
592
- - `links.onHover.text` is now `links.onHover.color`
593
-
594
- ### v0.28.2
595
- - Fix Textarea styling bug
596
- - Add `nano` and `micro` text sizes
597
- - Text theme tweaks
598
- - `size` object deprecated
599
- - `size.default` is now `paras.size`
600
- - `size.multiplier` is now `headings.multiplier`
601
-
602
- ### v0.27.0
603
- - Add props for Meter to display a label and value
604
-
605
- ### v0.23.8
606
- - Remove all SCSS files
607
- - Remove unused svg icon
608
- - Move `theme` to `styles` folder
609
-
610
- ### v0.23.7
611
- - Use relative path everywhere
612
-
613
- ### v0.23.6
614
- - Generate typings
615
-
616
- ### v0.23.5
617
- - Upgrade all packages
618
-
619
- ### v0.21.2
620
- - Update styled components
621
- - Remove unused component `EventHandler`
622
- - Fix rollup dependencies
623
-
624
- ### v0.21.1
625
- - Add `onCloseButtonClick` prop in `NotificationItem`
626
-
627
- ### v0.21.0
628
- - Code cleanup