@hero-design/rn 7.20.0 → 7.21.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 (106) hide show
  1. package/.eslintrc.json +1 -0
  2. package/.turbo/turbo-build.log +2 -2
  3. package/es/index.js +410 -285
  4. package/lib/index.js +410 -282
  5. package/package.json +4 -2
  6. package/rollup.config.js +1 -0
  7. package/src/components/BottomSheet/index.tsx +6 -1
  8. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +4 -4
  9. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +13 -13
  10. package/src/components/Empty/StyledEmpty.tsx +1 -9
  11. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +58 -5
  12. package/src/components/Empty/__tests__/index.spec.tsx +13 -0
  13. package/src/components/Empty/index.tsx +38 -18
  14. package/src/components/Image/__tests__/__snapshots__/index.spec.tsx.snap +81 -0
  15. package/src/components/Image/__tests__/index.spec.tsx +29 -0
  16. package/src/components/Image/index.tsx +46 -0
  17. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +5 -5
  18. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +60 -60
  19. package/src/components/RichTextEditor/EditorToolbar.tsx +19 -18
  20. package/src/components/RichTextEditor/RichTextEditor.tsx +7 -2
  21. package/src/components/RichTextEditor/StyledRichTextEditor.ts +0 -2
  22. package/src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx +7 -4
  23. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +2 -2
  24. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +4 -12
  25. package/src/components/RichTextEditor/constants.ts +0 -11
  26. package/src/components/RichTextEditor/index.tsx +0 -3
  27. package/src/components/RichTextEditor/types.ts +9 -0
  28. package/src/components/Select/MultiSelect/OptionList.tsx +4 -6
  29. package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +21 -0
  30. package/src/components/Select/MultiSelect/index.tsx +33 -3
  31. package/src/components/Select/SingleSelect/OptionList.tsx +4 -5
  32. package/src/components/Select/SingleSelect/__tests__/index.spec.tsx +16 -0
  33. package/src/components/Select/SingleSelect/index.tsx +34 -4
  34. package/src/components/Select/StyledOptionList.tsx +3 -9
  35. package/src/components/Slider/__tests__/__snapshots__/index.spec.tsx.snap +43 -0
  36. package/src/components/Slider/__tests__/index.spec.tsx +33 -0
  37. package/src/components/Slider/index.tsx +89 -0
  38. package/src/components/Switch/StyledSwitch.tsx +4 -4
  39. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +10 -10
  40. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  41. package/src/components/Switch/index.tsx +5 -4
  42. package/src/components/TextInput/index.tsx +43 -37
  43. package/src/index.ts +4 -0
  44. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +56 -11
  45. package/src/theme/components/alert.ts +1 -2
  46. package/src/theme/components/avatar.ts +8 -8
  47. package/src/theme/components/badge.ts +4 -4
  48. package/src/theme/components/bottomNavigation.ts +1 -1
  49. package/src/theme/components/bottomSheet.ts +2 -3
  50. package/src/theme/components/calendar.ts +9 -7
  51. package/src/theme/components/card.ts +1 -1
  52. package/src/theme/components/checkbox.ts +2 -5
  53. package/src/theme/components/datePicker.ts +3 -3
  54. package/src/theme/components/drawer.ts +2 -3
  55. package/src/theme/components/empty.ts +3 -8
  56. package/src/theme/components/fab.ts +2 -2
  57. package/src/theme/components/image.ts +12 -0
  58. package/src/theme/components/pinInput.ts +3 -3
  59. package/src/theme/components/progress.ts +2 -3
  60. package/src/theme/components/radio.ts +7 -3
  61. package/src/theme/components/richTextEditor.ts +4 -4
  62. package/src/theme/components/slider.ts +13 -0
  63. package/src/theme/components/switch.ts +16 -1
  64. package/src/theme/components/tabs.ts +1 -1
  65. package/src/theme/components/timePicker.ts +3 -3
  66. package/src/theme/components/toast.ts +1 -2
  67. package/src/theme/getTheme.ts +9 -2
  68. package/src/theme/global/colors/swag.ts +2 -0
  69. package/src/theme/global/colors/types.ts +2 -0
  70. package/src/theme/global/index.ts +3 -0
  71. package/src/theme/global/scale.ts +3 -0
  72. package/src/theme/global/sizes.ts +29 -0
  73. package/src/types.ts +0 -2
  74. package/testUtils/setup.tsx +14 -0
  75. package/types/components/BottomSheet/index.d.ts +5 -1
  76. package/types/components/Empty/StyledEmpty.d.ts +1 -7
  77. package/types/components/Empty/index.d.ts +8 -2
  78. package/types/components/Image/__tests__/index.spec.d.ts +1 -0
  79. package/types/components/Image/index.d.ts +17 -0
  80. package/types/components/RichTextEditor/EditorToolbar.d.ts +1 -1
  81. package/types/components/RichTextEditor/RichTextEditor.d.ts +4 -0
  82. package/types/components/RichTextEditor/constants.d.ts +0 -10
  83. package/types/components/RichTextEditor/index.d.ts +0 -2
  84. package/types/components/RichTextEditor/types.d.ts +1 -0
  85. package/types/components/Select/MultiSelect/OptionList.d.ts +5 -2
  86. package/types/components/Select/MultiSelect/index.d.ts +7 -1
  87. package/types/components/Select/SingleSelect/OptionList.d.ts +5 -2
  88. package/types/components/Select/SingleSelect/index.d.ts +8 -2
  89. package/types/components/Select/StyledOptionList.d.ts +4 -3
  90. package/types/components/Select/index.d.ts +1 -1
  91. package/types/components/Slider/__tests__/index.spec.d.ts +1 -0
  92. package/types/components/Slider/index.d.ts +52 -0
  93. package/types/components/TextInput/index.d.ts +2 -1
  94. package/types/index.d.ts +3 -1
  95. package/types/theme/components/datePicker.d.ts +2 -1
  96. package/types/theme/components/empty.d.ts +2 -5
  97. package/types/theme/components/image.d.ts +8 -0
  98. package/types/theme/components/slider.d.ts +9 -0
  99. package/types/theme/components/switch.d.ts +14 -1
  100. package/types/theme/components/timePicker.d.ts +2 -1
  101. package/types/theme/getTheme.d.ts +4 -0
  102. package/types/theme/global/colors/types.d.ts +2 -0
  103. package/types/theme/global/index.d.ts +3 -0
  104. package/types/theme/global/scale.d.ts +1 -0
  105. package/types/theme/global/sizes.d.ts +14 -0
  106. package/types/types.d.ts +1 -2
