@jobber/components-native 0.106.0 → 0.107.1
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/docs/Colors/Colors.md +13 -0
- package/dist/package.json +3 -3
- package/dist/src/ActivityIndicator/ActivityIndicator.js +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/ActivityIndicator/ActivityIndicator.stories.tsx +46 -1
- package/src/ActivityIndicator/ActivityIndicator.tsx +1 -1
- package/src/ActivityIndicator/guide.md +6 -4
|
@@ -84,6 +84,19 @@ different.
|
|
|
84
84
|
Used by the `--shadow-focus` property to indicate that an element has received
|
|
85
85
|
focus. Avoid using `--color-focus` directly on UI elements.
|
|
86
86
|
|
|
87
|
+
### Data Visualization
|
|
88
|
+
|
|
89
|
+
Use these colors to distinguish values in charts and other data visualizations.
|
|
90
|
+
They respond to theming and should be preferred over base color tokens.
|
|
91
|
+
|
|
92
|
+
#### Categorical
|
|
93
|
+
|
|
94
|
+
Use categorical colors to distinguish unrelated groups or series. Use `subtle`
|
|
95
|
+
or `bold` when multiple treatments of the first categorical color need to sit
|
|
96
|
+
together in the same visualization.
|
|
97
|
+
|
|
98
|
+
Use additional categorical colors for supporting data series.
|
|
99
|
+
|
|
87
100
|
### Status
|
|
88
101
|
|
|
89
102
|
Use these colors in labels, icons, filters, alerts, and other elements where
|
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components-native",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.107.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "React Native implementation of Atlantis",
|
|
6
6
|
"repository": {
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"devDependencies": {
|
|
74
74
|
"@babel/runtime": "^7.29.2",
|
|
75
75
|
"@gorhom/bottom-sheet": "^5.2.8",
|
|
76
|
-
"@jobber/design": "0.
|
|
76
|
+
"@jobber/design": "0.106.0",
|
|
77
77
|
"@jobber/hooks": "2.21.0",
|
|
78
78
|
"@react-native-community/datetimepicker": "^8.4.5",
|
|
79
79
|
"@react-native/babel-preset": "^0.82.1",
|
|
@@ -124,5 +124,5 @@
|
|
|
124
124
|
"react-native-screens": ">=4.18.0",
|
|
125
125
|
"react-native-svg": ">=12.0.0"
|
|
126
126
|
},
|
|
127
|
-
"gitHead": "
|
|
127
|
+
"gitHead": "c5da7c5d3db964c4803ccf359bc4e59ed63f668d"
|
|
128
128
|
}
|
|
@@ -61,7 +61,7 @@ export function ActivityIndicator({ size = "base", accessibilityLabel, style, te
|
|
|
61
61
|
if (reducedMotion) {
|
|
62
62
|
return (React.createElement(ReducedMotionRing, { pixelSize: pixelSize, strokeWidth: strokeWidth, ringColor: themeTokens["color-icon"], style: style, testID: testID, a11yProps: a11yProps }));
|
|
63
63
|
}
|
|
64
|
-
return (React.createElement(FullMotionRing, { pixelSize: pixelSize, strokeWidth: strokeWidth, arcColor: themeTokens["color-icon"], trackColor: themeTokens["color-
|
|
64
|
+
return (React.createElement(FullMotionRing, { pixelSize: pixelSize, strokeWidth: strokeWidth, arcColor: themeTokens["color-icon"], trackColor: themeTokens["color-surface--active"], style: style, testID: testID, a11yProps: a11yProps }));
|
|
65
65
|
}
|
|
66
66
|
function FullMotionRing({ pixelSize, strokeWidth, arcColor, trackColor, style, testID, a11yProps, }) {
|
|
67
67
|
// Layer 1 — outer linear rotation. Continuous, constant speed.
|