@coinbase/cds-mobile 8.59.0 → 8.61.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 (64) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dts/buttons/Button.d.ts +8 -0
  3. package/dts/buttons/Button.d.ts.map +1 -1
  4. package/dts/buttons/DefaultSlideButtonHandle.d.ts.map +1 -1
  5. package/dts/buttons/IconButton.d.ts +12 -7
  6. package/dts/buttons/IconButton.d.ts.map +1 -1
  7. package/dts/cards/Card.d.ts +4 -0
  8. package/dts/cards/Card.d.ts.map +1 -1
  9. package/dts/cards/CardBody.d.ts +4 -0
  10. package/dts/cards/CardBody.d.ts.map +1 -1
  11. package/dts/cards/CardFooter.d.ts +4 -0
  12. package/dts/cards/CardFooter.d.ts.map +1 -1
  13. package/dts/cards/CardGroup.d.ts +12 -0
  14. package/dts/cards/CardGroup.d.ts.map +1 -1
  15. package/dts/cards/CardHeader.d.ts +8 -0
  16. package/dts/cards/CardHeader.d.ts.map +1 -1
  17. package/dts/cards/CardMedia.d.ts +8 -0
  18. package/dts/cards/CardMedia.d.ts.map +1 -1
  19. package/dts/controls/InputIconButton.d.ts +1 -1
  20. package/dts/loaders/Spinner.d.ts +4 -0
  21. package/dts/loaders/Spinner.d.ts.map +1 -1
  22. package/dts/visualizations/ProgressBar.d.ts +2 -2
  23. package/dts/visualizations/ProgressBar.d.ts.map +1 -1
  24. package/dts/visualizations/ProgressBarWithFloatLabel.d.ts.map +1 -1
  25. package/dts/visualizations/ProgressCircle.d.ts +9 -1
  26. package/dts/visualizations/ProgressCircle.d.ts.map +1 -1
  27. package/esm/alpha/select/__stories__/AlphaSelect.stories.js +13 -9
  28. package/esm/buttons/Button.js +28 -10
  29. package/esm/buttons/DefaultSlideButtonHandle.js +7 -6
  30. package/esm/buttons/IconButton.js +23 -12
  31. package/esm/buttons/__stories__/Button.stories.js +60 -0
  32. package/esm/buttons/__stories__/IconButton.stories.js +148 -1
  33. package/esm/cards/Card.js +5 -0
  34. package/esm/cards/CardBody.js +5 -0
  35. package/esm/cards/CardFooter.js +4 -0
  36. package/esm/cards/CardGroup.js +14 -0
  37. package/esm/cards/CardHeader.js +9 -0
  38. package/esm/cards/CardMedia.js +10 -0
  39. package/esm/loaders/Spinner.js +5 -0
  40. package/esm/overlays/__stories__/AlertBasic.stories.js +2 -2
  41. package/esm/overlays/__stories__/AlertLongTitle.stories.js +2 -2
  42. package/esm/overlays/__stories__/AlertOverModal.stories.js +2 -10
  43. package/esm/overlays/__stories__/AlertPortal.stories.js +2 -6
  44. package/esm/overlays/__stories__/AlertSingleAction.stories.js +2 -2
  45. package/esm/overlays/__stories__/AlertVerticalActions.stories.js +2 -2
  46. package/esm/overlays/__stories__/DrawerFallback.stories.js +20 -13
  47. package/esm/overlays/__stories__/DrawerScrollable.stories.js +8 -1
  48. package/esm/overlays/__stories__/Drawers.js +4 -4
  49. package/esm/overlays/__stories__/ModalBackButton.stories.js +2 -2
  50. package/esm/overlays/__stories__/ModalBasic.stories.js +2 -2
  51. package/esm/overlays/__stories__/ModalCustomPadding.stories.js +2 -2
  52. package/esm/overlays/__stories__/ModalLong.stories.js +2 -2
  53. package/esm/overlays/__stories__/ModalPortal.stories.js +2 -6
  54. package/esm/overlays/__stories__/Overlay.stories.js +2 -6
  55. package/esm/overlays/__stories__/TrayNavigation.stories.js +6 -2
  56. package/esm/overlays/__stories__/Trays.js +20 -11
  57. package/esm/sticky-footer/__stories__/StickyFooter.stories.js +2 -2
  58. package/esm/sticky-footer/__stories__/StickyFooterWithTray.stories.js +3 -3
  59. package/esm/visualizations/DefaultProgressCircleContent.js +1 -1
  60. package/esm/visualizations/ProgressBar.js +3 -3
  61. package/esm/visualizations/ProgressBarWithFloatLabel.js +19 -28
  62. package/esm/visualizations/ProgressCircle.js +80 -60
  63. package/esm/visualizations/__stories__/ProgressCircle.stories.js +63 -11
  64. package/package.json +2 -2
package/esm/visualizations/__stories__/ProgressCircle.stories.js CHANGED
@@ -111,12 +111,64 @@ const ProgressBarScreen = () => {
111
111
  }
112
112
  })
