@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.
- package/dist/Theme.js +16 -11
- package/dist/animation/CssTransition.js +71 -26
- package/dist/animation/index.js +17 -1
- package/dist/constants.js +12 -8
- package/dist/elements/ArtsyKeyboardAvoidingView/ArtsyKeyboardAvoidingView.js +116 -69
- package/dist/elements/ArtsyKeyboardAvoidingView/index.js +17 -1
- package/dist/elements/Autocomplete/Autocomplete.js +32 -23
- package/dist/elements/Autocomplete/Autocomplete.tests.js +128 -56
- package/dist/elements/Autocomplete/index.js +17 -1
- package/dist/elements/Avatar/Avatar.js +20 -15
- package/dist/elements/Avatar/Avatar.stories.js +29 -15
- package/dist/elements/Avatar/Avatar.tests.js +12 -10
- package/dist/elements/Avatar/index.js +17 -1
- package/dist/elements/BackButton/BackButton.js +16 -9
- package/dist/elements/BackButton/BackButton.stories.js +12 -8
- package/dist/elements/BackButton/index.js +17 -1
- package/dist/elements/Banner/Banner.js +45 -18
- package/dist/elements/Banner/Banner.stories.js +12 -8
- package/dist/elements/Banner/index.js +17 -1
- package/dist/elements/BorderBox/BorderBox.js +16 -11
- package/dist/elements/BorderBox/index.js +17 -1
- package/dist/elements/Box/Box.js +16 -14
- package/dist/elements/Box/Box.stories.js +21 -15
- package/dist/elements/Box/index.js +17 -1
- package/dist/elements/Button/Button.js +85 -64
- package/dist/elements/Button/Button.stories.js +48 -23
- package/dist/elements/Button/CTAButton.js +18 -3
- package/dist/elements/Button/FollowButton.js +38 -11
- package/dist/elements/Button/LinkButton.js +19 -4
- package/dist/elements/Button/colors.js +7 -3
- package/dist/elements/Button/index.js +20 -4
- package/dist/elements/ButtonNew/Button.js +114 -49
- package/dist/elements/ButtonNew/Button.stories.js +64 -38
- package/dist/elements/ButtonNew/Button.tests.js +23 -21
- package/dist/elements/ButtonNew/CTAButton.js +18 -3
- package/dist/elements/ButtonNew/FollowButton.js +36 -9
- package/dist/elements/ButtonNew/LinkButton.js +19 -4
- package/dist/elements/ButtonNew/colors.js +7 -3
- package/dist/elements/ButtonNew/index.js +20 -4
- package/dist/elements/Checkbox/Check.js +83 -46
- package/dist/elements/Checkbox/Checkbox.js +83 -47
- package/dist/elements/Checkbox/Checkbox.stories.js +10 -9
- package/dist/elements/Checkbox/index.js +18 -2
- package/dist/elements/Chip/Chip.js +23 -18
- package/dist/elements/Chip/Chip.stories.js +12 -8
- package/dist/elements/Chip/index.js +17 -1
- package/dist/elements/ClassTheme/ClassTheme.js +10 -5
- package/dist/elements/ClassTheme/index.js +17 -1
- package/dist/elements/Collapse/Collapse.js +9 -4
- package/dist/elements/Collapse/Collapse.stories.js +13 -9
- package/dist/elements/Collapse/index.js +17 -1
- package/dist/elements/CollapsibleMenuItem/CollapsibleMenuItem.js +32 -27
- package/dist/elements/CollapsibleMenuItem/CollapsibleMenuItem.stories.js +62 -37
- package/dist/elements/CollapsibleMenuItem/index.js +17 -1
- package/dist/elements/Dialog/Dialog.js +52 -26
- package/dist/elements/Dialog/Dialog.stories.js +41 -22
- package/dist/elements/Dialog/Dialog.tests.js +33 -31
- package/dist/elements/Dialog/index.js +17 -1
- package/dist/elements/EntityHeader/EntityHeader.js +42 -15
- package/dist/elements/EntityHeader/EntityHeader.stories.js +26 -18
- package/dist/elements/EntityHeader/index.js +17 -1
- package/dist/elements/Flex/Flex.js +32 -4
- package/dist/elements/Flex/index.js +17 -1
- package/dist/elements/Header/ArtsyLogoHeader.js +15 -8
- package/dist/elements/Header/index.js +17 -1
- package/dist/elements/Histogram/Histogram.js +19 -14
- package/dist/elements/Histogram/index.js +17 -1
- package/dist/elements/Image/Image.js +60 -28
- package/dist/elements/Image/Image.stories.js +35 -23
- package/dist/elements/Image/__tests__/getImageURL.tests.js +10 -8
- package/dist/elements/Image/helpers/getImageURL.js +13 -8
- package/dist/elements/Image/index.js +17 -1
- package/dist/elements/Input/Input.js +216 -168
- package/dist/elements/Input/Input.stories.js +15 -11
- package/dist/elements/Input/Input.tests.js +85 -39
- package/dist/elements/Input/InputTitle.js +9 -4
- package/dist/elements/Input/helpers.js +35 -27
- package/dist/elements/Input/index.js +19 -3
- package/dist/elements/Input/maskValue.js +25 -9
- package/dist/elements/Input/maskValue.tests.js +19 -17
- package/dist/elements/Join/Join.js +14 -9
- package/dist/elements/Join/index.js +17 -1
- package/dist/elements/LazyFlatlist/LazyFlatlist.js +11 -8
- package/dist/elements/LazyFlatlist/index.js +18 -2
- package/dist/elements/LazyFlatlist/useHasSeenItem.js +19 -12
- package/dist/elements/LegacyScreen/LegacyScreen.js +124 -83
- package/dist/elements/LegacyScreen/index.js +17 -1
- package/dist/elements/LegacyTabs/ContentTabs.js +18 -12
- package/dist/elements/LegacyTabs/NavigationalTabs.js +21 -15
- package/dist/elements/LegacyTabs/StepTabs.js +25 -19
- package/dist/elements/LegacyTabs/Tab.js +31 -19
- package/dist/elements/LegacyTabs/TabBarContainer.js +48 -39
- package/dist/elements/LegacyTabs/index.js +38 -9
- package/dist/elements/List/BulletedItem.js +34 -7
- package/dist/elements/List/List.stories.js +12 -8
- package/dist/elements/List/index.js +17 -1
- package/dist/elements/MeasuredView/MeasuredView.js +18 -12
- package/dist/elements/MeasuredView/index.js +17 -1
- package/dist/elements/MenuItem/MenuItem.js +14 -9
- package/dist/elements/MenuItem/MenuItem.stories.js +9 -5
- package/dist/elements/MenuItem/index.js +17 -1
- package/dist/elements/Message/Message.js +35 -19
- package/dist/elements/Message/Message.stories.d.ts +1 -1
- package/dist/elements/Message/Message.stories.js +23 -17
- package/dist/elements/Message/Message.tests.js +38 -36
- package/dist/elements/Message/index.js +17 -1
- package/dist/elements/Pill/Pill.js +116 -138
- package/dist/elements/Pill/Pill.stories.js +28 -20
- package/dist/elements/Pill/Pill.tests.js +15 -13
- package/dist/elements/Pill/index.js +17 -1
- package/dist/elements/PopIn/PopIn.js +13 -8
- package/dist/elements/PopIn/index.js +17 -1
- package/dist/elements/Popover/Popover.js +45 -15
- package/dist/elements/Popover/Popover.stories.js +25 -19
- package/dist/elements/Popover/index.js +17 -1
- package/dist/elements/ProgressBar/ProgressBar.js +68 -23
- package/dist/elements/ProgressBar/ProgressBar.stories.js +11 -7
- package/dist/elements/ProgressBar/ProgressBar.tests.js +48 -23
- package/dist/elements/ProgressBar/index.js +17 -1
- package/dist/elements/Radio/RadioButton.js +80 -44
- package/dist/elements/Radio/RadioButton.stories.js +17 -13
- package/dist/elements/Radio/RadioDot.js +31 -15
- package/dist/elements/Radio/index.js +7 -2
- package/dist/elements/Screen/Background.js +10 -3
- package/dist/elements/Screen/Body.js +37 -10
- package/dist/elements/Screen/BottomView.js +17 -9
- package/dist/elements/Screen/FloatingHeader.js +36 -9
- package/dist/elements/Screen/FullWidthDivider.js +20 -5
- package/dist/elements/Screen/FullWidthItem.js +20 -5
- package/dist/elements/Screen/Header.js +79 -26
- package/dist/elements/Screen/Screen.stories.js +46 -30
- package/dist/elements/Screen/ScreenBase.js +39 -11
- package/dist/elements/Screen/ScreenFlatList.js +26 -9
- package/dist/elements/Screen/ScreenScrollContext.js +21 -15
- package/dist/elements/Screen/ScreenScrollView.js +27 -9
- package/dist/elements/Screen/StickySubHeader.js +62 -23
- package/dist/elements/Screen/constants.js +8 -5
- package/dist/elements/Screen/hooks/useListenForScreenScroll.js +13 -9
- package/dist/elements/Screen/hooks/useShowLargeTitle.js +19 -14
- package/dist/elements/Screen/hooks/useTitleStyles.js +14 -10
- package/dist/elements/Screen/index.js +48 -31
- package/dist/elements/SearchInput/RoundSearchInput.js +79 -46
- package/dist/elements/SearchInput/SearchInput.js +43 -14
- package/dist/elements/SearchInput/index.js +18 -2
- package/dist/elements/Separator/Separator.js +20 -12
- package/dist/elements/Separator/Separator.stories.js +10 -6
- package/dist/elements/Separator/ShadowSeparator.js +14 -7
- package/dist/elements/Separator/index.js +18 -2
- package/dist/elements/SimpleMessage/SimpleMessage.js +47 -11
- package/dist/elements/SimpleMessage/index.js +17 -1
- package/dist/elements/Skeleton/Skeleton.js +50 -19
- package/dist/elements/Skeleton/Skeleton.stories.js +14 -10
- package/dist/elements/Skeleton/index.js +17 -1
- package/dist/elements/Spacer/Spacer.js +32 -3
- package/dist/elements/Spacer/Spacer.stories.js +35 -19
- package/dist/elements/Spacer/index.js +17 -1
- package/dist/elements/Spinner/Spinner.js +62 -33
- package/dist/elements/Spinner/index.js +17 -1
- package/dist/elements/Switch/Switch.js +50 -17
- package/dist/elements/Switch/Switch.stories.js +31 -14
- package/dist/elements/Switch/index.js +17 -1
- package/dist/elements/Tabs/SubTabBar.js +29 -20
- package/dist/elements/Tabs/TabFlashList.js +24 -12
- package/dist/elements/Tabs/TabFlatList.js +24 -12
- package/dist/elements/Tabs/TabMasonry.js +24 -12
- package/dist/elements/Tabs/TabScrollView.js +27 -14
- package/dist/elements/Tabs/Tabs.js +27 -24
- package/dist/elements/Tabs/Tabs.stories.js +93 -46
- package/dist/elements/Tabs/TabsContainer.js +62 -38
- package/dist/elements/Tabs/TabsWithHeader.js +41 -13
- package/dist/elements/Tabs/hooks/useListenForTabContentScroll.js +13 -9
- package/dist/elements/Tabs/index.js +17 -1
- package/dist/elements/Text/LinkText.js +32 -3
- package/dist/elements/Text/Text.js +61 -23
- package/dist/elements/Text/Text.stories.js +37 -28
- package/dist/elements/Text/Text.tests.js +7 -5
- package/dist/elements/Text/helpers.js +13 -7
- package/dist/elements/Text/index.js +19 -3
- package/dist/elements/ToolTip/ToolTip.js +67 -53
- package/dist/elements/ToolTip/ToolTip.stories.js +21 -14
- package/dist/elements/ToolTip/ToolTip.tests.js +15 -13
- package/dist/elements/ToolTip/ToolTipFlyout.js +68 -28
- package/dist/elements/ToolTip/index.js +17 -1
- package/dist/elements/Touchable/Touchable.js +41 -13
- package/dist/elements/Touchable/Touchable.stories.js +13 -9
- package/dist/elements/Touchable/TouchableHighlightColor.js +38 -12
- package/dist/elements/Touchable/TouchableWithScale.js +38 -11
- package/dist/elements/Touchable/index.js +19 -3
- package/dist/elements/VisualClue/VisualClue.stories.js +11 -7
- package/dist/elements/VisualClue/VisualClueDot.js +24 -14
- package/dist/elements/VisualClue/VisualClueText.js +26 -15
- package/dist/elements/VisualClue/index.js +18 -2
- package/dist/elements/index.js +62 -46
- package/dist/index.js +24 -8
- package/dist/setupJest.js +11 -6
- package/dist/storybook/decorators.js +36 -27
- package/dist/storybook/helpers.js +40 -22
- package/dist/tokens.js +28 -67
- package/dist/types.js +10 -5
- package/dist/utils/Wrap.js +16 -8
- package/dist/utils/colors.stories.js +31 -25
- package/dist/utils/createGeminiUrl.js +28 -22
- package/dist/utils/flattenChildren.js +20 -7
- package/dist/utils/formatLargeNumber.js +8 -4
- package/dist/utils/formatLargeNumbers.tests.js +15 -13
- package/dist/utils/hooks/index.js +20 -4
- package/dist/utils/hooks/useColor.js +6 -2
- package/dist/utils/hooks/useMeasure.js +40 -14
- package/dist/utils/hooks/useScreenDimensions.js +31 -20
- package/dist/utils/hooks/useSpace.js +6 -2
- package/dist/utils/hooks/useTheme.js +31 -23
- package/dist/utils/normalizeText.js +11 -6
- package/dist/utils/space.stories.js +15 -10
- package/dist/utils/tests/flattenChildren.tests.js +8 -6
- package/dist/utils/tests/isTestEnvironment.js +5 -1
- package/dist/utils/tests/renderWithWrappers.js +15 -7
- package/dist/utils/text.js +13 -9
- package/dist/utils/types.js +2 -0
- package/dist/utils/webTokensToMobile.js +16 -10
- package/package.json +30 -36
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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((
|
|
26
|
-
|
|
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
|
-
|
|
31
|
-
|
|
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": "
|
|
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.
|
|
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.
|
|
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": "
|
|
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": "
|
|
78
|
+
"@babel/runtime": "7.26.10",
|
|
79
79
|
"@d11/react-native-fast-image": "8.13.0",
|
|
80
|
-
"@react-native-async-storage/async-storage": "
|
|
81
|
-
"@react-native/eslint-config": "0.
|
|
82
|
-
"@shopify/flash-list": "2.2.
|
|
83
|
-
"@
|
|
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.
|
|
86
|
+
"@types/jest": "29.5.14",
|
|
86
87
|
"@types/lodash": "4.14.191",
|
|
87
|
-
"@types/react": "
|
|
88
|
+
"@types/react": "19.2.10",
|
|
88
89
|
"@types/react-test-renderer": "19.1.0",
|
|
89
|
-
"@types/styled-system": "
|
|
90
|
-
"@types/styled-system__theme-get": "
|
|
91
|
-
"@typescript-eslint/eslint-plugin": "5.
|
|
92
|
-
"@typescript-eslint/parser": "^5.
|
|
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": "
|
|
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.
|
|
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.
|
|
109
|
-
"jest-extended": "
|
|
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.
|
|
112
|
-
"lodash": "4.
|
|
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": "
|
|
116
|
+
"prettier": "3.1.1",
|
|
116
117
|
"pull-lock": "1.0.0",
|
|
117
|
-
"react": "19.
|
|
118
|
-
"react-native": "0.
|
|
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.
|
|
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.
|
|
127
|
-
"react-native-worklets": "0.7.
|
|
128
|
-
"react-test-renderer": "19.
|
|
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.
|
|
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",
|