@@ -15,6 +15,7 @@ import getDrawerTheme from './components/drawer';
15
15
  import getEmptyTheme from './components/empty';
16
16
  import getFABTheme from './components/fab';
17
17
  import getIconTheme from './components/icon';
18
+ import getImageTheme from './components/image';
18
19
  import getListTheme from './components/list';
19
20
  import getPinInputTheme from './components/pinInput';
20
21
  import getProgressTheme from './components/progress';
@@ -22,6 +23,7 @@ import getRadioTheme from './components/radio';
22
23
  import getRichTextEditorTheme from './components/richTextEditor';
23
24
  import getSectionHeadingTheme from './components/sectionHeading';
24
25
  import getSelectTheme from './components/select';
26
+ import getSliderTheme from './components/slider';
25
27
  import getSpinnerTheme from './components/spinner';
26
28
  import getSwitchTheme from './components/switch';
27
29
  import getTabsTheme from './components/tabs';
@@ -51,6 +53,7 @@ declare type Theme = GlobalTheme & {
51
53
  empty: ReturnType<typeof getEmptyTheme>;
52
54
  fab: ReturnType<typeof getFABTheme>;
53
55
  icon: ReturnType<typeof getIconTheme>;
56
+ image: ReturnType<typeof getImageTheme>;
54
57
  list: ReturnType<typeof getListTheme>;
55
58
  pinInput: ReturnType<typeof getPinInputTheme>;
56
59
  progress: ReturnType<typeof getProgressTheme>;
@@ -58,6 +61,7 @@ declare type Theme = GlobalTheme & {
58
61
  richTextEditor: ReturnType<typeof getRichTextEditorTheme>;
59
62
  sectionHeading: ReturnType<typeof getSectionHeadingTheme>;
60
63
  select: ReturnType<typeof getSelectTheme>;
64
+ slider: ReturnType<typeof getSliderTheme>;
61
65
  spinner: ReturnType<typeof getSpinnerTheme>;
62
66
  switch: ReturnType<typeof getSwitchTheme>;
63
67
  tabs: ReturnType<typeof getTabsTheme>;
@@ -44,6 +44,7 @@ export declare type SystemPalette = {
44
44
  shadow: string;
45
45
  __alpha__globalPrimary: string;
46
46
  __alpha__globalSecondary1: string;
47
+ __alpha__globalSecondary4: string;
47
48
  __alpha__globalNeutral3: string;
48
49
  __alpha__globalLabel1: string;
49
50
  __alpha__globalLabel2: string;
@@ -54,6 +55,7 @@ export declare type SystemPalette = {
54
55
  __alpha__globalLabel7: string;
55
56
  __alpha__globalLabel8: string;
56
57
  __alpha__globalLabel9: string;
58
+ __alpha__primary1: string;
57
59
  __alpha__primary2: string;
58
60
  __alpha__secondary1: string;
59
61
  __alpha__secondary2: string;
@@ -50,6 +50,7 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
50
50
  shadow: string;
51
51
  __alpha__globalPrimary: string;
52
52
  __alpha__globalSecondary1: string;
53
+ __alpha__globalSecondary4: string;
53
54
  __alpha__globalNeutral3: string;
54
55
  __alpha__globalLabel1: string;
55
56
  __alpha__globalLabel2: string;
@@ -60,6 +61,7 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
60
61
  __alpha__globalLabel7: string;
61
62
  __alpha__globalLabel8: string;
62
63
  __alpha__globalLabel9: string;
64
+ __alpha__primary1: string;
63
65
  __alpha__primary2: string;
64
66
  __alpha__secondary1: string;
65
67
  __alpha__secondary2: string;
@@ -71,6 +73,7 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
71
73
  lineHeights: import("./typography").FontSizes;
72
74
  borderWidths: import("./borders").BorderWidths;
73
75
  space: import("./space").Space;
76
+ sizes: import("./sizes").Sizes;
74
77
  radii: import("./borders").Radii;
75
78
  };
76
79
  declare type GlobalTheme = ReturnType<typeof getGlobalTheme>;
@@ -1,6 +1,7 @@
1
1
  declare const scale: {
2
2
  borderWidth: number;
3
3
  space: number;
4
+ size: number;
4
5
  font: string;
5
6
  fontSize: number;
6
7
  radius: number;
@@ -0,0 +1,14 @@
1
+ import type { Space } from './space';
2
+ interface Sizes extends Space {
3
+ xxxxxlarge: number;
4
+ '6xlarge': number;
5
+ '7xlarge': number;
6
+ '9xlarge': number;
7
+ '14xlarge': number;
8
+ '15xlarge': number;
9
+ '18xlarge': number;
10
+ '19xlarge': number;
11
+ }
12
+ declare const getSizes: (baseSize: number) => Sizes;
13
+ export { getSizes };
14
+ export type { Sizes };
package/types/types.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { ToolbarButtonName } from './components/RichTextEditor';
2
1
  import type { BottomNavigationTabType } from './components/BottomNavigation';
3
2
  import type { IconName } from './components/Icon';
4
3
  import type { SingleSelectProps, MultiSelectProps } from './components/Select';
@@ -7,4 +6,4 @@ import type { TextInputProps } from './components/TextInput';
7
6
  import type { RichTextEditorRef, RichTextEditorProps } from './components/RichTextEditor';
8
7
  import type { Theme } from './theme';
9
8
  import type { ListRenderOptionInfo, SectionListRenderOptionInfo } from './components/Select/types';
10
- export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, Theme, ToolbarButtonName, };
9
+ export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, Theme, };