@primer/components 29.0.0-rc.ae627848 → 29.1.0-rc.4e9b967e

Sign up to get free protection for your applications and to get access to all the features.
Files changed (232) hide show
  1. package/.eslintrc.json +2 -1
  2. package/.storybook/preview.js +58 -0
  3. package/CHANGELOG.md +13 -1
  4. package/dist/browser.esm.js +240 -194
  5. package/dist/browser.esm.js.map +1 -1
  6. package/dist/browser.umd.js +339 -293
  7. package/dist/browser.umd.js.map +1 -1
  8. package/docs/content/AnchoredOverlay.mdx +2 -0
  9. package/docs/content/Overlay.mdx +4 -0
  10. package/docs/content/Portal.mdx +11 -9
  11. package/docs/content/overriding-styles.mdx +0 -1
  12. package/docs/content/theme-reference.md +8 -0
  13. package/docs/content/theming.md +1 -2
  14. package/docs/src/@primer/gatsby-theme-doctocat/components/live-code.js +1 -1
  15. package/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js +1 -1
  16. package/lib/ActionList/Divider.js +1 -1
  17. package/lib/ActionList/Header.js +2 -2
  18. package/lib/ActionList/Item.js +10 -10
  19. package/lib/ActionList/List.js +1 -1
  20. package/lib/AvatarPair.js +1 -1
  21. package/lib/AvatarStack.js +1 -1
  22. package/lib/BranchName.js +1 -1
  23. package/lib/Breadcrumb.js +2 -2
  24. package/lib/Button/Button.js +1 -1
  25. package/lib/Button/ButtonClose.js +1 -1
  26. package/lib/Button/ButtonInvisible.js +1 -1
  27. package/lib/Button/ButtonTableList.js +1 -1
  28. package/lib/CircleBadge.js +1 -1
  29. package/lib/CircleOcticon.js +1 -1
  30. package/lib/CounterLabel.js +2 -2
  31. package/lib/Dialog/ConfirmationDialog.js +1 -1
  32. package/lib/Dialog/Dialog.js +5 -5
  33. package/lib/Dialog.js +4 -4
  34. package/lib/Dropdown.js +2 -2
  35. package/lib/DropdownStyles.js +6 -6
  36. package/lib/FilterList.js +1 -1
  37. package/lib/FilteredActionList/FilteredActionList.js +2 -2
  38. package/lib/Flash.js +1 -1
  39. package/lib/Label.js +2 -2
  40. package/lib/Link.js +1 -1
  41. package/lib/Overlay.js +1 -1
  42. package/lib/Pagehead.js +1 -1
  43. package/lib/Pagination/Pagination.js +1 -1
  44. package/lib/Popover.js +1 -1
  45. package/lib/ProgressBar.js +1 -1
  46. package/lib/SelectMenu/SelectMenuDivider.js +1 -1
  47. package/lib/SelectMenu/SelectMenuFilter.js +1 -1
  48. package/lib/SelectMenu/SelectMenuFooter.js +1 -1
  49. package/lib/SelectMenu/SelectMenuHeader.js +2 -2
  50. package/lib/SelectMenu/SelectMenuItem.js +1 -1
  51. package/lib/SelectMenu/SelectMenuList.js +1 -1
  52. package/lib/SelectMenu/SelectMenuLoadingAnimation.js +1 -1
  53. package/lib/SelectMenu/SelectMenuModal.js +2 -2
  54. package/lib/SelectMenu/SelectMenuTab.js +1 -1
  55. package/lib/SelectMenu/SelectMenuTabPanel.js +1 -1
  56. package/lib/SideNav.js +5 -5
  57. package/lib/StateLabel.js +1 -1
  58. package/lib/SubNav.js +1 -1
  59. package/lib/TabNav.js +2 -2
  60. package/lib/TextInput.js +2 -2
  61. package/lib/Timeline.js +16 -19
  62. package/lib/Tooltip.js +1 -1
  63. package/lib/UnderlineNav.js +2 -2
  64. package/lib/__tests__/BorderBox.js +1 -1
  65. package/lib/__tests__/CircleOcticon.js +1 -1
  66. package/lib/__tests__/Link.js +1 -1
  67. package/lib/__tests__/PointerBox.js +2 -2
  68. package/lib/__tests__/Position.js +4 -4
  69. package/lib/__tests__/ThemeProvider.js +1 -1
  70. package/lib/stories/ActionList.stories.js +1 -1
  71. package/lib/stories/ThemeProvider.stories.js +6 -6
  72. package/lib/stories/useFocusTrap.stories.js +1 -1
  73. package/lib/theme-preval.d.ts +12 -6
  74. package/lib/theme-preval.js +2930 -1738
  75. package/lib/utils/testing.d.ts +4707 -2355
  76. package/lib-esm/ActionList/Divider.js +1 -1
  77. package/lib-esm/ActionList/Header.js +2 -2
  78. package/lib-esm/ActionList/Item.js +10 -10
  79. package/lib-esm/ActionList/List.js +1 -1
  80. package/lib-esm/AvatarPair.js +1 -1
  81. package/lib-esm/AvatarStack.js +1 -1
  82. package/lib-esm/BranchName.js +1 -1
  83. package/lib-esm/Breadcrumb.js +2 -2
  84. package/lib-esm/Button/Button.js +1 -1
  85. package/lib-esm/Button/ButtonClose.js +1 -1
  86. package/lib-esm/Button/ButtonInvisible.js +1 -1
  87. package/lib-esm/Button/ButtonTableList.js +1 -1
  88. package/lib-esm/CircleBadge.js +1 -1
  89. package/lib-esm/CircleOcticon.js +1 -1
  90. package/lib-esm/CounterLabel.js +2 -2
  91. package/lib-esm/Dialog/ConfirmationDialog.js +1 -1
  92. package/lib-esm/Dialog/Dialog.js +5 -5
  93. package/lib-esm/Dialog.js +4 -4
  94. package/lib-esm/Dropdown.js +2 -2
  95. package/lib-esm/DropdownStyles.js +6 -6
  96. package/lib-esm/FilterList.js +1 -1
  97. package/lib-esm/FilteredActionList/FilteredActionList.js +2 -2
  98. package/lib-esm/Flash.js +1 -1
  99. package/lib-esm/Label.js +2 -2
  100. package/lib-esm/Link.js +1 -1
  101. package/lib-esm/Overlay.js +1 -1
  102. package/lib-esm/Pagehead.js +1 -1
  103. package/lib-esm/Pagination/Pagination.js +1 -1
  104. package/lib-esm/Popover.js +1 -1
  105. package/lib-esm/ProgressBar.js +1 -1
  106. package/lib-esm/SelectMenu/SelectMenuDivider.js +1 -1
  107. package/lib-esm/SelectMenu/SelectMenuFilter.js +1 -1
  108. package/lib-esm/SelectMenu/SelectMenuFooter.js +1 -1
  109. package/lib-esm/SelectMenu/SelectMenuHeader.js +2 -2
  110. package/lib-esm/SelectMenu/SelectMenuItem.js +1 -1
  111. package/lib-esm/SelectMenu/SelectMenuList.js +1 -1
  112. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.js +1 -1
  113. package/lib-esm/SelectMenu/SelectMenuModal.js +2 -2
  114. package/lib-esm/SelectMenu/SelectMenuTab.js +1 -1
  115. package/lib-esm/SelectMenu/SelectMenuTabPanel.js +1 -1
  116. package/lib-esm/SideNav.js +5 -5
  117. package/lib-esm/StateLabel.js +1 -1
  118. package/lib-esm/SubNav.js +1 -1
  119. package/lib-esm/TabNav.js +2 -2
  120. package/lib-esm/TextInput.js +2 -2
  121. package/lib-esm/Timeline.js +12 -17
  122. package/lib-esm/Tooltip.js +1 -1
  123. package/lib-esm/UnderlineNav.js +2 -2
  124. package/lib-esm/__tests__/BorderBox.js +1 -1
  125. package/lib-esm/__tests__/CircleOcticon.js +1 -1
  126. package/lib-esm/__tests__/Link.js +1 -1
  127. package/lib-esm/__tests__/PointerBox.js +2 -2
  128. package/lib-esm/__tests__/Position.js +4 -4
  129. package/lib-esm/__tests__/ThemeProvider.js +1 -1
  130. package/lib-esm/stories/ActionList.stories.js +1 -1
  131. package/lib-esm/stories/ThemeProvider.stories.js +6 -6
  132. package/lib-esm/stories/useFocusTrap.stories.js +1 -1
  133. package/lib-esm/theme-preval.d.ts +12 -6
  134. package/lib-esm/theme-preval.js +2930 -1738
  135. package/lib-esm/utils/testing.d.ts +4707 -2355
  136. package/package-lock.json +9 -4
  137. package/package.json +3 -2
  138. package/src/ActionList/Divider.tsx +1 -1
  139. package/src/ActionList/Header.tsx +4 -4
  140. package/src/ActionList/Item.tsx +10 -10
  141. package/src/ActionList/List.tsx +1 -1
  142. package/src/AvatarPair.tsx +5 -1
  143. package/src/AvatarStack.tsx +2 -2
  144. package/src/BranchName.tsx +2 -2
  145. package/src/Breadcrumb.tsx +3 -3
  146. package/src/Button/Button.tsx +1 -1
  147. package/src/Button/ButtonClose.tsx +2 -2
  148. package/src/Button/ButtonInvisible.tsx +2 -2
  149. package/src/Button/ButtonTableList.tsx +2 -2
  150. package/src/CircleBadge.tsx +1 -1
  151. package/src/CircleOcticon.tsx +1 -1
  152. package/src/CounterLabel.tsx +6 -6
  153. package/src/Dialog/ConfirmationDialog.tsx +1 -1
  154. package/src/Dialog/Dialog.tsx +5 -5
  155. package/src/Dialog.tsx +4 -4
  156. package/src/Dropdown.tsx +12 -12
  157. package/src/DropdownStyles.ts +6 -6
  158. package/src/FilterList.tsx +5 -5
  159. package/src/FilteredActionList/FilteredActionList.tsx +2 -2
  160. package/src/Flash.tsx +1 -1
  161. package/src/Label.tsx +3 -3
  162. package/src/Link.tsx +2 -2
  163. package/src/Overlay.tsx +1 -1
  164. package/src/Pagehead.tsx +1 -1
  165. package/src/Pagination/Pagination.tsx +7 -7
  166. package/src/Popover.tsx +10 -10
  167. package/src/ProgressBar.tsx +1 -1
  168. package/src/SelectMenu/SelectMenuDivider.tsx +3 -3
  169. package/src/SelectMenu/SelectMenuFilter.tsx +2 -2
  170. package/src/SelectMenu/SelectMenuFooter.tsx +2 -2
  171. package/src/SelectMenu/SelectMenuHeader.tsx +2 -2
  172. package/src/SelectMenu/SelectMenuItem.tsx +6 -6
  173. package/src/SelectMenu/SelectMenuList.tsx +5 -5
  174. package/src/SelectMenu/SelectMenuLoadingAnimation.tsx +1 -1
  175. package/src/SelectMenu/SelectMenuModal.tsx +3 -3
  176. package/src/SelectMenu/SelectMenuTab.tsx +6 -6
  177. package/src/SelectMenu/SelectMenuTabPanel.tsx +1 -1
  178. package/src/SideNav.tsx +11 -11
  179. package/src/StateLabel.tsx +1 -1
  180. package/src/SubNav.tsx +11 -11
  181. package/src/TabNav.tsx +6 -6
  182. package/src/TextInput.tsx +9 -9
  183. package/src/Timeline.tsx +11 -11
  184. package/src/Tooltip.tsx +7 -7
  185. package/src/UnderlineNav.tsx +8 -8
  186. package/src/__tests__/BorderBox.tsx +1 -1
  187. package/src/__tests__/CircleOcticon.tsx +1 -1
  188. package/src/__tests__/Link.tsx +1 -1
  189. package/src/__tests__/Pagination/__snapshots__/Pagination.tsx.snap +6 -6
  190. package/src/__tests__/PointerBox.tsx +2 -2
  191. package/src/__tests__/Position.tsx +4 -4
  192. package/src/__tests__/ThemeProvider.tsx +1 -1
  193. package/src/__tests__/__snapshots__/ActionList.tsx.snap +1 -1
  194. package/src/__tests__/__snapshots__/ActionMenu.tsx.snap +11 -11
  195. package/src/__tests__/__snapshots__/AnchoredOverlay.tsx.snap +28 -28
  196. package/src/__tests__/__snapshots__/BorderBox.tsx.snap +1 -1
  197. package/src/__tests__/__snapshots__/BranchName.tsx.snap +2 -2
  198. package/src/__tests__/__snapshots__/BreadcrumbItem.tsx.snap +6 -6
  199. package/src/__tests__/__snapshots__/Button.tsx.snap +116 -116
  200. package/src/__tests__/__snapshots__/Caret.tsx.snap +12 -12
  201. package/src/__tests__/__snapshots__/CircleBadge.tsx.snap +4 -4
  202. package/src/__tests__/__snapshots__/CircleOcticon.tsx.snap +1 -1
  203. package/src/__tests__/__snapshots__/CounterLabel.tsx.snap +2 -2
  204. package/src/__tests__/__snapshots__/Dialog.tsx.snap +11 -11
  205. package/src/__tests__/__snapshots__/Dropdown.tsx.snap +18 -18
  206. package/src/__tests__/__snapshots__/DropdownMenu.tsx.snap +11 -11
  207. package/src/__tests__/__snapshots__/FilterListItem.tsx.snap +4 -4
  208. package/src/__tests__/__snapshots__/Flash.tsx.snap +5 -5
  209. package/src/__tests__/__snapshots__/Header.tsx.snap +1 -1
  210. package/src/__tests__/__snapshots__/Label.tsx.snap +6 -6
  211. package/src/__tests__/__snapshots__/Link.tsx.snap +10 -10
  212. package/src/__tests__/__snapshots__/Pagehead.tsx.snap +1 -1
  213. package/src/__tests__/__snapshots__/PointerBox.tsx.snap +10 -10
  214. package/src/__tests__/__snapshots__/Popover.tsx.snap +70 -70
  215. package/src/__tests__/__snapshots__/ProgressBar.tsx.snap +4 -4
  216. package/src/__tests__/__snapshots__/SelectMenu.tsx.snap +28 -28
  217. package/src/__tests__/__snapshots__/SelectPanel.tsx.snap +12 -12
  218. package/src/__tests__/__snapshots__/SideNav.tsx.snap +14 -14
  219. package/src/__tests__/__snapshots__/StateLabel.tsx.snap +7 -7
  220. package/src/__tests__/__snapshots__/SubNavLink.tsx.snap +24 -24
  221. package/src/__tests__/__snapshots__/TabNav.tsx.snap +5 -5
  222. package/src/__tests__/__snapshots__/TextInput.tsx.snap +36 -36
  223. package/src/__tests__/__snapshots__/ThemeProvider.tsx.snap +2 -2
  224. package/src/__tests__/__snapshots__/Timeline.tsx.snap +9 -7
  225. package/src/__tests__/__snapshots__/Tooltip.tsx.snap +6 -6
  226. package/src/__tests__/__snapshots__/UnderlineNav.tsx.snap +1 -1
  227. package/src/__tests__/__snapshots__/UnderlineNavLink.tsx.snap +21 -21
  228. package/src/stories/ActionList.stories.tsx +1 -1
  229. package/src/stories/ThemeProvider.stories.tsx +6 -6
  230. package/src/stories/useFocusTrap.stories.tsx +1 -1
  231. package/src/theme-preval.js +16 -0
  232. package/stats.html +1 -1
