@artsy/palette-mobile 23.14.0 → 24.0.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 (220) hide show
  1. package/dist/Theme.js +16 -11
  2. package/dist/animation/CssTransition.js +71 -26
  3. package/dist/animation/index.js +17 -1
  4. package/dist/constants.js +12 -8
  5. package/dist/elements/ArtsyKeyboardAvoidingView/ArtsyKeyboardAvoidingView.js +116 -69
  6. package/dist/elements/ArtsyKeyboardAvoidingView/index.js +17 -1
  7. package/dist/elements/Autocomplete/Autocomplete.js +32 -23
  8. package/dist/elements/Autocomplete/Autocomplete.tests.js +128 -56
  9. package/dist/elements/Autocomplete/index.js +17 -1
  10. package/dist/elements/Avatar/Avatar.js +20 -15
  11. package/dist/elements/Avatar/Avatar.stories.js +29 -15
  12. package/dist/elements/Avatar/Avatar.tests.js +12 -10
  13. package/dist/elements/Avatar/index.js +17 -1
  14. package/dist/elements/BackButton/BackButton.js +16 -9
  15. package/dist/elements/BackButton/BackButton.stories.js +12 -8
  16. package/dist/elements/BackButton/index.js +17 -1
  17. package/dist/elements/Banner/Banner.js +45 -18
  18. package/dist/elements/Banner/Banner.stories.js +12 -8
  19. package/dist/elements/Banner/index.js +17 -1
  20. package/dist/elements/BorderBox/BorderBox.js +16 -11
  21. package/dist/elements/BorderBox/index.js +17 -1
  22. package/dist/elements/Box/Box.js +16 -14
  23. package/dist/elements/Box/Box.stories.js +21 -15
  24. package/dist/elements/Box/index.js +17 -1
  25. package/dist/elements/Button/Button.js +85 -64
  26. package/dist/elements/Button/Button.stories.js +48 -23
  27. package/dist/elements/Button/CTAButton.js +18 -3
  28. package/dist/elements/Button/FollowButton.js +38 -11
  29. package/dist/elements/Button/LinkButton.js +19 -4
  30. package/dist/elements/Button/colors.js +7 -3
  31. package/dist/elements/Button/index.js +20 -4
  32. package/dist/elements/ButtonNew/Button.js +114 -49
  33. package/dist/elements/ButtonNew/Button.stories.js +64 -38
  34. package/dist/elements/ButtonNew/Button.tests.js +23 -21
  35. package/dist/elements/ButtonNew/CTAButton.js +18 -3
  36. package/dist/elements/ButtonNew/FollowButton.js +36 -9
  37. package/dist/elements/ButtonNew/LinkButton.js +19 -4
  38. package/dist/elements/ButtonNew/colors.js +7 -3
  39. package/dist/elements/ButtonNew/index.js +20 -4
  40. package/dist/elements/Checkbox/Check.js +83 -46
  41. package/dist/elements/Checkbox/Checkbox.js +83 -47
  42. package/dist/elements/Checkbox/Checkbox.stories.js +10 -9
  43. package/dist/elements/Checkbox/index.js +18 -2
  44. package/dist/elements/Chip/Chip.js +23 -18
  45. package/dist/elements/Chip/Chip.stories.js +12 -8
  46. package/dist/elements/Chip/index.js +17 -1
  47. package/dist/elements/ClassTheme/ClassTheme.js +10 -5
  48. package/dist/elements/ClassTheme/index.js +17 -1
  49. package/dist/elements/Collapse/Collapse.js +9 -4
  50. package/dist/elements/Collapse/Collapse.stories.js +13 -9
  51. package/dist/elements/Collapse/index.js +17 -1
  52. package/dist/elements/CollapsibleMenuItem/CollapsibleMenuItem.js +32 -27
  53. package/dist/elements/CollapsibleMenuItem/CollapsibleMenuItem.stories.js +62 -37
  54. package/dist/elements/CollapsibleMenuItem/index.js +17 -1
  55. package/dist/elements/Dialog/Dialog.js +52 -26
  56. package/dist/elements/Dialog/Dialog.stories.js +41 -22
  57. package/dist/elements/Dialog/Dialog.tests.js +33 -31
  58. package/dist/elements/Dialog/index.js +17 -1
  59. package/dist/elements/EntityHeader/EntityHeader.js +42 -15
  60. package/dist/elements/EntityHeader/EntityHeader.stories.js +26 -18
  61. package/dist/elements/EntityHeader/index.js +17 -1
  62. package/dist/elements/Flex/Flex.js +32 -4
  63. package/dist/elements/Flex/index.js +17 -1
  64. package/dist/elements/Header/ArtsyLogoHeader.js +15 -8
  65. package/dist/elements/Header/index.js +17 -1
  66. package/dist/elements/Histogram/Histogram.js +19 -14
  67. package/dist/elements/Histogram/index.js +17 -1
  68. package/dist/elements/Image/Image.js +60 -28
  69. package/dist/elements/Image/Image.stories.js +35 -23
  70. package/dist/elements/Image/__tests__/getImageURL.tests.js +10 -8
  71. package/dist/elements/Image/helpers/getImageURL.js +13 -8
  72. package/dist/elements/Image/index.js +17 -1
  73. package/dist/elements/Input/Input.js +216 -168
  74. package/dist/elements/Input/Input.stories.js +15 -11
  75. package/dist/elements/Input/Input.tests.js +85 -39
  76. package/dist/elements/Input/InputTitle.js +9 -4
  77. package/dist/elements/Input/helpers.js +35 -27
  78. package/dist/elements/Input/index.js +19 -3
  79. package/dist/elements/Input/maskValue.js +25 -9
  80. package/dist/elements/Input/maskValue.tests.js +19 -17
  81. package/dist/elements/Join/Join.js +14 -9
  82. package/dist/elements/Join/index.js +17 -1
  83. package/dist/elements/LazyFlatlist/LazyFlatlist.js +11 -8
  84. package/dist/elements/LazyFlatlist/index.js +18 -2
  85. package/dist/elements/LazyFlatlist/useHasSeenItem.js +19 -12
  86. package/dist/elements/LegacyScreen/LegacyScreen.js +124 -83
  87. package/dist/elements/LegacyScreen/index.js +17 -1
  88. package/dist/elements/LegacyTabs/ContentTabs.js +18 -12
  89. package/dist/elements/LegacyTabs/NavigationalTabs.js +21 -15
  90. package/dist/elements/LegacyTabs/StepTabs.js +25 -19
  91. package/dist/elements/LegacyTabs/Tab.js +31 -19
  92. package/dist/elements/LegacyTabs/TabBarContainer.js +48 -39
  93. package/dist/elements/LegacyTabs/index.js +38 -9
  94. package/dist/elements/List/BulletedItem.js +34 -7
  95. package/dist/elements/List/List.stories.js +12 -8
  96. package/dist/elements/List/index.js +17 -1
  97. package/dist/elements/MeasuredView/MeasuredView.js +18 -12
  98. package/dist/elements/MeasuredView/index.js +17 -1
  99. package/dist/elements/MenuItem/MenuItem.js +14 -9
  100. package/dist/elements/MenuItem/MenuItem.stories.js +9 -5
  101. package/dist/elements/MenuItem/index.js +17 -1
  102. package/dist/elements/Message/Message.js +35 -19
  103. package/dist/elements/Message/Message.stories.d.ts +1 -1
  104. package/dist/elements/Message/Message.stories.js +23 -17
  105. package/dist/elements/Message/Message.tests.js +38 -36
  106. package/dist/elements/Message/index.js +17 -1
  107. package/dist/elements/Pill/Pill.js +116 -138
  108. package/dist/elements/Pill/Pill.stories.js +28 -20
  109. package/dist/elements/Pill/Pill.tests.js +15 -13
  110. package/dist/elements/Pill/index.js +17 -1
  111. package/dist/elements/PopIn/PopIn.js +13 -8
  112. package/dist/elements/PopIn/index.js +17 -1
  113. package/dist/elements/Popover/Popover.js +45 -15
  114. package/dist/elements/Popover/Popover.stories.js +25 -19
  115. package/dist/elements/Popover/index.js +17 -1
  116. package/dist/elements/ProgressBar/ProgressBar.js +68 -23
  117. package/dist/elements/ProgressBar/ProgressBar.stories.js +11 -7
  118. package/dist/elements/ProgressBar/ProgressBar.tests.js +48 -23
  119. package/dist/elements/ProgressBar/index.js +17 -1
  120. package/dist/elements/Radio/RadioButton.js +80 -44
  121. package/dist/elements/Radio/RadioButton.stories.js +17 -13
  122. package/dist/elements/Radio/RadioDot.js +31 -15
  123. package/dist/elements/Radio/index.js +7 -2
  124. package/dist/elements/Screen/Background.js +10 -3
  125. package/dist/elements/Screen/Body.js +37 -10
  126. package/dist/elements/Screen/BottomView.js +17 -9
  127. package/dist/elements/Screen/FloatingHeader.js +36 -9
  128. package/dist/elements/Screen/FullWidthDivider.js +20 -5
  129. package/dist/elements/Screen/FullWidthItem.js +20 -5
  130. package/dist/elements/Screen/Header.js +79 -26
  131. package/dist/elements/Screen/Screen.stories.js +46 -30
  132. package/dist/elements/Screen/ScreenBase.js +39 -11
  133. package/dist/elements/Screen/ScreenFlatList.js +26 -9
  134. package/dist/elements/Screen/ScreenScrollContext.js +21 -15
  135. package/dist/elements/Screen/ScreenScrollView.js +27 -9
  136. package/dist/elements/Screen/StickySubHeader.js +62 -23
  137. package/dist/elements/Screen/constants.js +8 -5
  138. package/dist/elements/Screen/hooks/useListenForScreenScroll.js +13 -9
  139. package/dist/elements/Screen/hooks/useShowLargeTitle.js +19 -14
  140. package/dist/elements/Screen/hooks/useTitleStyles.js +14 -10
  141. package/dist/elements/Screen/index.js +48 -31
  142. package/dist/elements/SearchInput/RoundSearchInput.js +79 -46
  143. package/dist/elements/SearchInput/SearchInput.js +43 -14
  144. package/dist/elements/SearchInput/index.js +18 -2
  145. package/dist/elements/Separator/Separator.js +20 -12
  146. package/dist/elements/Separator/Separator.stories.js +10 -6
  147. package/dist/elements/Separator/ShadowSeparator.js +14 -7
  148. package/dist/elements/Separator/index.js +18 -2
  149. package/dist/elements/SimpleMessage/SimpleMessage.js +47 -11
  150. package/dist/elements/SimpleMessage/index.js +17 -1
  151. package/dist/elements/Skeleton/Skeleton.js +50 -19
  152. package/dist/elements/Skeleton/Skeleton.stories.js +14 -10
  153. package/dist/elements/Skeleton/index.js +17 -1
  154. package/dist/elements/Spacer/Spacer.js +32 -3
  155. package/dist/elements/Spacer/Spacer.stories.js +35 -19
  156. package/dist/elements/Spacer/index.js +17 -1
  157. package/dist/elements/Spinner/Spinner.js +62 -33
  158. package/dist/elements/Spinner/index.js +17 -1
  159. package/dist/elements/Switch/Switch.js +50 -17
  160. package/dist/elements/Switch/Switch.stories.js +31 -14
  161. package/dist/elements/Switch/index.js +17 -1
  162. package/dist/elements/Tabs/SubTabBar.js +29 -20
  163. package/dist/elements/Tabs/TabFlashList.js +24 -12
  164. package/dist/elements/Tabs/TabFlatList.js +24 -12
  165. package/dist/elements/Tabs/TabMasonry.js +24 -12
  166. package/dist/elements/Tabs/TabScrollView.js +27 -14
  167. package/dist/elements/Tabs/Tabs.js +27 -24
  168. package/dist/elements/Tabs/Tabs.stories.js +93 -46
  169. package/dist/elements/Tabs/TabsContainer.js +62 -38
  170. package/dist/elements/Tabs/TabsWithHeader.js +41 -13
  171. package/dist/elements/Tabs/hooks/useListenForTabContentScroll.js +13 -9
  172. package/dist/elements/Tabs/index.js +17 -1
  173. package/dist/elements/Text/LinkText.js +32 -3
  174. package/dist/elements/Text/Text.js +61 -23
  175. package/dist/elements/Text/Text.stories.js +37 -28
  176. package/dist/elements/Text/Text.tests.js +7 -5
  177. package/dist/elements/Text/helpers.js +13 -7
  178. package/dist/elements/Text/index.js +19 -3
  179. package/dist/elements/ToolTip/ToolTip.js +67 -53
  180. package/dist/elements/ToolTip/ToolTip.stories.js +21 -14
  181. package/dist/elements/ToolTip/ToolTip.tests.js +15 -13
  182. package/dist/elements/ToolTip/ToolTipFlyout.js +68 -28
  183. package/dist/elements/ToolTip/index.js +17 -1
  184. package/dist/elements/Touchable/Touchable.js +41 -13
  185. package/dist/elements/Touchable/Touchable.stories.js +13 -9
  186. package/dist/elements/Touchable/TouchableHighlightColor.js +38 -12
  187. package/dist/elements/Touchable/TouchableWithScale.js +38 -11
  188. package/dist/elements/Touchable/index.js +19 -3
  189. package/dist/elements/VisualClue/VisualClue.stories.js +11 -7
  190. package/dist/elements/VisualClue/VisualClueDot.js +24 -14
  191. package/dist/elements/VisualClue/VisualClueText.js +26 -15
  192. package/dist/elements/VisualClue/index.js +18 -2
  193. package/dist/elements/index.js +62 -46
  194. package/dist/index.js +24 -8
  195. package/dist/setupJest.js +11 -6
  196. package/dist/storybook/decorators.js +36 -27
  197. package/dist/storybook/helpers.js +40 -22
  198. package/dist/tokens.js +28 -67
  199. package/dist/types.js +10 -5
  200. package/dist/utils/Wrap.js +16 -8
  201. package/dist/utils/colors.stories.js +31 -25
  202. package/dist/utils/createGeminiUrl.js +28 -22
  203. package/dist/utils/flattenChildren.js +20 -7
  204. package/dist/utils/formatLargeNumber.js +8 -4
  205. package/dist/utils/formatLargeNumbers.tests.js +15 -13
  206. package/dist/utils/hooks/index.js +20 -4
  207. package/dist/utils/hooks/useColor.js +6 -2
  208. package/dist/utils/hooks/useMeasure.js +40 -14
  209. package/dist/utils/hooks/useScreenDimensions.js +31 -20
  210. package/dist/utils/hooks/useSpace.js +6 -2
  211. package/dist/utils/hooks/useTheme.js +31 -23
  212. package/dist/utils/normalizeText.js +11 -6
  213. package/dist/utils/space.stories.js +15 -10
  214. package/dist/utils/tests/flattenChildren.tests.js +8 -6
  215. package/dist/utils/tests/isTestEnvironment.js +5 -1
  216. package/dist/utils/tests/renderWithWrappers.js +15 -7
  217. package/dist/utils/text.js +13 -9
  218. package/dist/utils/types.js +2 -0
  219. package/dist/utils/webTokensToMobile.js +16 -10
  220. package/package.json +30 -36
