@dfds-ui/react-components 0.9.6 → 0.9.7-alpha.3a2ef8a2

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 (188) hide show
  1. package/cjs/table/TableRow.js +1 -1
  2. package/package.json +9 -9
  3. package/table/TableRow.js +1 -1
  4. package/cjs/accordion/Accordion.d.ts +0 -97
  5. package/cjs/accordion/AccordionContent.d.ts +0 -13
  6. package/cjs/accordion/AccordionSmall.d.ts +0 -55
  7. package/cjs/accordion/index.d.ts +0 -3
  8. package/cjs/app-bar/AppBar.d.ts +0 -12
  9. package/cjs/app-bar/AppBarContext.d.ts +0 -10
  10. package/cjs/app-bar/AppBarDrawer.d.ts +0 -3
  11. package/cjs/app-bar/AppBarIconButton.d.ts +0 -10
  12. package/cjs/app-bar/AppBarItem.d.ts +0 -21
  13. package/cjs/app-bar/AppBarListItem.d.ts +0 -15
  14. package/cjs/app-bar/index.d.ts +0 -7
  15. package/cjs/assertions/banner/Banner.d.ts +0 -52
  16. package/cjs/assertions/banner/BannerAction.d.ts +0 -18
  17. package/cjs/assertions/banner/BannerActionContext.d.ts +0 -12
  18. package/cjs/assertions/banner/BannerTypography.d.ts +0 -7
  19. package/cjs/assertions/banner/index.d.ts +0 -4
  20. package/cjs/assertions/index.d.ts +0 -2
  21. package/cjs/assertions/toast/Toast.d.ts +0 -11
  22. package/cjs/assertions/toast/Toaster.d.ts +0 -18
  23. package/cjs/assertions/toast/index.d.ts +0 -2
  24. package/cjs/badge/Badge.d.ts +0 -26
  25. package/cjs/badge/index.d.ts +0 -2
  26. package/cjs/button/BadgeIcon.d.ts +0 -6
  27. package/cjs/button/BaseButton.d.ts +0 -14
  28. package/cjs/button/Button.d.ts +0 -18
  29. package/cjs/button/IconButton.d.ts +0 -58
  30. package/cjs/button/LinkButton.d.ts +0 -8
  31. package/cjs/button/button-style.d.ts +0 -7
  32. package/cjs/button/index.d.ts +0 -7
  33. package/cjs/button-stack/ButtonStack.d.ts +0 -11
  34. package/cjs/button-stack/index.d.ts +0 -1
  35. package/cjs/card/Card.d.ts +0 -18
  36. package/cjs/card/CardActions.d.ts +0 -4
  37. package/cjs/card/CardContent.d.ts +0 -13
  38. package/cjs/card/CardMedia.d.ts +0 -18
  39. package/cjs/card/CardPriceTag.d.ts +0 -24
  40. package/cjs/card/CardTitle.d.ts +0 -18
  41. package/cjs/card/index.d.ts +0 -6
  42. package/cjs/chip/Chip.d.ts +0 -19
  43. package/cjs/chip/index.d.ts +0 -2
  44. package/cjs/common/LockBodyScroll.d.ts +0 -25
  45. package/cjs/common/arrow.d.ts +0 -6
  46. package/cjs/common/emotionCloneElement.d.ts +0 -2
  47. package/cjs/common/intent.d.ts +0 -3
  48. package/cjs/common/miniMoize.d.ts +0 -1
  49. package/cjs/common/polymorphic.d.ts +0 -25
  50. package/cjs/common/use-media.d.ts +0 -1
  51. package/cjs/common/useOnClickOutside.d.ts +0 -3
  52. package/cjs/common/utils.d.ts +0 -3
  53. package/cjs/counter/Counter.d.ts +0 -26
  54. package/cjs/counter/PluralCounter.d.ts +0 -13
  55. package/cjs/counter/index.d.ts +0 -2
  56. package/cjs/data-table/DataTable.d.ts +0 -10
  57. package/cjs/data-table/index.d.ts +0 -1
  58. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  59. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  60. package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
  61. package/cjs/date-range-picker/index.d.ts +0 -1
  62. package/cjs/divider/Divider.d.ts +0 -22
  63. package/cjs/divider/index.d.ts +0 -1
  64. package/cjs/drawer/Drawer.d.ts +0 -31
  65. package/cjs/drawer/index.d.ts +0 -1
  66. package/cjs/dropdown-menu/Dropdown.d.ts +0 -46
  67. package/cjs/dropdown-menu/DropdownContext.d.ts +0 -12
  68. package/cjs/dropdown-menu/MenuCheckbox.d.ts +0 -34
  69. package/cjs/dropdown-menu/MenuItem.d.ts +0 -45
  70. package/cjs/dropdown-menu/MenuTitle.d.ts +0 -14
  71. package/cjs/dropdown-menu/index.d.ts +0 -5
  72. package/cjs/elevation/index.d.ts +0 -3
  73. package/cjs/flexbox/FlexBox.d.ts +0 -98
  74. package/cjs/flexbox/index.d.ts +0 -1
  75. package/cjs/footer/Footer.d.ts +0 -6
  76. package/cjs/footer/index.d.ts +0 -1
  77. package/cjs/forms/assistive-text/AssistiveText.d.ts +0 -7
  78. package/cjs/forms/asterisk/Asterisk.d.ts +0 -2
  79. package/cjs/forms/checkbox/Checkbox.d.ts +0 -39
  80. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +0 -10
  81. package/cjs/forms/checkbox/index.d.ts +0 -1
  82. package/cjs/forms/email-field/EmailField.d.ts +0 -6
  83. package/cjs/forms/error-text/ErrorText.d.ts +0 -7
  84. package/cjs/forms/field/Field.d.ts +0 -10
  85. package/cjs/forms/index.d.ts +0 -21
  86. package/cjs/forms/input/Input.d.ts +0 -19
  87. package/cjs/forms/input/InputComposition.d.ts +0 -43
  88. package/cjs/forms/label/Label.d.ts +0 -10
  89. package/cjs/forms/number-field/NumberField.d.ts +0 -6
  90. package/cjs/forms/password-field/PasswordField.d.ts +0 -4
  91. package/cjs/forms/radio/Radio.d.ts +0 -35
  92. package/cjs/forms/reactselect/ReactSelect.d.ts +0 -25
  93. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +0 -6
  94. package/cjs/forms/select/Select.d.ts +0 -16
  95. package/cjs/forms/select-field/SelectField.d.ts +0 -17
  96. package/cjs/forms/switch/Switch.d.ts +0 -13
  97. package/cjs/forms/tel-field/TelField.d.ts +0 -6
  98. package/cjs/forms/text-field/TextField.d.ts +0 -26
  99. package/cjs/global-styles/GlobalStyles.d.ts +0 -2
  100. package/cjs/global-styles/sanitize.d.ts +0 -1
  101. package/cjs/grid/Column.d.ts +0 -9
  102. package/cjs/grid/Container.d.ts +0 -14
  103. package/cjs/grid/index.d.ts +0 -2
  104. package/cjs/hero/Hero.d.ts +0 -10
  105. package/cjs/hero/index.d.ts +0 -1
  106. package/cjs/hero/stripes.d.ts +0 -6
  107. package/cjs/ie-banner/IEBanner.d.ts +0 -11
  108. package/cjs/ie-banner/index.d.ts +0 -1
  109. package/cjs/index.d.ts +0 -42
  110. package/cjs/layout/LayoutLegacy.d.ts +0 -1
  111. package/cjs/lists/FeatureList.d.ts +0 -24
  112. package/cjs/lists/ListAddon.d.ts +0 -11
  113. package/cjs/lists/ListDivider.d.ts +0 -4
  114. package/cjs/lists/ListIcon.d.ts +0 -18
  115. package/cjs/lists/ListItem.d.ts +0 -46
  116. package/cjs/lists/ListText.d.ts +0 -39
  117. package/cjs/lists/ListTextGroup.d.ts +0 -15
  118. package/cjs/lists/ListTitle.d.ts +0 -3
  119. package/cjs/lists/index.d.ts +0 -8
  120. package/cjs/loader/Loader.d.ts +0 -5
  121. package/cjs/loader/index.d.ts +0 -1
  122. package/cjs/localization/LocaleFlag.d.ts +0 -13
  123. package/cjs/localization/index.d.ts +0 -2
  124. package/cjs/localization/locales.d.ts +0 -34
  125. package/cjs/logo/Logo.d.ts +0 -10
  126. package/cjs/logo/index.d.ts +0 -1
  127. package/cjs/media/index.d.ts +0 -2
  128. package/cjs/menu/Menu.d.ts +0 -7
  129. package/cjs/menu/index.d.ts +0 -2
  130. package/cjs/nav-bar/NavBar.d.ts +0 -35
  131. package/cjs/nav-bar/index.d.ts +0 -2
  132. package/cjs/nav-menu/NavMenuItem.d.ts +0 -10
  133. package/cjs/nav-menu/index.d.ts +0 -1
  134. package/cjs/pagination/Pagination.d.ts +0 -44
  135. package/cjs/pagination/Pagination.styles.d.ts +0 -2
  136. package/cjs/pagination/index.d.ts +0 -1
  137. package/cjs/popper/Popper.d.ts +0 -29
  138. package/cjs/popper/index.d.ts +0 -1
  139. package/cjs/progress-bar/ProgressBar.d.ts +0 -7
  140. package/cjs/progress-bar/index.d.ts +0 -2
  141. package/cjs/schedule/ScheduleItem.d.ts +0 -21
  142. package/cjs/schedule/ScheduleList.d.ts +0 -11
  143. package/cjs/schedule/index.d.ts +0 -2
  144. package/cjs/side-sheet/SideSheet.d.ts +0 -57
  145. package/cjs/side-sheet/SideSheetCloseButton.d.ts +0 -13
  146. package/cjs/side-sheet/SideSheetContent.d.ts +0 -7
  147. package/cjs/side-sheet/SideSheetFooter.d.ts +0 -7
  148. package/cjs/side-sheet/SideSheetHeader.d.ts +0 -9
  149. package/cjs/side-sheet/SideSheetHeadline.d.ts +0 -7
  150. package/cjs/side-sheet/index.d.ts +0 -4
  151. package/cjs/site-layout/SiteLayout.d.ts +0 -36
  152. package/cjs/site-layout/index.d.ts +0 -2
  153. package/cjs/skeleton/Skeleton.d.ts +0 -6
  154. package/cjs/skeleton/index.d.ts +0 -1
  155. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +0 -26
  156. package/cjs/social-media-link-list/index.d.ts +0 -1
  157. package/cjs/spinner/Spinner.d.ts +0 -15
  158. package/cjs/spinner/index.d.ts +0 -2
  159. package/cjs/stepper/Step.d.ts +0 -9
  160. package/cjs/stepper/Stepper.d.ts +0 -15
  161. package/cjs/stepper/index.d.ts +0 -2
  162. package/cjs/styles/index.d.ts +0 -3
  163. package/cjs/styles/media.d.ts +0 -21
  164. package/cjs/styles/rem.d.ts +0 -1
  165. package/cjs/styles/style-helpers.d.ts +0 -1
  166. package/cjs/styles/theme.d.ts +0 -39
  167. package/cjs/surface/Surface.d.ts +0 -30
  168. package/cjs/surface/index.d.ts +0 -1
  169. package/cjs/tab/Tab.d.ts +0 -11
  170. package/cjs/tab/TabPanel.d.ts +0 -7
  171. package/cjs/tab/Tabs.d.ts +0 -11
  172. package/cjs/tab/TabsContext.d.ts +0 -14
  173. package/cjs/tab/index.d.ts +0 -4
  174. package/cjs/table/Table.d.ts +0 -22
  175. package/cjs/table/TableBody.d.ts +0 -9
  176. package/cjs/table/TableDataCell.d.ts +0 -14
  177. package/cjs/table/TableHead.d.ts +0 -14
  178. package/cjs/table/TableHeaderCell.d.ts +0 -15
  179. package/cjs/table/TableRow.d.ts +0 -17
  180. package/cjs/table/data.d.ts +0 -9
  181. package/cjs/table/index.d.ts +0 -6
  182. package/cjs/test/Test.d.ts +0 -8
  183. package/cjs/tooltip/Tooltip.d.ts +0 -12
  184. package/cjs/tooltip/index.d.ts +0 -1
  185. package/cjs/typography/Headlines.d.ts +0 -70
  186. package/cjs/typography/Text.d.ts +0 -4
  187. package/cjs/typography/index.d.ts +0 -2
  188. package/table/TableRow.d.ts +0 -17
