@planningcenter/tapestry-react 2.1.1 → 2.2.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 (96) hide show
  1. package/dist/cjs/Avatar/Avatar.js +11 -9
  2. package/dist/cjs/Badge/Badge.js +5 -1
  3. package/dist/cjs/Card/Card.js +5 -2
  4. package/dist/cjs/Combobox/Combobox.js +16 -43
  5. package/dist/cjs/Combobox/ComboboxInput.js +112 -146
  6. package/dist/cjs/Combobox/ComboboxItem.js +38 -53
  7. package/dist/cjs/Combobox/ComboboxItems.js +41 -58
  8. package/dist/cjs/Combobox/index.js +12 -0
  9. package/dist/cjs/DateField/DateField.js +109 -128
  10. package/dist/cjs/Field/Field.js +80 -106
  11. package/dist/cjs/Menu/Item.js +1 -0
  12. package/dist/cjs/Pagination/Pagination.js +17 -11
  13. package/dist/cjs/Popover/utils.js +1 -0
  14. package/dist/cjs/SegmentedControl/SegmentedControl.js +89 -111
  15. package/dist/cjs/SegmentedTabs/SegmentedTabs.js +54 -84
  16. package/dist/cjs/Tabs/Tab.js +9 -6
  17. package/dist/cjs/Tabs/TabList.js +49 -64
  18. package/dist/cjs/Tabs/TabPanel.js +6 -2
  19. package/dist/cjs/Tabs/TabPanels.js +14 -27
  20. package/dist/cjs/Tabs/Tabs.js +72 -106
  21. package/dist/cjs/Tabs/index.js +12 -0
  22. package/dist/cjs/ThemeProvider/ThemeProvider.js +1 -1
  23. package/dist/cjs/Tooltip/Tooltip.js +158 -182
  24. package/dist/cjs/Wizard/Wizard.js +143 -193
  25. package/dist/cjs/Wizard/index.js +3 -0
  26. package/dist/cjs/system/box-sizes.js +3 -3
  27. package/dist/esm/Avatar/Avatar.js +11 -7
  28. package/dist/esm/Badge/Badge.js +5 -1
  29. package/dist/esm/Card/Card.js +5 -2
  30. package/dist/esm/Combobox/Combobox.js +18 -43
  31. package/dist/esm/Combobox/ComboboxInput.js +111 -149
  32. package/dist/esm/Combobox/ComboboxItem.js +38 -52
  33. package/dist/esm/Combobox/ComboboxItems.js +38 -56
  34. package/dist/esm/Combobox/index.js +8 -0
  35. package/dist/esm/DateField/DateField.js +106 -133
  36. package/dist/esm/Field/Field.js +76 -103
  37. package/dist/esm/Menu/Item.js +1 -0
  38. package/dist/esm/Pagination/Pagination.js +16 -11
  39. package/dist/esm/Popover/utils.js +1 -0
  40. package/dist/esm/SegmentedControl/SegmentedControl.js +90 -114
  41. package/dist/esm/SegmentedTabs/SegmentedTabs.js +51 -83
  42. package/dist/esm/Tabs/Tab.js +8 -6
  43. package/dist/esm/Tabs/TabList.js +49 -66
  44. package/dist/esm/Tabs/TabPanel.js +4 -2
  45. package/dist/esm/Tabs/TabPanels.js +14 -28
  46. package/dist/esm/Tabs/Tabs.js +76 -120
  47. package/dist/esm/Tabs/index.js +8 -0
  48. package/dist/esm/ThemeProvider/ThemeProvider.js +1 -1
  49. package/dist/esm/Tooltip/Tooltip.js +154 -195
  50. package/dist/esm/Wizard/Wizard.js +144 -201
  51. package/dist/esm/Wizard/index.js +2 -0
  52. package/dist/esm/system/box-sizes.js +3 -3
  53. package/dist/types/Button/Button.d.ts +4 -0
  54. package/dist/types/Popover/utils.d.ts +3 -0
  55. package/package.json +1 -1
  56. package/src/.DS_Store +0 -0
  57. package/src/Avatar/Avatar.tsx +15 -8
  58. package/src/Badge/Badge.js +5 -0
  59. package/src/Button/Button.tsx +5 -0
  60. package/src/Card/Card.tsx +22 -1
  61. package/src/Combobox/Combobox.js +18 -32
  62. package/src/Combobox/Combobox.mdx +1 -0
  63. package/src/Combobox/Combobox.test.js +1 -1
  64. package/src/Combobox/ComboboxInput.js +111 -105
  65. package/src/Combobox/ComboboxItem.js +27 -27
  66. package/src/Combobox/ComboboxItems.js +38 -60
  67. package/src/Combobox/index.js +8 -0
  68. package/src/DateField/DateField.js +109 -105
  69. package/src/DateField/DateField.mdx +1 -0
  70. package/src/Field/Field.js +85 -93
  71. package/src/Field/Field.mdx +1 -0
  72. package/src/Menu/Heading.js +5 -1
  73. package/src/Menu/Heading.mdx +20 -0
  74. package/src/Menu/Item.js +13 -1
  75. package/src/Menu/Item.mdx +18 -0
  76. package/src/Menu/Menu.mdx +1 -0
  77. package/src/Pagination/Pagination.tsx +22 -12
  78. package/src/Popover/utils.ts +1 -0
  79. package/src/SegmentedControl/SegmentedControl.js +88 -92
  80. package/src/SegmentedControl/SegmentedControl.mdx +1 -0
  81. package/src/SegmentedTabs/SegmentedTabs.js +51 -71
  82. package/src/SegmentedTabs/SegmentedTabs.mdx +1 -0
  83. package/src/Tabs/Tab.js +3 -1
  84. package/src/Tabs/TabList.js +56 -62
  85. package/src/Tabs/TabPanel.js +2 -1
  86. package/src/Tabs/TabPanels.js +14 -15
  87. package/src/Tabs/Tabs.js +63 -84
  88. package/src/Tabs/Tabs.mdx +16 -17
  89. package/src/Tabs/index.js +8 -0
  90. package/src/ThemeProvider/ThemeProvider.tsx +1 -1
  91. package/src/Tooltip/Tooltip.js +142 -160
  92. package/src/Tooltip/Tooltip.mdx +1 -0
  93. package/src/Wizard/Wizard.js +141 -170
  94. package/src/Wizard/Wizard.mdx +3 -2
  95. package/src/Wizard/index.js +2 -0
  96. package/src/system/box-sizes.js +3 -3
