@artsy/palette-mobile 13.0.14 → 13.0.16

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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v13.0.16 (Thu Sep 28 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - feat(Pill): adjusts the image overflow for profile variant [#158](https://github.com/artsy/palette-mobile/pull/158) ([@araujobarret](https://github.com/araujobarret))
6
+
7
+ #### Authors: 1
8
+
9
+ - Carlos Alberto de Araujo Barreto ([@araujobarret](https://github.com/araujobarret))
10
+
11
+ ---
12
+
13
+ # v13.0.15 (Thu Sep 28 2023)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - feat(Pill): adjust horizontal padding of profile variant [#156](https://github.com/artsy/palette-mobile/pull/156) ([@araujobarret](https://github.com/araujobarret))
18
+
19
+ #### Authors: 1
20
+
21
+ - Carlos Alberto de Araujo Barreto ([@araujobarret](https://github.com/araujobarret))
22
+
23
+ ---
24
+
1
25
  # v13.0.14 (Thu Sep 28 2023)
2
26
 
3
27
  #### 🐛 Bug Fix
@@ -46,7 +46,7 @@ const Pill = ({ variant = "default", src, selected, disabled, Icon, children, on
46
46
  return {
47
47
  opacity: hovered || pressed ? 0.5 : 1,
48
48
  };
49
- }, []), children: [variant === "profile" && src && ((0, jsx_runtime_1.jsx)(Thumbnail, { src: src, height: 30, width: 30, style: { overflow: "hidden" } })), Icon && (0, jsx_runtime_1.jsx)(Icon, { fill: color, ml: -0.5, mr: 0.5 }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "xs", color: color, children: children }), showCloseIcon && (0, jsx_runtime_1.jsx)(svgs_1.CloseIcon, { fill: color, ml: 0.5, width: 15, height: 15 })] }) }));
49
+ }, []), children: [variant === "profile" && src && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { overflow: "hidden", borderRadius: 50, height: 30, width: 30, mr: 1, children: (0, jsx_runtime_1.jsx)(Thumbnail, { src: src, height: 30, width: 30 }) })), Icon && (0, jsx_runtime_1.jsx)(Icon, { fill: color, ml: -0.5, mr: 0.5 }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "xs", color: color, children: children }), showCloseIcon && (0, jsx_runtime_1.jsx)(svgs_1.CloseIcon, { fill: color, ml: 0.5, width: 15, height: 15 })] }) }));
50
50
  };
51
51
  exports.Pill = Pill;
52
52
  const Container = (0, styled_components_1.default)(interactions_1.MotiPressable) `
@@ -68,8 +68,6 @@ const Container = (0, styled_components_1.default)(interactions_1.MotiPressable)
68
68
  `;
69
69
  const Thumbnail = (0, styled_components_1.default)(Image_1.Image) `
70
70
  background-color: ${(0, theme_get_1.default)("colors.black30")};
71
- border-radius: 50px;
72
- margin-right: ${(0, theme_get_1.default)("space.1")};
73
71
  `;
74
72
  const PILL_STATES = {
75
73
  default: (0, styled_components_1.css) `
@@ -100,7 +98,7 @@ const PILL_VARIANTS = {
100
98
  border-color: ${(0, theme_get_1.default)("colors.black5")};
101
99
  border-radius: 25px;
102
100
  height: 50px;
103
- padding: 0 ${(0, theme_get_1.default)("space.2")}};
101
+ padding: 0 ${(0, theme_get_1.default)("space.1")}};
104
102
  `,
105
103
  selected: (0, styled_components_1.css) `
106
104
  border-color: ${(0, theme_get_1.default)("colors.blue100")};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@artsy/palette-mobile",
3
- "version": "13.0.14",
3
+ "version": "13.0.16",
4
4
  "description": "Artsy's design system for React Native",
5
5
  "scripts": {
6
6
  "android": "RCT_METRO_PORT=8082 react-native run-android --port 8082",