@@ -1,12 +1,16 @@
1
- import { mapValues } from "lodash";
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.convertWebTextTreatmentsToMobile = exports.convertWebSpacingUnitsToMobile = void 0;
4
+ var lodash_1 = require("lodash");
2
5
  /**
3
6
  * This function is converting the space values that come from palette-tokens
4
7
  * from a string `"120px"` to a number `120`, and the key values from a number
5
8
  * `0.5` to a string `"0.5"`.
6
9
  */
7
- export const convertWebSpacingUnitsToMobile = (withUnits) => {
10
+ var convertWebSpacingUnitsToMobile = function (withUnits) {
8
11
  return withUnits;
9
12
  };
13
+ exports.convertWebSpacingUnitsToMobile = convertWebSpacingUnitsToMobile;
10
14
  /**
11
15
  * This function is removing the `px` and `em` suffix and making the values
12
16
  * into numbers. letterspacing, fontSize, and lineHeight all take numbers
@@ -14,24 +18,26 @@ export const convertWebSpacingUnitsToMobile = (withUnits) => {
14
18
  *
15
19
  * @see https://reactnative.dev/docs/text-style-props
16
20
  */
17
- export const convertWebTextTreatmentsToMobile = (withUnits) => {
18
- const textTreatments = mapValues(withUnits, (treatmentWithUnits) => {
19
- const newTreatment = {};
20
- const valuesToConvert = [
21
+ var convertWebTextTreatmentsToMobile = function (withUnits) {
22
+ var textTreatments = (0, lodash_1.mapValues)(withUnits, function (treatmentWithUnits) {
23
+ var newTreatment = {};
24
+ var valuesToConvert = [
21
25
  ["fontSize", "px"],
22
26
  ["lineHeight", "px"],
23
27
  ["letterSpacing", "em"],
24
28
  ];
25
- valuesToConvert.forEach(([property, unit]) => {
26
- const originalValue = treatmentWithUnits[property];
29
+ valuesToConvert.forEach(function (_a) {
30
+ var property = _a[0], unit = _a[1];
31
+ var originalValue = treatmentWithUnits[property];
27
32
  if (originalValue === undefined) {
28
33
  return undefined;
29
34
  }
30
- const justStringValue = originalValue.split(unit)[0];
31
- const numberValue = Number(justStringValue);
35
+ var justStringValue = originalValue.split(unit)[0];
36
+ var numberValue = Number(justStringValue);
32
37
  newTreatment[property] = numberValue;
33
38
  });
34
39
  return newTreatment;
35
40
  });
36
41
  return textTreatments;
37
42
  };
43
+ exports.convertWebTextTreatmentsToMobile = convertWebTextTreatmentsToMobile;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@artsy/palette-mobile",
3
- "version": "23.14.0",
3
+ "version": "24.0.0",
4
4
  "description": "Artsy's design system for React Native",
5
5
  "workspaces": [
6
6
  "Example"
@@ -65,31 +65,32 @@
65
65
  },
66
66
  "devDependencies": {
67
67
  "@artsy/auto-config": "1.2.0",
68
- "@artsy/icons": "3.64.0",
68
+ "@artsy/icons": "3.67.0",
69
69
  "@auto-it/all-contributors": "10.46.0",
70
70
  "@auto-it/first-time-contributor": "10.46.0",
71
- "@babel/core": "^7.25.2",
71
+ "@babel/core": "^7.26.0",
72
72
  "@babel/plugin-proposal-decorators": "7.25.9",
73
73
  "@babel/plugin-proposal-private-methods": "7.18.6",
74
- "@babel/preset-env": "^7.25.3",
74
+ "@babel/preset-env": "7.25.3",
75
75
  "@babel/preset-flow": "7.18.6",
76
76
  "@babel/preset-react": "7.18.6",
77
77
  "@babel/preset-typescript": "7.18.6",
78
- "@babel/runtime": "^7.25.0",
78
+ "@babel/runtime": "7.26.10",
79
79
  "@d11/react-native-fast-image": "8.13.0",
80
- "@react-native-async-storage/async-storage": "^2.2.0",
81
- "@react-native/eslint-config": "0.76.9",
82
- "@shopify/flash-list": "2.2.0",
83
- "@testing-library/react-native": "13.2.0",
80
+ "@react-native-async-storage/async-storage": "2.2.0",
81
+ "@react-native/eslint-config": "0.83.6",
82
+ "@shopify/flash-list": "2.2.2",
83
+ "@storybook/react": "8.6.14",
84
+ "@testing-library/react-native": "13.3.3",
84
85
  "@types/events": "^3.0.0",
85
- "@types/jest": "29.4.0",
86
+ "@types/jest": "29.5.14",
86
87
  "@types/lodash": "4.14.191",
87
- "@types/react": "~19.1.10",
88
+ "@types/react": "19.2.10",
88
89
  "@types/react-test-renderer": "19.1.0",
89
- "@types/styled-system": "^5.1.16",
90
- "@types/styled-system__theme-get": "^5.0.2",
91
- "@typescript-eslint/eslint-plugin": "5.51.0",
92
- "@typescript-eslint/parser": "^5.51.0",
90
+ "@types/styled-system": "5.1.24",
91
+ "@types/styled-system__theme-get": "5.0.4",
92
+ "@typescript-eslint/eslint-plugin": "5.57.0",
93
+ "@typescript-eslint/parser": "^5.57.0",
93
94
  "auto": "10.38.5",
94
95
  "babel-jest": "29.6.3",
95
96
  "concurrently": "^7.6.0",
@@ -97,46 +98,39 @@
97
98
  "eslint-config-prettier": "8.6.0",
98
99
  "eslint-import-resolver-typescript": "3.5.3",
99
100
  "eslint-plugin-import": "2.27.5",
100
- "eslint-plugin-jest": "^27.2.1",
101
+ "eslint-plugin-jest": "27.2.1",
101
102
  "eslint-plugin-prettier": "4.2.1",
102
103
  "eslint-plugin-react": "7.32.2",
103
104
  "eslint-plugin-react-hooks": "^4.6.0",
104
105
  "eslint-plugin-react-native-a11y": "^3.5.1",
105
- "eslint-plugin-testing-library": "6.4.0",
106
+ "eslint-plugin-testing-library": "6.5.0",
106
107
  "husky": "^8.0.3",
107
108
  "jest": "~29.7.0",
108
- "jest-environment-jsdom": "29.4.2",
109
- "jest-extended": "3.2.3",
109
+ "jest-environment-jsdom": "29.6.3",
110
+ "jest-extended": "4.0.2",
110
111
  "jest-watch-typeahead": "2.2.2",
111
- "lint-staged": "13.1.2",
112
- "lodash": "4.17.21",
112
+ "lint-staged": "13.2.3",
113
+ "lodash": "4.18.1",
113
114
  "moti": "0.30.0",
114
115
  "nodemon": "^3.1.14",
115
- "prettier": "^2.8.8",
116
+ "prettier": "3.1.1",
116
117
  "pull-lock": "1.0.0",
117
- "react": "19.1.0",
118
- "react-native": "0.81.5",
118
+ "react": "19.2.0",
119
+ "react-native": "0.83.6",
119
120
  "react-native-blurhash": "2.1.3",
120
121
  "react-native-collapsible-tab-view": "patch:react-native-collapsible-tab-view@npm%3A9.0.0-rc.0#~/.yarn/patches/react-native-collapsible-tab-view-npm-9.0.0-rc.0-5363b327de.patch",
121
122
  "react-native-haptic-feedback": "1.14.0",
122
- "react-native-linear-gradient": "2.6.2",
123
+ "react-native-linear-gradient": "2.8.3",
123
124
  "react-native-pager-view": "7.0.1",
124
125
  "react-native-reanimated": "4.2.1",
125
126
  "react-native-safe-area-context": "5.6.0",
126
- "react-native-svg": "15.12.1",
127
- "react-native-worklets": "0.7.2",
128
- "react-test-renderer": "19.1.0",
127
+ "react-native-svg": "15.15.3",
128
+ "react-native-worklets": "0.7.4",
129
+ "react-test-renderer": "19.2.0",
129
130
  "rimraf": "4.1.2",
130
131
  "styled-components": "6.1.19",
131
132
  "styled-system": "^5.1.5",
132
- "typescript": "5.8.3"
133
- },
134
- "resolutions": {
135
- "@types/react": "~19.1.10",
136
- "react": "19.1.0",
137
- "react-test-renderer": "19.1.0",
138
- "react-native-svg": "15.12.1",
139
- "react-native-safe-area-context": "5.6.0"
133
+ "typescript": "5.9.2"
140
134
  },
141
135
  "engines": {
142
136
  "yarn": "4.x",