package/src/Wizard/Wizard.mdx CHANGED
@@ -2,6 +2,7 @@
2
2
  title: Wizard
3
3
  category: General
4
4
  propsSummary: Accepts [StackView](/stackview) props.
5
+ themeKey: wizard
5
6
  ---
6
7
 
7
8
  ```jsx live
@@ -69,8 +70,8 @@ render(
69
70
  <Wizard
70
71
  buttonProps={{ size: 'sm' }}
71
72
  cancelButtonProps={{ theme: 'error', variant: 'fill' }}
72
- backButtonProps={{
73
- theme: 'dark',
73
+ backButtonProps={{
74
+ theme: 'dark',
74
75
  variant: 'outline',
75
76
  iconLeft: { name: 'general.leftChevron', size: 'xxs' }
76
77
  }}
package/src/Wizard/index.js CHANGED
@@ -1,2 +1,4 @@
1
1
  import Wizard from './Wizard'
2
+ import Step from './Step'
3
+ Wizard.Step = Step
2
4
  export default Wizard
package/src/system/box-sizes.js CHANGED
@@ -18,7 +18,7 @@ export const boxSizes = {
18
18
  radius: 3,
19
19
  },
20
20
  md: {
21
- boxSize: 4.5,
21
+ boxSize: 4,
22
22
  fontSize: 4,
23
23
  lineHeight: 3,
24
24
  paddingHorizontalDense: 1,
@@ -27,7 +27,7 @@ export const boxSizes = {
27
27
  radius: 4,
28
28
  },
29
29
  lg: {
30
- boxSize: 6,
30
+ boxSize: 5,
31
31
  fontSize: 3,
32
32
  lineHeight: 4,
33
33
  paddingHorizontalDense: 1,
@@ -36,7 +36,7 @@ export const boxSizes = {
36
36
  radius: 5,
37
37
  },
38
38
  xl: {
39
- boxSize: 9,
39
+ boxSize: 8,
40
40
  fontSize: 1,
41
41
  lineHeight: 5,
42
42
  paddingHorizontalDense: 2,