@@ -31,7 +31,7 @@ const ClassName = {
31
31
  IS_INTERACTIVE: 'is-interactive',
32
32
  IS_SELECTED: 'is-selected'
33
33
  };
34
- const tableRowStyle = /*#__PURE__*/(0, _react2.css)("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZVRhYmxlIH0gZnJvbSAnLi9UYWJsZSdcblxuZXhwb3J0IHR5cGUgVGFibGVSb3dQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRhYmxlIHJvdyBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG5cbiAgLyoqXG4gICAqIENsYXNzZXMgYXBwbGllZCBvbiB0aGUgdHIgdGFnXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogQXBwbGllcyBTZWxlY3RlZCBzdGF0ZSBzdHlsaW5nIHRvIHRoZSByb3dcbiAgICovXG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuXG59XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfSU5URVJBQ1RJVkU6ICdpcy1pbnRlcmFjdGl2ZScsXG4gIElTX1NFTEVDVEVEOiAnaXMtc2VsZWN0ZWQnLFxufVxuXG5jb25zdCB0YWJsZVJvd1N0eWxlID0gY3NzYFxuICBoZWlnaHQ6IDIuNzVyZW07XG5cbiAgJi4ke0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRX0ge1xuICAgICY6aG92ZXIgdGQge1xuICAgICAgYmFja2dyb3VuZDogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjE2KTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjE2KTtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgfVxuXG4gICAgJi4ke0NsYXNzTmFtZS5JU19TRUxFQ1RFRH0gdGQge1xuICAgICAgYmFja2dyb3VuZDogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVSb3cgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZVJvd0VsZW1lbnQsIFRhYmxlUm93UHJvcHM+KFxuICAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBpc1NlbGVjdGVkID0gZmFsc2UsIC4uLnJlc3QgfTogVGFibGVSb3dQcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3QgeyBpc0ludGVyYWN0aXZlIH0gPSB1c2VUYWJsZSgpXG5cbiAgICByZXR1cm4gKFxuICAgICAgPHRyXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc05hbWUsIHtcbiAgICAgICAgICBbQ2xhc3NOYW1lLklTX1NFTEVDVEVEXTogaXNTZWxlY3RlZCxcbiAgICAgICAgICBbQ2xhc3NOYW1lLklTX0lOVEVSQUNUSVZFXTogaXNJbnRlcmFjdGl2ZSxcbiAgICAgICAgfSl9XG4gICAgICAgIGNzcz17dGFibGVSb3dTdHlsZX1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3RyPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVJvd1xuIl19 */");
34
+ const tableRowStyle = /*#__PURE__*/(0, _react2.css)("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0N5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZVRhYmxlIH0gZnJvbSAnLi9UYWJsZSdcblxuZXhwb3J0IHR5cGUgVGFibGVSb3dQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRhYmxlIHJvdyBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG5cbiAgLyoqXG4gICAqIENsYXNzZXMgYXBwbGllZCBvbiB0aGUgdHIgdGFnXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogQXBwbGllcyBTZWxlY3RlZCBzdGF0ZSBzdHlsaW5nIHRvIHRoZSByb3dcbiAgICovXG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgb24gY2xpY2sgaGFuZGxlciBcbiAgICovXG4gIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MVGFibGVSb3dFbGVtZW50PlxufVxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MVGFibGVSb3dFbGVtZW50LCBUYWJsZVJvd1Byb3BzPihcbiAgKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNJbnRlcmFjdGl2ZSB9ID0gdXNlVGFibGUoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0clxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRV06IGlzSW50ZXJhY3RpdmUsXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90cj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVSb3dcbiJdfQ== */");
35
35
  const TableRow = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