113
113
  }), /*#__PURE__*/_jsx(Example, {
114
- title: "Heavy",
114
+ title: "Indeterminate",
115
115
  children: /*#__PURE__*/_jsx(ProgressContainerWithButtons, {
116
116
  children: _ref3 => {
117
117
  let {
118
118
  calculateProgress
119
119
  } = _ref3;
120
+ return /*#__PURE__*/_jsxs(HStack, {
121
+ flexWrap: "wrap",
122
+ gap: 2,
123
+ children: [/*#__PURE__*/_jsx(ProgressCircle, {
124
+ indeterminate: true,
125
+ accessibilityLabel: "Loading",
126
+ color: "bgPositive",
127
+ progress: calculateProgress(0.75),
128
+ size: 30
129
+ }), /*#__PURE__*/_jsx(ProgressCircle, {
130
+ indeterminate: true,
131
+ accessibilityLabel: "Loading",
132
+ color: "bgSecondary",
133
+ progress: calculateProgress(0.75),
134
+ size: 30
135
+ }), /*#__PURE__*/_jsx(ProgressCircle, {
136
+ indeterminate: true,
137
+ accessibilityLabel: "Loading",
138
+ disableAnimateOnMount: false,
139
+ progress: calculateProgress(0.75),
140
+ size: 100,
141
+ weight: "thin"
142
+ }), /*#__PURE__*/_jsx(ProgressCircle, {
143
+ indeterminate: true,
144
+ accessibilityLabel: "Loading",
145
+ disableAnimateOnMount: false,
146
+ progress: calculateProgress(0.75),
147
+ size: 100,
148
+ weight: "normal"
149
+ }), /*#__PURE__*/_jsx(ProgressCircle, {
150
+ indeterminate: true,
151
+ accessibilityLabel: "Loading",
152
+ progress: calculateProgress(0.75),
153
+ size: 100,
154
+ weight: "semiheavy"
155
+ }), /*#__PURE__*/_jsx(ProgressCircle, {
156
+ indeterminate: true,
157
+ accessibilityLabel: "Loading",
158
+ progress: calculateProgress(0.75),
159
+ size: 100,
160
+ weight: "heavy"
161
+ })]
162
+ });
163
+ }
164
+ })
165
+ }), /*#__PURE__*/_jsx(Example, {
166
+ title: "Heavy",
167
+ children: /*#__PURE__*/_jsx(ProgressContainerWithButtons, {
168
+ children: _ref4 => {
169
+ let {
170
+ calculateProgress
171
+ } = _ref4;
120
172
  return /*#__PURE__*/_jsxs(HStack, {
121
173
  gap: 2,
122
174
  children: [/*#__PURE__*/_jsx(ProgressCircle, {
@@ -134,10 +186,10 @@ const ProgressBarScreen = () => {
134
186
  }), /*#__PURE__*/_jsx(Example, {
135
187
  title: "NoText",
136
188
  children: /*#__PURE__*/_jsx(ProgressContainerWithButtons, {
137
- children: _ref4 => {
189
+ children: _ref5 => {
138
190
  let {
139
191
  calculateProgress
140
- } = _ref4;
192
+ } = _ref5;
141
193
  return /*#__PURE__*/_jsxs(HStack, {
142
194
  gap: 2,
143
195
  children: [/*#__PURE__*/_jsx(ProgressCircle, {
@@ -201,10 +253,10 @@ const ProgressBarScreen = () => {
201
253
  }), /*#__PURE__*/_jsx(Example, {
202
254
  title: "FillParent",
203
255
  children: /*#__PURE__*/_jsx(ProgressContainerWithButtons, {
204
- children: _ref5 => {
256
+ children: _ref6 => {
205
257
  let {
206
258
  calculateProgress
207
- } = _ref5;
259
+ } = _ref6;
208
260
  return /*#__PURE__*/_jsxs(HStack, {
209
261
  flexWrap: "wrap",
210
262
  gap: 2,
@@ -250,10 +302,10 @@ const ProgressBarScreen = () => {
250
302
  }), /*#__PURE__*/_jsx(Example, {
251
303
  title: "CustomTextColor",
252
304
  children: /*#__PURE__*/_jsx(ProgressContainerWithButtons, {
253
- children: _ref6 => {
305
+ children: _ref7 => {
254
306
  let {
255
307
  calculateProgress
256
- } = _ref6;
308
+ } = _ref7;
257
309
  return /*#__PURE__*/_jsxs(HStack, {
258
310
  gap: 2,
259
311
  children: [/*#__PURE__*/_jsx(ProgressCircle, {
@@ -429,10 +481,10 @@ const ProgressBarScreen = () => {
429
481
  }), /*#__PURE__*/_jsx(Example, {
430
482
  title: "Thin",
431
483
  children: /*#__PURE__*/_jsx(ProgressContainerWithButtons, {
432
- children: _ref7 => {
484
+ children: _ref8 => {
433
485
  let {
434
486
  calculateProgress
435
- } = _ref7;
487
+ } = _ref8;
436
488
  return /*#__PURE__*/_jsxs(HStack, {
437
489
  gap: 2,
438
490
  children: [/*#__PURE__*/_jsx(ProgressCircle, {
@@ -450,10 +502,10 @@ const ProgressBarScreen = () => {
450
502
  }), /*#__PURE__*/_jsx(Example, {
451
503
  title: "Disable Mount Animation",
452
504
  children: /*#__PURE__*/_jsx(ProgressContainerWithButtons, {
453
- children: _ref8 => {
505
+ children: _ref9 => {
454
506
  let {
455
507
  calculateProgress
456
- } = _ref8;
508
+ } = _ref9;
457
509
  return /*#__PURE__*/_jsx(ProgressCircle, {
458
510
  disableAnimateOnMount: true,
459
511
  progress: calculateProgress(0.8),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/cds-mobile",
3
- "version": "8.59.0",
3
+ "version": "8.61.0",
4
4
  "description": "Coinbase Design System - Mobile",
5
5
  "repository": {
6
6
  "type": "git",
@@ -197,7 +197,7 @@
197
197
  "react-native-svg": "^14.1.0"
198
198
  },
199
199
  "dependencies": {
200
- "@coinbase/cds-common": "^8.59.0",
200
+ "@coinbase/cds-common": "^8.61.0",
201
201
  "@coinbase/cds-icons": "^5.13.0",
202
202
  "@coinbase/cds-illustrations": "^4.36.0",
203
203
  "@coinbase/cds-lottie-files": "^3.3.4",