@hero-design/rn 8.136.1 → 8.136.2

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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/es/index.js +6 -3
  3. package/lib/index.js +6 -3
  4. package/package.json +1 -1
  5. package/src/components/List/StyledBasicListItem.tsx +2 -1
  6. package/src/components/List/StyledListItem.tsx +3 -1
  7. package/src/theme/components/list.ts +2 -1
  8. package/types/theme/components/list.d.ts +2 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @hero-design/rn
2
2
 
3
+ ## 8.136.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#5486](https://github.com/Thinkei/hero-design/pull/5486) [`fc7b9e0`](https://github.com/Thinkei/hero-design/commit/fc7b9e08b575111f40c79ea3445c03e286b5cb80) Thanks [@ttkien](https://github.com/ttkien)! - [List.BasicItem] Reduce horizontal padding to smallMedium
8
+
9
+ - [#5486](https://github.com/Thinkei/hero-design/pull/5486) [`fc7b9e0`](https://github.com/Thinkei/hero-design/commit/fc7b9e08b575111f40c79ea3445c03e286b5cb80) Thanks [@ttkien](https://github.com/ttkien)! - [List.Item] Reduce horizontal padding to smallMedium
10
+
3
11
  ## 8.136.1
4
12
 
5
13
  ### Patch Changes
package/es/index.js CHANGED
@@ -6478,7 +6478,8 @@ var getListTheme = function getListTheme(theme) {
6478
6478
  }
6479
6479
  };