package/src/__tests__/__snapshots__/Popover.tsx.snap CHANGED
@@ -8,7 +8,7 @@ exports[`Popover Popover.Content renders consistently 1`] = `
8
8
  }
9
9
 
10
10
  .c2 {
11
- border: 1px solid #e1e4e8;
11
+ border: 1px solid #d0d7de;
12
12
  border-radius: 6px;
13
13
  position: relative;
14
14
  width: 232px;
@@ -30,7 +30,7 @@ exports[`Popover Popover.Content renders consistently 1`] = `
30
30
  top: -16px;
31
31
  margin-left: -9px;
32
32
  border: 8px solid transparent;
33
- border-bottom-color: #e1e4e8;
33
+ border-bottom-color: #d0d7de;
34
34
  }
35
35
 
36
36
  .c2::after {
@@ -54,7 +54,7 @@ exports[`Popover Popover.Content renders consistently 1`] = `
54
54
  .c0.caret-pos--bottom-right .c2::before,
55
55
  .c0.caret-pos--bottom-left .c2::before {
56
56
  bottom: -16px;
57
- border-top-color: #e1e4e8;
57
+ border-top-color: #d0d7de;
58
58
  }
59
59
 
60
60
  .c0.caret-pos--bottom .c2::after,
@@ -147,7 +147,7 @@ exports[`Popover Popover.Content renders consistently 1`] = `
147
147
  .c0.caret-pos--right-top .c2::before,
148
148
  .c0.caret-pos--right-bottom .c2::before {
149
149
  right: -16px;
150
- border-left-color: #e1e4e8;
150
+ border-left-color: #d0d7de;
151
151
  }
152
152
 
153
153
  .c0.caret-pos--right .c2::after,
@@ -161,7 +161,7 @@ exports[`Popover Popover.Content renders consistently 1`] = `
161
161
  .c0.caret-pos--left-top .c2::before,
162
162
  .c0.caret-pos--left-bottom .c2::before {
163
163
  left: -16px;
164
- border-right-color: #e1e4e8;
164
+ border-right-color: #d0d7de;
165
165
  }
166
166
 
167
167
  .c0.caret-pos--left .c2::after,
@@ -215,7 +215,7 @@ exports[`Popover renders consistently 1`] = `
215
215
  }