36
36
  let children = _ref.children,
37
37
  className = _ref.className,
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Shared react components within DFDS",
4
4
  "license": "MIT",
5
5
  "private": false,
6
- "version": "0.9.6",
6
+ "version": "0.9.7-alpha.3a2ef8a2",
7
7
  "sideEffects": false,
8
8
  "main": "./cjs/index.js",
9
9
  "module": "./index.js",
@@ -18,13 +18,13 @@
18
18
  "react-select": "^4.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@dfds-ui/colors": "0.9.6",
22
- "@dfds-ui/fonts": "0.9.6",
23
- "@dfds-ui/hooks": "0.9.6",
24
- "@dfds-ui/icons": "0.9.6",
25
- "@dfds-ui/spacing": "0.9.6",
26
- "@dfds-ui/theme": "0.9.6",
27
- "@dfds-ui/typography": "0.9.6",
21
+ "@dfds-ui/colors": "0.9.7-alpha.3a2ef8a2",
22
+ "@dfds-ui/fonts": "0.9.7-alpha.3a2ef8a2",
23
+ "@dfds-ui/hooks": "0.9.7-alpha.3a2ef8a2",
24
+ "@dfds-ui/icons": "0.9.7-alpha.3a2ef8a2",
25
+ "@dfds-ui/spacing": "0.9.7-alpha.3a2ef8a2",
26
+ "@dfds-ui/theme": "0.9.7-alpha.3a2ef8a2",
27
+ "@dfds-ui/typography": "0.9.7-alpha.3a2ef8a2",
28
28
  "@kunukn/react-collapse": "^2.2.9",
