@hero-design/rn-work-uikit 1.6.5 → 1.7.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 (8) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/lib/index.js +4877 -4319
  3. package/package.json +3 -3
  4. package/src/components/DatePicker/__tests__/__snapshots__/index.spec.tsx.snap +6 -2
  5. package/src/components/Select/__tests__/__snapshots__/index.spec.tsx.snap +3 -1
  6. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +59 -19
  7. package/stats/1.7.0/rn-work-uikit-stats.html +4844 -0
  8. package/stats/1.6.5/rn-work-uikit-stats.html +0 -4844
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hero-design/rn-work-uikit",
3
- "version": "1.6.5",
3
+ "version": "1.7.0",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -23,8 +23,8 @@
23
23
  "@emotion/native": "^11.9.3",
24
24
  "@emotion/primitives-core": "11.0.0",
25
25
  "@emotion/react": "^11.9.3",
26
- "@hero-design/rn": "^8.105.4",
27
- "hero-editor": "^1.15.5"
26
+ "@hero-design/rn": "^8.106.0",
27
+ "hero-editor": "^1.16.0"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "@hero-design/react-native-month-year-picker": "^8.43.1",
package/src/components/DatePicker/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -585,7 +585,7 @@ exports[`DatePicker renders correctly (snapshot) 1`] = `
585
585
  {
586
586
  "alignItems": "center",
587
587
  "backgroundColor": "transparent",
588
- "borderRadius": 4,
588
+ "borderRadius": 999,
589
589
  "borderWidth": 0,
590
590
  "flexDirection": "row",
591
591
  "height": 58.84615384615385,
@@ -599,6 +599,8 @@ exports[`DatePicker renders correctly (snapshot) 1`] = `
599
599
  themeButtonVariant="text-primary"
600
600
  themeInlineText={false}
601
601
  themeIsCompact={false}
602
+ themeIsIconOnly={false}
603
+ themeIsMedium={false}
602
604
  underlayColor="#ece8ef"
603
605
  >
604
606
  <Text
@@ -1569,7 +1571,7 @@ exports[`Dialog renders DatePickerIOS when OS is iOS 1`] = `
1569
1571
  {
1570
1572
  "alignItems": "center",
1571
1573
  "backgroundColor": "transparent",
1572
- "borderRadius": 4,
1574
+ "borderRadius": 999,
1573
1575
  "borderWidth": 0,
1574
1576
  "flexDirection": "row",
1575
1577
  "height": 58.84615384615385,
@@ -1583,6 +1585,8 @@ exports[`Dialog renders DatePickerIOS when OS is iOS 1`] = `
1583
1585
  themeButtonVariant="text-primary"
1584
1586
  themeInlineText={false}
1585
1587
  themeIsCompact={false}
1588
+ themeIsIconOnly={false}
1589
+ themeIsMedium={false}
1586
1590
  underlayColor="#ece8ef"
1587
1591
  >
1588
1592
  <Text
package/src/components/Select/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -632,7 +632,7 @@ exports[`MultiSelect renders correctly (snapshot) 1`] = `
632
632
  {
633
633
  "alignItems": "center",
634
634
  "backgroundColor": "transparent",
635
- "borderRadius": 4,
635
+ "borderRadius": 999,
636
636
  "borderWidth": 0,
637
637
  "flexDirection": "row",
638
638
  "height": 58.84615384615385,
@@ -646,6 +646,8 @@ exports[`MultiSelect renders correctly (snapshot) 1`] = `
646
646
  themeButtonVariant="text-primary"
647
647
  themeInlineText={false}
648
648
  themeIsCompact={false}
649
+ themeIsIconOnly={false}
650
+ themeIsMedium={false}
649
651
  underlayColor="#ece8ef"
650
652
  >
651
653
  <Text