216
216
 
217
217
  .c2 {
218
- border: 1px solid #e1e4e8;
218
+ border: 1px solid #d0d7de;
219
219
  border-radius: 6px;
220
220
  position: relative;
221
221
  width: 232px;
@@ -237,7 +237,7 @@ exports[`Popover renders consistently 1`] = `
237
237
  top: -16px;
238
238
  margin-left: -9px;
239
239
  border: 8px solid transparent;
240
- border-bottom-color: #e1e4e8;
240
+ border-bottom-color: #d0d7de;
241
241
  }
242
242
 
243
243
  .c2::after {
@@ -261,7 +261,7 @@ exports[`Popover renders consistently 1`] = `
261
261
  .c0.caret-pos--bottom-right .c2::before,
262
262
  .c0.caret-pos--bottom-left .c2::before {
263
263
  bottom: -16px;
264
- border-top-color: #e1e4e8;
264
+ border-top-color: #d0d7de;
265
265
  }
266
266
 
267
267
  .c0.caret-pos--bottom .c2::after,
@@ -354,7 +354,7 @@ exports[`Popover renders consistently 1`] = `
354
354
  .c0.caret-pos--right-top .c2::before,
355
355
  .c0.caret-pos--right-bottom .c2::before {
356
356
  right: -16px;
357
- border-left-color: #e1e4e8;
357
+ border-left-color: #d0d7de;
358
358
  }
359
359
 
360
360
  .c0.caret-pos--right .c2::after,
@@ -368,7 +368,7 @@ exports[`Popover renders consistently 1`] = `
368
368
  .c0.caret-pos--left-top .c2::before,
369
369
  .c0.caret-pos--left-bottom .c2::before {
370
370
  left: -16px;
371
- border-right-color: #e1e4e8;
371
+ border-right-color: #d0d7de;
372
372
  }
373
373
 
374
374
  .c0.caret-pos--left .c2::after,
@@ -422,7 +422,7 @@ exports[`Popover renders correctly for a caret position of bottom 1`] = `
422
422
  }
423
423
 
424
424
  .c2 {
425
- border: 1px solid #e1e4e8;
425
+ border: 1px solid #d0d7de;
426
426
  border-radius: 6px;
427
427
  position: relative;
428
428
  width: 232px;
@@ -444,7 +444,7 @@ exports[`Popover renders correctly for a caret position of bottom 1`] = `
444
444
  top: -16px;
445
445
  margin-left: -9px;
446
446
  border: 8px solid transparent;
447
- border-bottom-color: #e1e4e8;
447
+ border-bottom-color: #d0d7de;
448
448
  }
