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

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 (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
  }