package/src/theme/__tests__/__snapshots__/index.spec.ts.snap CHANGED
@@ -267,37 +267,63 @@ exports[`theme returns correct theme object 1`] = `
267
267
  "default": 1.9615384615384617,
268
268
  },
269
269
  "colors": {
270
- "danger": "#cb300a",
271
- "defaultText": "#001f23",
272
- "disabledBackground": "#bfc1c5",
273
- "disabledBorder": "#bfc1c5",
274
- "disabledText": "#bfc1c5",
270
+ "background": {
271
+ "filledDanger": "#f46363",
272
+ "filledInverted": "#ffffff",
273
+ "filledPrimary": "#401960",
274
+ "filledSecondary": "#f6f6f7",
275
+ "filledWhite": "#ffffff",
276
+ },
277
+ "border": {
278
+ "outlinedDanger": "#cb300a",
279
+ "outlinedInverted": "#ffffff",
280
+ "outlinedPrimary": "#401960",
281
+ "outlinedSecondary": "#e8e9ea",
282
+ "outlinedWhite": "#ffffff",
283
+ },
275
284
  "invertedText": "#ffffff",
276
285
  "pressedBackground": {
277
- "filledDanger": "#fcebe7",
286
+ "filledDanger": "#f68282",
287
+ "filledInverted": "#ece8ef",
278
288
  "filledPrimary": "#33144d",
279
- "filledSecondary": "#33144d",
289
+ "filledSecondary": "#dadbde",
280
290
  "filledWhite": "#ece8ef",
281
- "outlineDanger": "#fcebe7",
282
- "outlineWhite": "#33144d",
291
+ "outlinedDanger": "#fcebe7",
292
+ "outlinedInverted": "#33144d",
283
293
  "outlinedPrimary": "#ece8ef",
284
294
  "outlinedSecondary": "#ece8ef",
295
+ "outlinedWhite": "#33144d",
285
296
  "textDanger": "#fcebe7",
297
+ "textInverted": "#33144d",
286
298
  "textPrimary": "#ece8ef",
287
- "textSecondary": "#f6f6f7",
299
+ "textSecondary": "#ece8ef",
288
300
  "textWhite": "#33144d",
289
301
  },
290
302
  "pressedText": {
291
- "danger": "#f68282",
292
- "primary": "#33144d",
293
- "secondary": "#001f23",
294
- "white": "#33144d",
303
+ "inlineTextDanger": "#f46363",
304
+ "inlineTextInverted": "#795e90",
305
+ "inlineTextPrimary": "#795e90",
306
+ "inlineTextSecondary": "#606065",
307
+ "inlineTextWhite": "#795e90",
308
+ },
309
+ "text": {
310
+ "filledDanger": "#ffffff",
311
+ "filledInverted": "#401960",
312
+ "filledPrimary": "#ffffff",
313
+ "filledSecondary": "#001f23",
314
+ "filledWhite": "#401960",
315
+ "outlinedDanger": "#cb300a",
316
+ "outlinedInverted": "#ffffff",
317
+ "outlinedPrimary": "#401960",
318
+ "outlinedSecondary": "#001f23",
319
+ "outlinedWhite": "#ffffff",
320
+ "textDanger": "#cb300a",
321
+ "textInverted": "#ffffff",
322
+ "textPrimary": "#401960",
323
+ "textSecondary": "#001f23",
324
+ "textWhite": "#ffffff",
295
325
  },
296
- "primary": "#401960",
297
- "secondary": "#4d6265",
298
- "textLoadingBackground": "#ece8ef",
299
326
  "utilityBackground": "#ffffff",
300
- "white": "#ffffff",
301
327
  },
302
328
  "fontSize": {
303
329
  "default": 17.653846153846153,
@@ -319,6 +345,7 @@ exports[`theme returns correct theme object 1`] = `
319
345
  },
320
346
  "radii": {
321
347
  "default": 32,
348
+ "rounded": 999,
322
349
  "text": 4,
323
350
  "utilityRadii": 8,
324
351
  },
@@ -339,6 +366,13 @@ exports[`theme returns correct theme object 1`] = `
339
366
  "iconPadding": 11.76923076923077,
340
367
  "textButtonPadding": 11.76923076923077,
341
368
  },
369
+ "medium": {
370
+ "buttonPadding": 15.692307692307693,
371
+ "buttonPaddingHorizontal": 15.692307692307693,
372
+ "buttonPaddingVertical": 7.846153846153847,
373
+ "iconPadding": 11.76923076923077,
374
+ "textButtonPadding": 31.384615384615387,
375
+ },
342
376
  "utilityPadding": 7.846153846153847,
343
377
  },
344
378
  },
@@ -475,10 +509,16 @@ exports[`theme returns correct theme object 1`] = `
475
509
  },
476
510
  "sizes": {
477
511
  "icon": 23.53846153846154,
512
+ "inlineCheckbox": {
513
+ "large": 15.692307692307693,
514
+ "medium": 14.387884615384616,
515
+ },
478
516
  },
479
517
  "space": {
480
518
  "iconDescriptionPadding": 11.76923076923077,
481
519
  "iconTop": 0,
520
+ "inlineCheckboxGap": 7.846153846153847,
521
+ "inlineCheckboxMargin": 7.846153846153847,
482
522
  "wrapperPadding": 15.692307692307693,
483
523
  },
484
524
  },
@@ -558,7 +598,7 @@ exports[`theme returns correct theme object 1`] = `
558
598
  },
559
599
  "drawer": {
560
600
  "colors": {
561
- "backdrop": "#ffffff",
601
+ "backdrop": "#000000",
562
602
  "background": "#ffffff",
563
603
  "handler": "#001f23",
564
604
  "shadow": "#001f23",