449
449
 
450
450
  .c2::after {
@@ -468,7 +468,7 @@ exports[`Popover renders correctly for a caret position of bottom 1`] = `
468
468
  .c0.caret-pos--bottom-right .c2::before,
469
469
  .c0.caret-pos--bottom-left .c2::before {
470
470
  bottom: -16px;
471
- border-top-color: #e1e4e8;
471
+ border-top-color: #d0d7de;
472
472
  }
473
473
 
474
474
  .c0.caret-pos--bottom .c2::after,
@@ -561,7 +561,7 @@ exports[`Popover renders correctly for a caret position of bottom 1`] = `
561
561
  .c0.caret-pos--right-top .c2::before,
562
562
  .c0.caret-pos--right-bottom .c2::before {
563
563
  right: -16px;
564
- border-left-color: #e1e4e8;
564
+ border-left-color: #d0d7de;
565
565
  }
566
566
 
567
567
  .c0.caret-pos--right .c2::after,
@@ -575,7 +575,7 @@ exports[`Popover renders correctly for a caret position of bottom 1`] = `
575
575
  .c0.caret-pos--left-top .c2::before,
576
576
  .c0.caret-pos--left-bottom .c2::before {
577
577
  left: -16px;
578
- border-right-color: #e1e4e8;
578
+ border-right-color: #d0d7de;
579
579
  }
580
580
 
581
581
  .c0.caret-pos--left .c2::after,
@@ -778,7 +778,7 @@ exports[`Popover renders correctly for a caret position of bottom-left 1`] = `
778
778
  }
779
779
 
780
780
  .c2 {
781
- border: 1px solid #e1e4e8;
781
+ border: 1px solid #d0d7de;
782
782
  border-radius: 6px;
783
783
  position: relative;
784
784
  width: 232px;
@@ -800,7 +800,7 @@ exports[`Popover renders correctly for a caret position of bottom-left 1`] = `
800
800
  top: -16px;
801
801
  margin-left: -9px;
802
802
  border: 8px solid transparent;
803
- border-bottom-color: #e1e4e8;
803
+ border-bottom-color: #d0d7de;
804
804
  }
805
805
 
806
806
  .c2::after {
@@ -824,7 +824,7 @@ exports[`Popover renders correctly for a caret position of bottom-left 1`] = `
824
824
  .c0.caret-pos--bottom-right .c2::before,
825
825
  .c0.caret-pos--bottom-left .c2::before {
826
826
  bottom: -16px;
827
- border-top-color: #e1e4e8;
827
+ border-top-color: #d0d7de;
828
828
  }
829
829
 
830
830
  .c0.caret-pos--bottom .c2::after,
@@ -917,7 +917,7 @@ exports[`Popover renders correctly for a caret position of bottom-left 1`] = `
917
917
  .c0.caret-pos--right-top .c2::before,
918
918
  .c0.caret-pos--right-bottom .c2::before {
919
919
  right: -16px;
920
- border-left-color: #e1e4e8;
920
+ border-left-color: #d0d7de;
921
921
  }
922
922
 
923
923
  .c0.caret-pos--right .c2::after,
@@ -931,7 +931,7 @@ exports[`Popover renders correctly for a caret position of bottom-left 1`] = `
931
931
  .c0.caret-pos--left-top .c2::before,
932
932
  .c0.caret-pos--left-bottom .c2::before {
933
933
  left: -16px;
934
- border-right-color: #e1e4e8;
934
+ border-right-color: #d0d7de;
935
935
  }
936
936
 
937
937
  .c0.caret-pos--left .c2::after,
@@ -1134,7 +1134,7 @@ exports[`Popover renders correctly for a caret position of bottom-right 1`] = `
1134
1134
  }
1135
1135
 
1136
1136
  .c2 {
1137
- border: 1px solid #e1e4e8;
1137
+ border: 1px solid #d0d7de;
1138
1138
  border-radius: 6px;
1139
1139
  position: relative;
1140
1140
  width: 232px;
@@ -1156,7 +1156,7 @@ exports[`Popover renders correctly for a caret position of bottom-right 1`] = `
1156
1156
  top: -16px;
1157
1157
  margin-left: -9px;
1158
1158
  border: 8px solid transparent;
1159
- border-bottom-color: #e1e4e8;
1159
+ border-bottom-color: #d0d7de;
1160
1160
  }