6480
6480
  var space = {
6481
- listItemContainerPadding: theme.space.medium,
6481
+ listItemContainerVerticalPadding: theme.space.medium,
6482
+ listItemContainerHorizontalPadding: theme.space.smallMedium,
6482
6483
  leadingStatusMarginRight: theme.space.small,
6483
6484
  prefixContainerMarginRight: theme.space.small,
6484
6485
  suffixContainerMarginLeft: theme.space.small,
@@ -15743,7 +15744,8 @@ var StyledListItemContainer$1 = index$c(TouchableHighlight)(function (_ref) {
15743
15744
  var sharedStyles = {
15744
15745
  flexDirection: 'row',
15745
15746
  backgroundColor: themeSelected ? theme.__hd__.list.colors.checkedListItemContainerBackground : theme.__hd__.list.colors.listItemContainerBackground,
15746
- padding: theme.__hd__.list.space.listItemContainerPadding,
15747
+ paddingVertical: theme.__hd__.list.space.listItemContainerVerticalPadding,
15748
+ paddingHorizontal: theme.__hd__.list.space.listItemContainerHorizontalPadding,
15747
15749
  borderRadius: theme.__hd__.list.radii.item
15748
15750
  };
15749
15751
  switch (themeVariant) {
@@ -15873,7 +15875,8 @@ var StyledListItemContainer = index$c(TouchableHighlight)(function (_ref3) {
15873
15875
  alignItems: 'center',
15874
15876
  flexDirection: 'row',
15875
15877
  backgroundColor: themeSelected ? theme.__hd__.list.colors.checkedListItemContainerBackground : theme.__hd__.list.colors.listItemContainerBackground,
15876
- padding: theme.__hd__.list.space.listItemContainerPadding,
15878
+ paddingVertical: theme.__hd__.list.space.listItemContainerVerticalPadding,
15879
+ paddingHorizontal: theme.__hd__.list.space.listItemContainerHorizontalPadding,
15877
15880
  opacity: themeDisabled ? theme.__hd__.list.opacity.disabled : theme.__hd__.list.opacity.enabled,
15878
15881
  borderRadius: theme.__hd__.list.radii.basicItem
15879
15882
  };
package/lib/index.js CHANGED
@@ -6507,7 +6507,8 @@ var getListTheme = function getListTheme(theme) {
6507
6507
  }
6508
6508
  };
6509
6509
  var space = {
6510
- listItemContainerPadding: theme.space.medium,
6510
+ listItemContainerVerticalPadding: theme.space.medium,
6511
+ listItemContainerHorizontalPadding: theme.space.smallMedium,
6511
6512
  leadingStatusMarginRight: theme.space.small,
6512
6513
  prefixContainerMarginRight: theme.space.small,
6513
6514
  suffixContainerMarginLeft: theme.space.small,
@@ -15772,7 +15773,8 @@ var StyledListItemContainer$1 = index$c(reactNative.TouchableHighlight)(function
15772
15773
  var sharedStyles = {
15773
15774
  flexDirection: 'row',
15774
15775
  backgroundColor: themeSelected ? theme.__hd__.list.colors.checkedListItemContainerBackground : theme.__hd__.list.colors.listItemContainerBackground,
15775
- padding: theme.__hd__.list.space.listItemContainerPadding,
15776
+ paddingVertical: theme.__hd__.list.space.listItemContainerVerticalPadding,
15777
+ paddingHorizontal: theme.__hd__.list.space.listItemContainerHorizontalPadding,
15776
15778
  borderRadius: theme.__hd__.list.radii.item
15777
15779
  };
15778
15780
  switch (themeVariant) {
@@ -15902,7 +15904,8 @@ var StyledListItemContainer = index$c(reactNative.TouchableHighlight)(function (
15902
15904
  alignItems: 'center',
15903
15905
  flexDirection: 'row',
15904
15906
  backgroundColor: themeSelected ? theme.__hd__.list.colors.checkedListItemContainerBackground : theme.__hd__.list.colors.listItemContainerBackground,
15905
- padding: theme.__hd__.list.space.listItemContainerPadding,
15907
+ paddingVertical: theme.__hd__.list.space.listItemContainerVerticalPadding,
15908
+ paddingHorizontal: theme.__hd__.list.space.listItemContainerHorizontalPadding,
15906
15909
  opacity: themeDisabled ? theme.__hd__.list.opacity.disabled : theme.__hd__.list.opacity.enabled,
15907
15910
  borderRadius: theme.__hd__.list.radii.basicItem
15908
15911
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hero-design/rn",
3
- "version": "8.136.1",
3
+ "version": "8.136.2",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
package/src/components/List/StyledBasicListItem.tsx CHANGED
@@ -20,7 +20,8 @@ const StyledListItemContainer = styled(TouchableHighlight)<{
20
20
  backgroundColor: themeSelected
21
21
  ? theme.__hd__.list.colors.checkedListItemContainerBackground
22
22
  : theme.__hd__.list.colors.listItemContainerBackground,
23
- padding: theme.__hd__.list.space.listItemContainerPadding,
23
+ paddingVertical: theme.__hd__.list.space.listItemContainerVerticalPadding,
24
+ paddingHorizontal: theme.__hd__.list.space.listItemContainerHorizontalPadding,
24
25
  opacity: themeDisabled
25
26
  ? theme.__hd__.list.opacity.disabled
26
27
  : theme.__hd__.list.opacity.enabled,
package/src/components/List/StyledListItem.tsx CHANGED
@@ -18,7 +18,9 @@ const StyledListItemContainer = styled(TouchableHighlight)<{
18
18
  backgroundColor: themeSelected
19
19
  ? theme.__hd__.list.colors.checkedListItemContainerBackground
20
20
  : theme.__hd__.list.colors.listItemContainerBackground,
21
- padding: theme.__hd__.list.space.listItemContainerPadding,
21
+ paddingVertical: theme.__hd__.list.space.listItemContainerVerticalPadding,
22
+ paddingHorizontal:
23
+ theme.__hd__.list.space.listItemContainerHorizontalPadding,
22
24
  borderRadius: theme.__hd__.list.radii.item,
23
25
  };
24
26
 
package/src/theme/components/list.ts CHANGED
@@ -15,7 +15,8 @@ const getListTheme = (theme: GlobalTheme) => {
15
15
  };
16
16
 
17
17
  const space = {
18
- listItemContainerPadding: theme.space.medium,
18
+ listItemContainerVerticalPadding: theme.space.medium,
19
+ listItemContainerHorizontalPadding: theme.space.smallMedium,
19
20
  leadingStatusMarginRight: theme.space.small,
20
21
  prefixContainerMarginRight: theme.space.small,
21
22
  suffixContainerMarginLeft: theme.space.small,
package/types/theme/components/list.d.ts CHANGED
@@ -13,7 +13,8 @@ declare const getListTheme: (theme: GlobalTheme) => {
13
13
  };
14
14
  };
15
15
  space: {
16
- listItemContainerPadding: number;
16
+ listItemContainerVerticalPadding: number;
17
+ listItemContainerHorizontalPadding: number;
17
18
  leadingStatusMarginRight: number;
18
19
  prefixContainerMarginRight: number;
19
20
  suffixContainerMarginLeft: number;