29
29
  "@material-ui/core": "^4.12.3",
30
30
  "@material-ui/lab": "4.0.0-alpha.60",
@@ -34,7 +34,7 @@
34
34
  "react-hook-intersection-observer": "^0.1.0",
35
35
  "uuid": "^3.3.2"
36
36
  },
37
- "gitHead": "d77e4e1ccf007cb60c5c2a1eac072eadc5c9b492",
37
+ "gitHead": "3a2ef8a26c636067c931fe81b66635fefebfa078",
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  }
package/table/TableRow.js CHANGED
@@ -17,7 +17,7 @@ var ClassName = {
17
17
  IS_INTERACTIVE: 'is-interactive',
18
18
  IS_SELECTED: 'is-selected'
19
19
  };
20
- var tableRowStyle = /*#__PURE__*/css("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZVRhYmxlIH0gZnJvbSAnLi9UYWJsZSdcblxuZXhwb3J0IHR5cGUgVGFibGVSb3dQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRhYmxlIHJvdyBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG5cbiAgLyoqXG4gICAqIENsYXNzZXMgYXBwbGllZCBvbiB0aGUgdHIgdGFnXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogQXBwbGllcyBTZWxlY3RlZCBzdGF0ZSBzdHlsaW5nIHRvIHRoZSByb3dcbiAgICovXG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuXG59XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfSU5URVJBQ1RJVkU6ICdpcy1pbnRlcmFjdGl2ZScsXG4gIElTX1NFTEVDVEVEOiAnaXMtc2VsZWN0ZWQnLFxufVxuXG5jb25zdCB0YWJsZVJvd1N0eWxlID0gY3NzYFxuICBoZWlnaHQ6IDIuNzVyZW07XG5cbiAgJi4ke0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRX0ge1xuICAgICY6aG92ZXIgdGQge1xuICAgICAgYmFja2dyb3VuZDogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjE2KTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjE2KTtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgfVxuXG4gICAgJi4ke0NsYXNzTmFtZS5JU19TRUxFQ1RFRH0gdGQge1xuICAgICAgYmFja2dyb3VuZDogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVSb3cgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZVJvd0VsZW1lbnQsIFRhYmxlUm93UHJvcHM+KFxuICAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBpc1NlbGVjdGVkID0gZmFsc2UsIC4uLnJlc3QgfTogVGFibGVSb3dQcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3QgeyBpc0ludGVyYWN0aXZlIH0gPSB1c2VUYWJsZSgpXG5cbiAgICByZXR1cm4gKFxuICAgICAgPHRyXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc05hbWUsIHtcbiAgICAgICAgICBbQ2xhc3NOYW1lLklTX1NFTEVDVEVEXTogaXNTZWxlY3RlZCxcbiAgICAgICAgICBbQ2xhc3NOYW1lLklTX0lOVEVSQUNUSVZFXTogaXNJbnRlcmFjdGl2ZSxcbiAgICAgICAgfSl9XG4gICAgICAgIGNzcz17dGFibGVSb3dTdHlsZX1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3RyPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVJvd1xuIl19 */");
20
+ var tableRowStyle = /*#__PURE__*/css("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0N5QiIsImZpbGUiOiIuLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZVRhYmxlIH0gZnJvbSAnLi9UYWJsZSdcblxuZXhwb3J0IHR5cGUgVGFibGVSb3dQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRhYmxlIHJvdyBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG5cbiAgLyoqXG4gICAqIENsYXNzZXMgYXBwbGllZCBvbiB0aGUgdHIgdGFnXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogQXBwbGllcyBTZWxlY3RlZCBzdGF0ZSBzdHlsaW5nIHRvIHRoZSByb3dcbiAgICovXG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgb24gY2xpY2sgaGFuZGxlciBcbiAgICovXG4gIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MVGFibGVSb3dFbGVtZW50PlxufVxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MVGFibGVSb3dFbGVtZW50LCBUYWJsZVJvd1Byb3BzPihcbiAgKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNJbnRlcmFjdGl2ZSB9ID0gdXNlVGFibGUoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0clxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRV06IGlzSW50ZXJhY3RpdmUsXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90cj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVSb3dcbiJdfQ== */");
21
21
  export var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