1161
1161
 
1162
1162
  .c2::after {
@@ -1180,7 +1180,7 @@ exports[`Popover renders correctly for a caret position of bottom-right 1`] = `
1180
1180
  .c0.caret-pos--bottom-right .c2::before,
1181
1181
  .c0.caret-pos--bottom-left .c2::before {
1182
1182
  bottom: -16px;
1183
- border-top-color: #e1e4e8;
1183
+ border-top-color: #d0d7de;
1184
1184
  }
1185
1185
 
1186
1186
  .c0.caret-pos--bottom .c2::after,
@@ -1273,7 +1273,7 @@ exports[`Popover renders correctly for a caret position of bottom-right 1`] = `
1273
1273
  .c0.caret-pos--right-top .c2::before,
1274
1274
  .c0.caret-pos--right-bottom .c2::before {
1275
1275
  right: -16px;
1276
- border-left-color: #e1e4e8;
1276
+ border-left-color: #d0d7de;
1277
1277
  }
1278
1278
 
1279
1279
  .c0.caret-pos--right .c2::after,
@@ -1287,7 +1287,7 @@ exports[`Popover renders correctly for a caret position of bottom-right 1`] = `
1287
1287
  .c0.caret-pos--left-top .c2::before,
1288
1288
  .c0.caret-pos--left-bottom .c2::before {
1289
1289
  left: -16px;
1290
- border-right-color: #e1e4e8;
1290
+ border-right-color: #d0d7de;
1291
1291
  }
1292
1292
 
1293
1293
  .c0.caret-pos--left .c2::after,
@@ -1490,7 +1490,7 @@ exports[`Popover renders correctly for a caret position of left 1`] = `
1490
1490
  }
1491
1491
 
1492
1492
  .c2 {
1493
- border: 1px solid #e1e4e8;
1493
+ border: 1px solid #d0d7de;
1494
1494
  border-radius: 6px;
1495
1495
  position: relative;
1496
1496
  width: 232px;
@@ -1512,7 +1512,7 @@ exports[`Popover renders correctly for a caret position of left 1`] = `
1512
1512
  top: -16px;
1513
1513
  margin-left: -9px;
1514
1514
  border: 8px solid transparent;
1515
- border-bottom-color: #e1e4e8;
1515
+ border-bottom-color: #d0d7de;
1516
1516
  }
1517
1517
 
1518
1518
  .c2::after {
@@ -1536,7 +1536,7 @@ exports[`Popover renders correctly for a caret position of left 1`] = `
1536
1536
  .c0.caret-pos--bottom-right .c2::before,
1537
1537
  .c0.caret-pos--bottom-left .c2::before {
1538
1538
  bottom: -16px;
1539
- border-top-color: #e1e4e8;
1539
+ border-top-color: #d0d7de;
1540
1540
  }
1541
1541
 
1542
1542
  .c0.caret-pos--bottom .c2::after,
@@ -1629,7 +1629,7 @@ exports[`Popover renders correctly for a caret position of left 1`] = `
1629
1629
  .c0.caret-pos--right-top .c2::before,
1630
1630
  .c0.caret-pos--right-bottom .c2::before {
1631
1631
  right: -16px;
1632
- border-left-color: #e1e4e8;
1632
+ border-left-color: #d0d7de;
1633
1633
  }
1634
1634
 
1635
1635
  .c0.caret-pos--right .c2::after,
@@ -1643,7 +1643,7 @@ exports[`Popover renders correctly for a caret position of left 1`] = `
1643
1643
  .c0.caret-pos--left-top .c2::before,
1644
1644
  .c0.caret-pos--left-bottom .c2::before {
1645
1645
  left: -16px;
1646
- border-right-color: #e1e4e8;
1646
+ border-right-color: #d0d7de;
1647
1647
  }
1648
1648
 
1649
1649
  .c0.caret-pos--left .c2::after,
@@ -1846,7 +1846,7 @@ exports[`Popover renders correctly for a caret position of left-bottom 1`] = `
1846
1846
  }
1847
1847
 
1848
1848
  .c2 {
1849
- border: 1px solid #e1e4e8;
1849
+ border: 1px solid #d0d7de;
1850
1850
  border-radius: 6px;
1851
1851
  position: relative;
1852
1852
  width: 232px;
@@ -1868,7 +1868,7 @@ exports[`Popover renders correctly for a caret position of left-bottom 1`] = `
1868
1868
  top: -16px;
1869
1869
  margin-left: -9px;
1870
1870
  border: 8px solid transparent;
1871
- border-bottom-color: #e1e4e8;
1871
+ border-bottom-color: #d0d7de;
1872
1872
  }
1873
1873
 
1874
1874
  .c2::after {
@@ -1892,7 +1892,7 @@ exports[`Popover renders correctly for a caret position of left-bottom 1`] = `
1892
1892
  .c0.caret-pos--bottom-right .c2::before,
1893
1893
  .c0.caret-pos--bottom-left .c2::before {
1894
1894
  bottom: -16px;
1895
- border-top-color: #e1e4e8;
1895
+ border-top-color: #d0d7de;
1896
1896
  }
1897
1897
 
1898
1898
  .c0.caret-pos--bottom .c2::after,
@@ -1985,7 +1985,7 @@ exports[`Popover renders correctly for a caret position of left-bottom 1`] = `
1985
1985
  .c0.caret-pos--right-top .c2::before,
1986
1986
  .c0.caret-pos--right-bottom .c2::before {
1987
1987
  right: -16px;
1988
- border-left-color: #e1e4e8;
1988
+ border-left-color: #d0d7de;
1989
1989
  }
1990
1990
 
1991
1991
  .c0.caret-pos--right .c2::after,
@@ -1999,7 +1999,7 @@ exports[`Popover renders correctly for a caret position of left-bottom 1`] = `
1999
1999
  .c0.caret-pos--left-top .c2::before,
2000
2000
  .c0.caret-pos--left-bottom .c2::before {
2001
2001
  left: -16px;
2002
- border-right-color: #e1e4e8;
2002
+ border-right-color: #d0d7de;
2003
2003
  }
2004
2004
 
2005
2005
  .c0.caret-pos--left .c2::after,
@@ -2202,7 +2202,7 @@ exports[`Popover renders correctly for a caret position of left-top 1`] = `
2202
2202
  }
2203
2203
 
2204
2204
  .c2 {
2205
- border: 1px solid #e1e4e8;
2205
+ border: 1px solid #d0d7de;
2206
2206
  border-radius: 6px;
2207
2207
  position: relative;
2208
2208
  width: 232px;
@@ -2224,7 +2224,7 @@ exports[`Popover renders correctly for a caret position of left-top 1`] = `
2224
2224
  top: -16px;
2225
2225
  margin-left: -9px;
2226
2226
  border: 8px solid transparent;
2227
- border-bottom-color: #e1e4e8;
2227
+ border-bottom-color: #d0d7de;
2228
2228
  }
2229
2229
 
2230
2230
  .c2::after {
@@ -2248,7 +2248,7 @@ exports[`Popover renders correctly for a caret position of left-top 1`] = `
2248
2248
  .c0.caret-pos--bottom-right .c2::before,
2249
2249
  .c0.caret-pos--bottom-left .c2::before {
2250
2250
  bottom: -16px;
2251
- border-top-color: #e1e4e8;
2251
+ border-top-color: #d0d7de;
2252
2252
  }
2253
2253
 
2254
2254
  .c0.caret-pos--bottom .c2::after,
@@ -2341,7 +2341,7 @@ exports[`Popover renders correctly for a caret position of left-top 1`] = `
2341
2341
  .c0.caret-pos--right-top .c2::before,
2342
2342
  .c0.caret-pos--right-bottom .c2::before {
2343
2343
  right: -16px;
2344
- border-left-color: #e1e4e8;
2344
+ border-left-color: #d0d7de;
2345
2345
  }
2346
2346
 
2347
2347
  .c0.caret-pos--right .c2::after,
@@ -2355,7 +2355,7 @@ exports[`Popover renders correctly for a caret position of left-top 1`] = `
2355
2355
  .c0.caret-pos--left-top .c2::before,
2356
2356
  .c0.caret-pos--left-bottom .c2::before {
2357
2357
  left: -16px;
2358
- border-right-color: #e1e4e8;
2358
+ border-right-color: #d0d7de;
2359
2359
  }
2360
2360
 
2361
2361
  .c0.caret-pos--left .c2::after,
@@ -2558,7 +2558,7 @@ exports[`Popover renders correctly for a caret position of right 1`] = `
2558
2558
  }
2559
2559
 
2560
2560
  .c2 {
2561
- border: 1px solid #e1e4e8;
2561
+ border: 1px solid #d0d7de;
2562
2562
  border-radius: 6px;
2563
2563
  position: relative;
2564
2564
  width: 232px;
@@ -2580,7 +2580,7 @@ exports[`Popover renders correctly for a caret position of right 1`] = `
2580
2580
  top: -16px;
2581
2581
  margin-left: -9px;
2582
2582
  border: 8px solid transparent;
2583
- border-bottom-color: #e1e4e8;
2583
+ border-bottom-color: #d0d7de;
2584
2584
  }
2585
2585
 
2586
2586
  .c2::after {
@@ -2604,7 +2604,7 @@ exports[`Popover renders correctly for a caret position of right 1`] = `
2604
2604
  .c0.caret-pos--bottom-right .c2::before,
2605
2605
  .c0.caret-pos--bottom-left .c2::before {
2606
2606
  bottom: -16px;
2607
- border-top-color: #e1e4e8;
2607
+ border-top-color: #d0d7de;
2608
2608
  }
2609
2609
 
2610
2610
  .c0.caret-pos--bottom .c2::after,
@@ -2697,7 +2697,7 @@ exports[`Popover renders correctly for a caret position of right 1`] = `
2697
2697
  .c0.caret-pos--right-top .c2::before,
2698
2698
  .c0.caret-pos--right-bottom .c2::before {
2699
2699
  right: -16px;
2700
- border-left-color: #e1e4e8;
2700
+ border-left-color: #d0d7de;
2701
2701
  }
2702
2702
 
2703
2703
  .c0.caret-pos--right .c2::after,
@@ -2711,7 +2711,7 @@ exports[`Popover renders correctly for a caret position of right 1`] = `
2711
2711
  .c0.caret-pos--left-top .c2::before,
2712
2712
  .c0.caret-pos--left-bottom .c2::before {
2713
2713
  left: -16px;
2714
- border-right-color: #e1e4e8;
2714
+ border-right-color: #d0d7de;
2715
2715
  }
2716
2716
 
2717
2717
  .c0.caret-pos--left .c2::after,
@@ -2914,7 +2914,7 @@ exports[`Popover renders correctly for a caret position of right-bottom 1`] = `
2914
2914
  }
2915
2915
 