22
22
  var _classNames;
23
23
 
@@ -1,97 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { CollapseProps } from '@kunukn/react-collapse';
3
- export declare type AccordionHeaderProps = {
4
- /**
5
- * Add heading to the Accordion.
6
- */
7
- heading?: string;
8
- /**
9
- * Add secondary heading to the Accordion.
10
- */
11
- secondaryHeading?: ReactNode;
12
- /**
13
- * Specify the duration of the transition between open and closed.
14
- */
15
- transitionDuration?: string;
16
- /**
17
- * If set to `true` the Accordion is open.
18
- */
19
- isOpen?: boolean;
20
- /**
21
- * Disable the Accordion.
22
- */
23
- disabled?: boolean;
24
- /**
25
- * Use the Accordion without animation.
26
- */
27
- noAnimation?: boolean;
28
- /**
29
- * Hide the secondary heading when the Accordion is opened.
30
- */
31
- noSecondaryHeadingWhenOpen?: boolean;
32
- /**
33
- * Callback when toggling the accordion
34
- */
35
- onToggle?: () => void;
36
- };
37
- export declare const AccordionHeader: React.FunctionComponent<AccordionHeaderProps>;
38
- export declare type AccordionProps = {
39
- /**
40
- * Add heading to the Accordion.
41
- */
42
- heading?: string;
43
- /**
44
- * Add a custom header to the Accordion.
45
- */
46
- header?: ReactNode;
47
- /**
48
- * Add secondary heading to the Accordion.
49
- */
50
- secondaryHeading?: ReactNode;
51
- /**
52
- * Specify the duration of the transition between open and closed.
53
- */
54
- transitionDuration?: string;
55
- /**
56
- * If set to `true` the Accordion is open.
57
- */
58
- isOpen?: boolean;
59
- /**
60
- * Disable the Accordion.
61
- */
62
- disabled?: boolean;
63
- /**
64
- * Callback when toggling the accordion
65
- */
66
- onToggle?: () => void;
67
- /**
68
- * Props passed on to the Collapse component
69
- */
70
- collapseProps?: CollapseProps;
71
- /**
72
- * Use the Accordion without animation.
73
- */
74
- noAnimation?: boolean;
75
- /**
76
- * The compressed variant removes the `margin-bottom` of the Accordion.
77
- */
78
- variant?: 'default' | 'compressed';
79
- /**
80
- * Specify the content padding of the Accordion.
81
- */
82
- type?: 'small' | 'medium';
83
- /**
84
- * Add a className to the Accordion.
85
- */
86
- className?: string;
87
- /**
88
- * Hide the secondary heading when the Accordion is opened.
89
- */
90
- noSecondaryHeadingWhenOpen?: boolean;
91
- /**
92
- * Hide the Divider (the grey line under the header)
93
- */
94
- hideDivider?: boolean;
95
- };
96
- export declare const Accordion: React.FunctionComponent<AccordionProps>;
97
- export default Accordion;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- export declare type AccordionContentProps = {
3
- /**
4
- * The compressed variant removes the `margin-bottom` of the Accordion.
5
- */
6
- variant?: 'default' | 'compressed';
7
- /**
8
- * Specify the content padding of the Accordion.
9
- */
10
- type?: 'small' | 'medium';
11
- };
12
- export declare const AccordionContent: React.FunctionComponent<AccordionContentProps>;
13
- export default AccordionContent;
@@ -1,55 +0,0 @@
1
- import React from 'react';
2
- export declare type AccordionSmallHeaderProps = {
3
- /**
4
- * Add a heading to the Accordion.
5
- */
6
- heading: string;
7
- /**
8
- * Add a secondary heading to the Accordion.
9
- */
10
- secondaryHeading?: string;
11
- /**
12
- * Specify the duration of the transition between open and closed.
13
- */
14
- transitionDuration?: string;
15
- /**
16
- * If set to `true` the Accordion is open.
17
- */
18
- isOpen?: boolean;
19
- /**
20
- * Disable the Accordion.
21
- */
22
- disabled?: boolean;
23
- /**
24
- * Use the Accordion without animation.
25
- */
26
- noAnimation?: boolean;
27
- onToggle?: () => void;
28
- };
29
- export declare const AccordionSmallHeader: React.FunctionComponent<AccordionSmallHeaderProps>;
30
- export declare type AccordionSmallProps = {
31
- /**
32
- * Add a heading to the Accordion.
33
- */
34
- heading: string;
35
- /**
36
- * Specify the duration of the transition between open and closed.
37
- */
38
- transitionDuration?: string;
39
- /**
40
- * If set to `true` the Accordion is open.
41
- */
42
- isOpen?: boolean;
43
- /**
44
- * Disable the Accordion.
45
- */
46
- disabled?: boolean;
47
- /**
48
- * Use the Accordion without animation.
49
- */
50
- noAnimation?: boolean;
51
- onToggle?: () => void;
52
- collapseProps?: object;
53
- };
54
- export declare const AccordionSmall: React.FunctionComponent<AccordionSmallProps>;
55
- export default AccordionSmall;
@@ -1,3 +0,0 @@
1
- export * from './Accordion';
2
- export * from './AccordionSmall';
3
- export * from './AccordionContent';
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- declare type Breakpoint = 's' | 'm' | 'l';
3
- declare const AppBar: React.FC<{
4
- leftActions?: React.ReactNode;
5
- actions?: React.ReactNode;
6
- className?: string;
7
- logoProps?: any;
8
- menuBreakpoint?: Breakpoint;
9
- hasMenuButton?: boolean;
10
- handleMenuButtonClick?: () => void;
11
- }>;
12
- export default AppBar;
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- declare type AppBarState = {
3
- drawerOpen: boolean;
4
- setDrawerOpen: React.Dispatch<React.SetStateAction<boolean>>;
5
- height: number;
6
- setHeight: React.Dispatch<React.SetStateAction<number>>;
7
- };
8
- export declare const AppBarProvider: React.FC;
9
- export declare const useAppBarContext: () => AppBarState;
10
- export {};
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- declare const AppBarDrawer: React.FC;
3
- export default AppBarDrawer;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- declare type AppBarIconButtonProps = {
3
- isActive?: boolean;
4
- ariaLabel: string;
5
- icon: React.ElementType;
6
- showTooltip?: boolean;
7
- onClick?: (event: React.MouseEvent) => void;
8
- };
9
- declare const AppBarIconButton: React.FC<AppBarIconButtonProps>;
10
- export default AppBarIconButton;
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- export declare type AppBarItemProps = {
3
- id: string;
4
- Icon?: React.ElementType;
5
- LeadingIcon?: React.ElementType;
6
- TrailingIcon?: React.ElementType;
7
- title: string;
8
- divider?: 'start' | 'end' | 'both';
9
- children?: React.ReactNode;
10
- as?: React.ElementType;
11
- onClick?: () => void;
12
- placement?: 'bottom-start' | 'bottom-end';
13
- isActive?: boolean;
14
- };
15
- export declare const MenuPopOverContext: React.Context<{
16
- handlePopoverClose: () => void;
17
- } | undefined>;
18
- export declare const AppBarPopper: import("@emotion/styled").StyledComponent<import("@material-ui/core/Popper").PopperProps & {
19
- theme?: import("@emotion/react").Theme | undefined;
20
- }, {}, {}>;
21
- export declare const AppBarItem: React.FC<AppBarItemProps & JSX.IntrinsicElements['a']>;
@@ -1,15 +0,0 @@
1
- declare const AppBarListItem: import("@emotion/styled").StyledComponent<{
2
- multiline?: boolean | undefined;
3
- selected?: boolean | undefined;
4
- condensed?: boolean | undefined;
5
- tabIndex?: number | undefined;
6
- clickable?: boolean | undefined;
7
- divider?: boolean | undefined;
8
- onClick?: (() => void) | undefined;
9
- flexBoxProps?: import("../flexbox").FlexBoxProps | undefined;
10
- className?: string | undefined;
11
- children?: import("react").ReactNode;
12
- } & import("..").PolymorphicComponentProps & {
13
- theme?: import("@emotion/react").Theme | undefined;
14
- }, {}, {}>;
15
- export default AppBarListItem;
@@ -1,7 +0,0 @@
1
- import { useAppBarContext, AppBarProvider } from './AppBarContext';
2
- import { AppBarItem, MenuPopOverContext } from './AppBarItem';
3
- export { default as AppBarDrawer } from './AppBarDrawer';
4
- export { default as AppBar } from './AppBar';
5
- export { default as AppBarIconButton } from './AppBarIconButton';
6
- export { default as AppBarListItem } from './AppBarListItem';
7
- export { useAppBarContext, AppBarProvider, AppBarItem, MenuPopOverContext };
@@ -1,52 +0,0 @@
1
- import React from 'react';
2
- import { Intent } from '../../common/intent';
3
- export declare type BannerProps = {
4
- /**
5
- * Specifies the intent of the Banner (change the color of the banner icon to match intended status)
6
- */
7
- intent?: Intent;
8
- /**
9
- * Actions to be displayed inside the banner
10
- */
11
- actions?: React.ReactNode;
12
- /**
13
- * Class name to be added to the banner
14
- */
15
- className?: string;
16
- /**
17
- * Add a close icon in the top-right corner which will invoke the provided callback
18
- */
19
- onRequestClose?: () => void;
20
- /**
21
- * Specifies the ariaLabel to be added to the close(x) button
22
- */
23
- closeLabel?: string;
24
- /**
25
- * Specifies the variation of the banner.
26
- */
27
- variant?: 'default' | 'inverted';
28
- /**
29
- * Specifies if the Banner should be displayed with `position: fixed;`
30
- *
31
- * When the value is `undefined` the Banner default to being sticky if `variant` is set to `inverted`
32
- */
33
- sticky?: boolean;
34
- /**
35
- * Specifies the position of the Sticky Banner.
36
- */
37
- stickyPosition?: 'top' | 'bottom';
38
- /**
39
- * Specifies if the Banner should have a border/divider at the bottom`
40
- */
41
- divider?: boolean;
42
- /**
43
- * Specify a custom icon to replace the one derived from `intent`
44
- *
45
- * @type {React.ElementType<{ className?: string }>}
46
- */
47
- icon?: React.ElementType<{
48
- className?: string;
49
- }>;
50
- };
51
- declare const Banner: React.FunctionComponent<BannerProps>;
52
- export default Banner;
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { Intent } from '../../common/intent';
3
- export declare type BannerActionVariation = 'primary' | 'secondary';
4
- export interface BannerActionProps {
5
- variation?: BannerActionVariation;
6
- variant?: 'default' | 'inverted';
7
- intent?: Intent;
8
- onClick?: () => void;
9
- /**
10
- * className to be assigned to the button
11
- */
12
- className?: string;
13
- /**
14
- * HTML tag or custom component being rendered
15
- */
16
- as?: React.ElementType;
17
- }
18
- export declare const BannerAction: React.FunctionComponent<BannerActionProps>;
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import { Intent } from '../../common/intent';
3
- declare type BannerActionContextProps = {
4
- variant: 'default' | 'inverted';
5
- intent: Intent;
6
- };
7
- export declare const BannerActionContext: React.Context<BannerActionContextProps>;
8
- export declare const BannerActionContextProvider: React.FC<{
9
- value: BannerActionContextProps;
10
- }>;
11
- declare const useBannerActionContext: () => BannerActionContextProps;
12
- export default useBannerActionContext;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export declare const BannerHeadline: React.FunctionComponent<{
3
- className?: string;
4
- }>;
5
- export declare const BannerParagraph: React.FunctionComponent<{
6
- className?: string;
7
- }>;
@@ -1,4 +0,0 @@
1
- export * from './BannerAction';
2
- export * from './BannerTypography';
3
- export * from './Banner';
4
- export { default as Banner } from './Banner';
@@ -1,2 +0,0 @@
1
- export * from './banner';
2
- export * from './toast';
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { Intent } from '../../common/intent';
3
- export declare type ToastProps = {
4
- intent?: Intent;
5
- className?: string;
6
- onRequestClose?: () => void;
7
- loading?: boolean;
8
- onRequestAction?: () => void;
9
- };
10
- declare const Toast: React.FunctionComponent<ToastProps>;
11
- export default Toast;
@@ -1,18 +0,0 @@
1
- import { PropsWithChildren, FunctionComponent } from 'react';
2
- import { ToastProps } from './Toast';
3
- declare type TimeoutType = {
4
- timeout?: number;
5
- };
6
- declare type ToasterState = {
7
- open: boolean;
8
- hasActive: boolean;
9
- toastProps: ToastProps | null;
10
- } & TimeoutType;
11
- export declare const useToaster: () => {
12
- addToast: (props: PropsWithChildren<ToastProps & TimeoutType>) => void;
13
- state: ToasterState;
14
- };
15
- declare const Toaster: FunctionComponent<{
16
- globalTimeout?: number;
17
- }>;
18
- export default Toaster;
@@ -1,2 +0,0 @@
1
- export { default as Toast } from './Toast';
2
- export { default as Toaster, useToaster } from './Toaster';
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- import { Intent } from '../common/intent';
3
- import { FlexBoxProps } from '../flexbox/FlexBox';
4
- export declare type BadgeProps = {
5
- /**
6
- * Specifies the intent of the Badge
7
- */
8
- intent?: Intent;
9
- /**
10
- * Text to be shown in the badge (usually just a string)
11
- */
12
- children: React.ReactNode;
13
- /**
14
- * Class name to be added to the badge
15
- */
16
- className?: string;
17
- /**
18
- * Props controlling the flexbox
19
- */
20
- flexBoxProps?: FlexBoxProps;
21
- /**
22
- * HTML tag or custom component being rendered
23
- */
24
- as?: React.ElementType;
25
- };
26
- export default function Badge({ as, children, intent, flexBoxProps, ...rest }: BadgeProps): JSX.Element;
@@ -1,2 +0,0 @@
1
- export * from './Badge';
2
- export { default as Badge } from './Badge';
@@ -1,6 +0,0 @@
1
- export declare type BadgeIconProps = {
2
- letter: string;
3
- className?: string;
4
- };
5
- export declare const BadgeIcon: ({ letter, className }: BadgeIconProps) => JSX.Element;
6
- export default BadgeIcon;
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- export declare const variations: readonly ["primary", "secondary", "outlined", "text", "danger", "link"];
3
- export declare type BaseButtonProps = React.PropsWithoutRef<JSX.IntrinsicElements['button']>;
4
- export declare type ButtonVariation = typeof variations[number];
5
- export declare type ButtonVariationProps = {
6
- variation?: ButtonVariation;
7
- };
8
- export declare const BaseButton: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme | undefined;
10
- as?: React.ElementType<any> | undefined;
11
- } & {
12
- selected?: boolean | undefined;
13
- }, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
14
- export declare function getButtonVariationStyle(variation?: ButtonVariation): import("@emotion/react").SerializedStyles;
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { BaseButtonProps, ButtonVariationProps } from './BaseButton';
3
- declare type ButtonSize = 'medium' | 'small';
4
- declare type IconAlign = 'left' | 'right';
5
- export declare type ButtonProps = BaseButtonProps & ButtonVariationProps & {
6
- className?: string;
7
- replace?: boolean;
8
- submitting?: boolean;
9
- fillWidth?: boolean;
10
- size?: ButtonSize;
11
- icon?: React.ReactNode;
12
- iconAlign?: IconAlign;
13
- iconSpacing?: string;
14
- iconColor?: string;
15
- as?: React.ElementType;
16
- };
17
- declare const Button: React.FC<ButtonProps>;
18
- export default Button;
@@ -1,58 +0,0 @@
1
- import React from 'react';
2
- export declare type IconButtonSize = 'small' | 'medium' | 'large' | 's' | 'm' | 'l';
3
- export interface IconButtonProps extends React.PropsWithoutRef<JSX.IntrinsicElements['button']> {
4
- /**
5
- * Icon to be displayed on the button
6
- */
7
- icon: React.ElementType;
8
- /**
9
- * Text of the aria-label as well as the fallback value used for tooltip
10
- */
11
- ariaLabel: string;
12
- /**
13
- * Size of the button
14
- */
15
- size?: IconButtonSize;
16
- /**
17
- * className to be assigned to the button
18
- */
19
- className?: string;
20
- /**
21
- * HTML tag or custom component being rendered
22
- */
23
- as?: React.ElementType;
24
- /**
25
- * Disable button
26
- */
27
- disabled?: boolean;
28
- /**
29
- * Disable overlay states
30
- */
31
- disableOverlay?: boolean;
32
- /**
33
- * Disable tooltip
34
- */
35
- disableTooltip?: boolean;
36
- /**
37
- * Text of the tooltip, if none, aria-label will be used
38
- */
39
- tooltip?: string;
40
- /**
41
- * Color of the button and the overlay state
42
- */
43
- color?: string;
44
- /**
45
- * Override color to be used for the hover state
46
- */
47
- hoverColor?: string;
48
- /**
49
- * Override color to be used for the active state
50
- */
51
- activeColor?: string;
52
- /**
53
- * Props to be passed down to Tooltip container
54
- */
55
- tooltipContainerProps?: any;
56
- }
57
- declare const IconButton: React.FunctionComponent<IconButtonProps>;
58
- export default IconButton;
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- import { ButtonProps } from './Button';
3
- export declare type LinkButtonProps = React.PropsWithoutRef<JSX.IntrinsicElements['a']> & ButtonProps & {
4
- href?: string;
5
- target?: string;
6
- };
7
- export declare const LinkButton: (props: LinkButtonProps) => JSX.Element;
8
- export default LinkButton;
@@ -1,7 +0,0 @@
1
- export declare const baseButtonStyle: import("@emotion/react").SerializedStyles;
2
- export declare const primaryButtonStyles: import("@emotion/react").SerializedStyles;
3
- export declare const secondaryButtonStyles: import("@emotion/react").SerializedStyles;
4
- export declare const outlinedButtonStyles: import("@emotion/react").SerializedStyles;
5
- export declare const textButtonStyles: import("@emotion/react").SerializedStyles;
6
- export declare const dangerButtonStyles: import("@emotion/react").SerializedStyles;
7
- export declare const linkButtonStyles: import("@emotion/react").SerializedStyles;
@@ -1,7 +0,0 @@
1
- export { default as Button } from './Button';
2
- export * from './Button';
3
- export * from './LinkButton';
4
- export { default as IconButton } from './IconButton';
5
- export * from './IconButton';
6
- export * from './BadgeIcon';
7
- export { default as Anchor } from './LinkButton';
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- declare type Orientation = 'horizontal' | 'vertical';
3
- declare type Alignment = 'left' | 'right' | 'center';
4
- declare type ButtonStackProps = {
5
- align?: Alignment;
6
- orientation?: Orientation;
7
- className?: string;
8
- reverse?: boolean;
9
- };
10
- declare const ButtonStack: React.FunctionComponent<ButtonStackProps>;
11
- export default ButtonStack;