2916
2916
  .c2 {
2917
- border: 1px solid #e1e4e8;
2917
+ border: 1px solid #d0d7de;
2918
2918
  border-radius: 6px;
2919
2919
  position: relative;
2920
2920
  width: 232px;
@@ -2936,7 +2936,7 @@ exports[`Popover renders correctly for a caret position of right-bottom 1`] = `
2936
2936
  top: -16px;
2937
2937
  margin-left: -9px;
2938
2938
  border: 8px solid transparent;
2939
- border-bottom-color: #e1e4e8;
2939
+ border-bottom-color: #d0d7de;
2940
2940
  }
2941
2941
 
2942
2942
  .c2::after {
@@ -2960,7 +2960,7 @@ exports[`Popover renders correctly for a caret position of right-bottom 1`] = `
2960
2960
  .c0.caret-pos--bottom-right .c2::before,
2961
2961
  .c0.caret-pos--bottom-left .c2::before {
2962
2962
  bottom: -16px;
2963
- border-top-color: #e1e4e8;
2963
+ border-top-color: #d0d7de;
2964
2964
  }
2965
2965
 
2966
2966
  .c0.caret-pos--bottom .c2::after,
@@ -3053,7 +3053,7 @@ exports[`Popover renders correctly for a caret position of right-bottom 1`] = `
3053
3053
  .c0.caret-pos--right-top .c2::before,
3054
3054
  .c0.caret-pos--right-bottom .c2::before {
3055
3055
  right: -16px;
3056
- border-left-color: #e1e4e8;
3056
+ border-left-color: #d0d7de;
3057
3057
  }
3058
3058
 
3059
3059
  .c0.caret-pos--right .c2::after,
@@ -3067,7 +3067,7 @@ exports[`Popover renders correctly for a caret position of right-bottom 1`] = `
3067
3067
  .c0.caret-pos--left-top .c2::before,
3068
3068
  .c0.caret-pos--left-bottom .c2::before {
3069
3069
  left: -16px;
3070
- border-right-color: #e1e4e8;
3070
+ border-right-color: #d0d7de;
3071
3071
  }
3072
3072
 
3073
3073
  .c0.caret-pos--left .c2::after,
@@ -3270,7 +3270,7 @@ exports[`Popover renders correctly for a caret position of right-top 1`] = `
3270
3270
  }
3271
3271
 
3272
3272
  .c2 {
3273
- border: 1px solid #e1e4e8;
3273
+ border: 1px solid #d0d7de;
3274
3274
  border-radius: 6px;
3275
3275
  position: relative;
3276
3276
  width: 232px;
@@ -3292,7 +3292,7 @@ exports[`Popover renders correctly for a caret position of right-top 1`] = `
3292
3292
  top: -16px;
3293
3293
  margin-left: -9px;
3294
3294
  border: 8px solid transparent;
3295
- border-bottom-color: #e1e4e8;
3295
+ border-bottom-color: #d0d7de;
3296
3296
  }
3297
3297
 
3298
3298
  .c2::after {
@@ -3316,7 +3316,7 @@ exports[`Popover renders correctly for a caret position of right-top 1`] = `
3316
3316
  .c0.caret-pos--bottom-right .c2::before,
3317
3317
  .c0.caret-pos--bottom-left .c2::before {
3318
3318
  bottom: -16px;
3319
- border-top-color: #e1e4e8;
3319
+ border-top-color: #d0d7de;
3320
3320
  }
3321
3321
 
3322
3322
  .c0.caret-pos--bottom .c2::after,
@@ -3409,7 +3409,7 @@ exports[`Popover renders correctly for a caret position of right-top 1`] = `
3409
3409
  .c0.caret-pos--right-top .c2::before,
3410
3410
  .c0.caret-pos--right-bottom .c2::before {
3411
3411
  right: -16px;
3412
- border-left-color: #e1e4e8;
3412
+ border-left-color: #d0d7de;
3413
3413
  }
3414
3414
 
3415
3415
  .c0.caret-pos--right .c2::after,
@@ -3423,7 +3423,7 @@ exports[`Popover renders correctly for a caret position of right-top 1`] = `
3423
3423
  .c0.caret-pos--left-top .c2::before,
3424
3424
  .c0.caret-pos--left-bottom .c2::before {
3425
3425
  left: -16px;
3426
- border-right-color: #e1e4e8;
3426
+ border-right-color: #d0d7de;
3427
3427
  }
3428
3428
 
3429
3429
  .c0.caret-pos--left .c2::after,
@@ -3626,7 +3626,7 @@ exports[`Popover renders correctly for a caret position of top 1`] = `
3626
3626
  }
3627
3627
 
3628
3628
  .c2 {
3629
- border: 1px solid #e1e4e8;
3629
+ border: 1px solid #d0d7de;
3630
3630
  border-radius: 6px;
3631
3631
  position: relative;
3632
3632
  width: 232px;
@@ -3648,7 +3648,7 @@ exports[`Popover renders correctly for a caret position of top 1`] = `
3648
3648
  top: -16px;
3649
3649
  margin-left: -9px;
3650
3650
  border: 8px solid transparent;
3651
- border-bottom-color: #e1e4e8;
3651
+ border-bottom-color: #d0d7de;
3652
3652
  }
3653
3653
 
3654
3654
  .c2::after {
@@ -3672,7 +3672,7 @@ exports[`Popover renders correctly for a caret position of top 1`] = `
3672
3672
  .c0.caret-pos--bottom-right .c2::before,
3673
3673
  .c0.caret-pos--bottom-left .c2::before {
3674
3674
  bottom: -16px;
3675
- border-top-color: #e1e4e8;
3675
+ border-top-color: #d0d7de;
3676
3676
  }
3677
3677
 
3678
3678
  .c0.caret-pos--bottom .c2::after,
@@ -3765,7 +3765,7 @@ exports[`Popover renders correctly for a caret position of top 1`] = `
3765
3765
  .c0.caret-pos--right-top .c2::before,
3766
3766
  .c0.caret-pos--right-bottom .c2::before {
3767
3767
  right: -16px;
3768
- border-left-color: #e1e4e8;
3768
+ border-left-color: #d0d7de;
3769
3769
  }
3770
3770
 
3771
3771
  .c0.caret-pos--right .c2::after,
@@ -3779,7 +3779,7 @@ exports[`Popover renders correctly for a caret position of top 1`] = `
3779
3779
  .c0.caret-pos--left-top .c2::before,
3780
3780
  .c0.caret-pos--left-bottom .c2::before {
3781
3781
  left: -16px;
3782
- border-right-color: #e1e4e8;
3782
+ border-right-color: #d0d7de;
3783
3783
  }
3784
3784
 
3785
3785
  .c0.caret-pos--left .c2::after,
@@ -3982,7 +3982,7 @@ exports[`Popover renders correctly for a caret position of top-left 1`] = `
3982
3982
  }
3983
3983
 
3984
3984
  .c2 {
3985
- border: 1px solid #e1e4e8;
3985
+ border: 1px solid #d0d7de;
3986
3986
  border-radius: 6px;
3987
3987
  position: relative;
3988
3988
  width: 232px;
@@ -4004,7 +4004,7 @@ exports[`Popover renders correctly for a caret position of top-left 1`] = `
4004
4004
  top: -16px;
4005
4005
  margin-left: -9px;
4006
4006
  border: 8px solid transparent;
4007
- border-bottom-color: #e1e4e8;
4007
+ border-bottom-color: #d0d7de;
4008
4008
  }
4009
4009
 
4010
4010
  .c2::after {
@@ -4028,7 +4028,7 @@ exports[`Popover renders correctly for a caret position of top-left 1`] = `
4028
4028
  .c0.caret-pos--bottom-right .c2::before,
4029
4029
  .c0.caret-pos--bottom-left .c2::before {
4030
4030
  bottom: -16px;
4031
- border-top-color: #e1e4e8;
4031
+ border-top-color: #d0d7de;
4032
4032
  }
4033
4033
 
4034
4034
  .c0.caret-pos--bottom .c2::after,
@@ -4121,7 +4121,7 @@ exports[`Popover renders correctly for a caret position of top-left 1`] = `
4121
4121
  .c0.caret-pos--right-top .c2::before,
4122
4122
  .c0.caret-pos--right-bottom .c2::before {
4123
4123
  right: -16px;
4124
- border-left-color: #e1e4e8;
4124
+ border-left-color: #d0d7de;
4125
4125
  }
4126
4126
 
4127
4127
  .c0.caret-pos--right .c2::after,
@@ -4135,7 +4135,7 @@ exports[`Popover renders correctly for a caret position of top-left 1`] = `
4135
4135
  .c0.caret-pos--left-top .c2::before,
4136
4136
  .c0.caret-pos--left-bottom .c2::before {
4137
4137
  left: -16px;
4138
- border-right-color: #e1e4e8;
4138
+ border-right-color: #d0d7de;
4139
4139
  }
4140
4140
 
4141
4141
  .c0.caret-pos--left .c2::after,
@@ -4338,7 +4338,7 @@ exports[`Popover renders correctly for a caret position of top-right 1`] = `
4338
4338
  }
4339
4339
 
4340
4340
  .c2 {
4341
- border: 1px solid #e1e4e8;
4341
+ border: 1px solid #d0d7de;
4342
4342
  border-radius: 6px;
4343
4343
  position: relative;
4344
4344
  width: 232px;
@@ -4360,7 +4360,7 @@ exports[`Popover renders correctly for a caret position of top-right 1`] = `
4360
4360
  top: -16px;
4361
4361
  margin-left: -9px;
4362
4362
  border: 8px solid transparent;
4363
- border-bottom-color: #e1e4e8;
4363
+ border-bottom-color: #d0d7de;
4364
4364
  }
4365
4365
 
4366
4366
  .c2::after {
@@ -4384,7 +4384,7 @@ exports[`Popover renders correctly for a caret position of top-right 1`] = `
4384
4384
  .c0.caret-pos--bottom-right .c2::before,
4385
4385
  .c0.caret-pos--bottom-left .c2::before {
4386
4386
  bottom: -16px;
4387
- border-top-color: #e1e4e8;
4387
+ border-top-color: #d0d7de;
4388
4388
  }
4389
4389
 
4390
4390
  .c0.caret-pos--bottom .c2::after,
@@ -4477,7 +4477,7 @@ exports[`Popover renders correctly for a caret position of top-right 1`] = `
4477
4477
  .c0.caret-pos--right-top .c2::before,
4478
4478
  .c0.caret-pos--right-bottom .c2::before {
4479
4479
  right: -16px;
4480
- border-left-color: #e1e4e8;
4480
+ border-left-color: #d0d7de;
4481
4481
  }
4482
4482
 
4483
4483
  .c0.caret-pos--right .c2::after,
@@ -4491,7 +4491,7 @@ exports[`Popover renders correctly for a caret position of top-right 1`] = `
4491
4491
  .c0.caret-pos--left-top .c2::before,
4492
4492
  .c0.caret-pos--left-bottom .c2::before {
4493
4493
  left: -16px;
4494
- border-right-color: #e1e4e8;
4494
+ border-right-color: #d0d7de;
4495
4495
  }
4496
4496
 
4497
4497
  .c0.caret-pos--left .c2::after,
package/src/__tests__/__snapshots__/ProgressBar.tsx.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`ProgressBar renders consistently 1`] = `
4
4
  .c1 {
5
5
  width: 0;
6
- background-color: #28a745;
6
+ background-color: #2da44e;
7
7
  }
8
8
 
9
9
  .c0 {
@@ -12,7 +12,7 @@ exports[`ProgressBar renders consistently 1`] = `
12
12
  display: -ms-flexbox;
13
13
  display: flex;
14
14
  overflow: hidden;
15
- background-color: #e1e4e8;
15
+ background-color: #d0d7de;
16
16
  border-radius: 3px;
17
17
  height: 8px;
18
18
  }
@@ -29,7 +29,7 @@ exports[`ProgressBar renders consistently 1`] = `
29
29
  exports[`ProgressBar respects the "progress" prop 1`] = `
30
30
  .c1 {
31
31
  width: 80%;
32
- background-color: #28a745;
32
+ background-color: #2da44e;
33
33
  }
34
34
 
35
35
  .c0 {
@@ -38,7 +38,7 @@ exports[`ProgressBar respects the "progress" prop 1`] = `
38
38
  display: -ms-flexbox;
39
39
  display: flex;
40
40
  overflow: hidden;
41
- background-color: #e1e4e8;
41
+ background-color: #d0d7de;
42
42
  border-radius: 3px;
43
43
  height: 8px;
44
44
  }