@workday/canvas-kit-react 8.0.0 → 8.0.1
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.
- package/action-bar/lib/ActionBarItem.tsx +2 -7
- package/action-bar/lib/ActionBarList.tsx +17 -7
- package/action-bar/lib/ActionBarOverflowButton.tsx +10 -6
- package/avatar/index.ts +0 -4
- package/avatar/lib/Avatar.tsx +1 -3
- package/badge/index.ts +1 -1
- package/badge/lib/CountBadge.tsx +1 -3
- package/banner/lib/Banner.tsx +3 -6
- package/breadcrumbs/LICENSE +52 -0
- package/breadcrumbs/README.md +9 -0
- package/breadcrumbs/index.ts +2 -0
- package/breadcrumbs/lib/Breadcrumbs.tsx +151 -0
- package/breadcrumbs/lib/BreadcrumbsCurrentItem.tsx +76 -0
- package/breadcrumbs/lib/BreadcrumbsItem.tsx +82 -0
- package/breadcrumbs/lib/BreadcrumbsLink.tsx +52 -0
- package/breadcrumbs/lib/BreadcrumbsList.tsx +51 -0
- package/breadcrumbs/lib/BreadcrumbsMenu.tsx +28 -0
- package/breadcrumbs/lib/BreadcrumbsOverflowButton.tsx +58 -0
- package/breadcrumbs/lib/hooks/useBreadcrumbsModel.tsx +76 -0
- package/breadcrumbs/lib/hooks/utils/index.ts +22 -0
- package/breadcrumbs/package.json +6 -0
- package/button/index.ts +7 -1
- package/button/lib/BaseButton.tsx +7 -4
- package/button/lib/DeleteButton.tsx +2 -2
- package/button/lib/PrimaryButton.tsx +2 -2
- package/button/lib/SecondaryButton.tsx +2 -2
- package/button/lib/TertiaryButton.tsx +21 -10
- package/button/lib/deprecated_Button.tsx +1 -1
- package/card/lib/CardBody.tsx +3 -6
- package/card/lib/CardHeading.tsx +13 -10
- package/checkbox/index.ts +0 -4
- package/checkbox/lib/Checkbox.tsx +9 -25
- package/collection/index.ts +2 -0
- package/collection/lib/ListBox.tsx +1 -1
- package/collection/lib/useBaseListModel.tsx +1 -1
- package/collection/lib/useCursorListModel.tsx +88 -20
- package/collection/lib/useGridModel.ts +34 -0
- package/collection/lib/useListItemRovingFocus.tsx +6 -4
- package/collection/lib/useListRenderItem.tsx +24 -14
- package/color-picker/index.ts +0 -4
- package/color-picker/lib/ColorInput.tsx +1 -4
- package/color-picker/lib/ColorPreview.tsx +1 -3
- package/common/index.ts +1 -0
- package/common/lib/InputProvider.tsx +1 -6
- package/common/lib/responsive/useResponsiveContainerStyles.ts +128 -0
- package/common/lib/styles/focusRing.ts +1 -1
- package/common/lib/theming/index.ts +1 -1
- package/common/lib/theming/styled.ts +6 -3
- package/common/lib/utils/components.ts +51 -25
- package/common/lib/utils/elements.ts +7 -12
- package/common/lib/utils/index.ts +0 -1
- package/common/lib/utils/isWithinBreakpoint.ts +6 -0
- package/common/lib/utils/models.ts +10 -2
- package/common/lib/utils/useModalityType.ts +13 -13
- package/dist/commonjs/action-bar/lib/ActionBar.d.ts +3 -3
- package/dist/commonjs/action-bar/lib/ActionBarItem.d.ts +8 -0
- package/dist/commonjs/action-bar/lib/ActionBarItem.d.ts.map +1 -1
- package/dist/commonjs/action-bar/lib/ActionBarItem.js +1 -1
- package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +95 -3
- package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map +1 -1
- package/dist/commonjs/action-bar/lib/ActionBarList.js +5 -5
- package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.d.ts +5 -1
- package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.d.ts.map +1 -1
- package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.js +3 -3
- package/dist/commonjs/avatar/index.d.ts +0 -3
- package/dist/commonjs/avatar/index.d.ts.map +1 -1
- package/dist/commonjs/avatar/index.js +0 -7
- package/dist/commonjs/avatar/lib/Avatar.d.ts +2 -2
- package/dist/commonjs/avatar/lib/Avatar.d.ts.map +1 -1
- package/dist/commonjs/avatar/lib/Avatar.js +4 -5
- package/dist/commonjs/badge/index.d.ts +1 -1
- package/dist/commonjs/badge/index.d.ts.map +1 -1
- package/dist/commonjs/badge/index.js +1 -4
- package/dist/commonjs/badge/lib/CountBadge.d.ts +1 -2
- package/dist/commonjs/badge/lib/CountBadge.d.ts.map +1 -1
- package/dist/commonjs/badge/lib/CountBadge.js +2 -1
- package/dist/commonjs/banner/lib/Banner.d.ts +0 -9
- package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
- package/dist/commonjs/banner/lib/Banner.js +2 -4
- package/dist/commonjs/breadcrumbs/index.d.ts +3 -0
- package/dist/commonjs/breadcrumbs/index.d.ts.map +1 -0
- package/dist/commonjs/breadcrumbs/index.js +14 -0
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts +3851 -0
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -0
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.js +177 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts +212 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map +1 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.js +63 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts +226 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts.map +1 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.js +76 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.d.ts +17 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.d.ts.map +1 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.js +46 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts +164 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts.map +1 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.js +63 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.d.ts +1717 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.d.ts.map +1 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.js +58 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +241 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts.map +1 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.js +68 -0
- package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts +1661 -0
- package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts.map +1 -0
- package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.js +67 -0
- package/dist/commonjs/breadcrumbs/lib/hooks/utils/index.d.ts +6 -0
- package/dist/commonjs/breadcrumbs/lib/hooks/utils/index.d.ts.map +1 -0
- package/dist/commonjs/breadcrumbs/lib/hooks/utils/index.js +22 -0
- package/dist/commonjs/button/index.d.ts +1 -1
- package/dist/commonjs/button/index.d.ts.map +1 -1
- package/dist/commonjs/button/index.js +3 -1
- package/dist/commonjs/button/lib/BaseButton.d.ts +7 -4
- package/dist/commonjs/button/lib/BaseButton.d.ts.map +1 -1
- package/dist/commonjs/button/lib/DeleteButton.d.ts +2 -1
- package/dist/commonjs/button/lib/DeleteButton.d.ts.map +1 -1
- package/dist/commonjs/button/lib/PrimaryButton.d.ts +2 -1
- package/dist/commonjs/button/lib/PrimaryButton.d.ts.map +1 -1
- package/dist/commonjs/button/lib/SecondaryButton.d.ts +2 -1
- package/dist/commonjs/button/lib/SecondaryButton.d.ts.map +1 -1
- package/dist/commonjs/button/lib/TertiaryButton.d.ts +11 -1
- package/dist/commonjs/button/lib/TertiaryButton.d.ts.map +1 -1
- package/dist/commonjs/button/lib/TertiaryButton.js +9 -8
- package/dist/commonjs/button/lib/deprecated_Button.js +7 -7
- package/dist/commonjs/card/lib/Card.d.ts +1 -1
- package/dist/commonjs/card/lib/CardBody.d.ts +1 -1
- package/dist/commonjs/card/lib/CardBody.d.ts.map +1 -1
- package/dist/commonjs/card/lib/CardBody.js +1 -6
- package/dist/commonjs/card/lib/CardHeading.d.ts.map +1 -1
- package/dist/commonjs/card/lib/CardHeading.js +2 -10
- package/dist/commonjs/checkbox/index.d.ts +0 -3
- package/dist/commonjs/checkbox/index.d.ts.map +1 -1
- package/dist/commonjs/checkbox/index.js +0 -7
- package/dist/commonjs/checkbox/lib/Checkbox.d.ts +0 -1
- package/dist/commonjs/checkbox/lib/Checkbox.d.ts.map +1 -1
- package/dist/commonjs/checkbox/lib/Checkbox.js +3 -15
- package/dist/commonjs/collection/index.d.ts +2 -0
- package/dist/commonjs/collection/index.d.ts.map +1 -1
- package/dist/commonjs/collection/index.js +5 -1
- package/dist/commonjs/collection/lib/ListBox.d.ts +1 -58
- package/dist/commonjs/collection/lib/ListBox.d.ts.map +1 -1
- package/dist/commonjs/collection/lib/useBaseListModel.js +1 -1
- package/dist/commonjs/collection/lib/useCursorListModel.d.ts +64 -101
- package/dist/commonjs/collection/lib/useCursorListModel.d.ts.map +1 -1
- package/dist/commonjs/collection/lib/useCursorListModel.js +64 -23
- package/dist/commonjs/collection/lib/useGridModel.d.ts +955 -0
- package/dist/commonjs/collection/lib/useGridModel.d.ts.map +1 -0
- package/dist/commonjs/collection/lib/useGridModel.js +52 -0
- package/dist/commonjs/collection/lib/useListItemRovingFocus.d.ts.map +1 -1
- package/dist/commonjs/collection/lib/useListItemRovingFocus.js +6 -4
- package/dist/commonjs/collection/lib/useListRenderItem.d.ts +1 -1
- package/dist/commonjs/collection/lib/useListRenderItem.d.ts.map +1 -1
- package/dist/commonjs/collection/lib/useListRenderItem.js +21 -11
- package/dist/commonjs/color-picker/index.d.ts +0 -3
- package/dist/commonjs/color-picker/index.d.ts.map +1 -1
- package/dist/commonjs/color-picker/index.js +0 -8
- package/dist/commonjs/color-picker/lib/ColorInput.d.ts +0 -1
- package/dist/commonjs/color-picker/lib/ColorInput.d.ts.map +1 -1
- package/dist/commonjs/color-picker/lib/ColorInput.js +1 -3
- package/dist/commonjs/color-picker/lib/ColorPreview.d.ts +0 -1
- package/dist/commonjs/color-picker/lib/ColorPreview.d.ts.map +1 -1
- package/dist/commonjs/color-picker/lib/ColorPreview.js +2 -3
- package/dist/commonjs/common/index.d.ts +1 -0
- package/dist/commonjs/common/index.d.ts.map +1 -1
- package/dist/commonjs/common/index.js +1 -0
- package/dist/commonjs/common/lib/InputProvider.d.ts +2 -2
- package/dist/commonjs/common/lib/InputProvider.d.ts.map +1 -1
- package/dist/commonjs/common/lib/InputProvider.js +0 -7
- package/dist/commonjs/common/lib/responsive/useResponsiveContainerStyles.d.ts +78 -0
- package/dist/commonjs/common/lib/responsive/useResponsiveContainerStyles.d.ts.map +1 -0
- package/dist/commonjs/common/lib/responsive/useResponsiveContainerStyles.js +139 -0
- package/dist/commonjs/common/lib/styles/focusRing.js +2 -2
- package/dist/commonjs/common/lib/theming/index.d.ts +1 -1
- package/dist/commonjs/common/lib/theming/index.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/styled.d.ts +2 -0
- package/dist/commonjs/common/lib/theming/styled.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/styled.js +1 -2
- package/dist/commonjs/common/lib/utils/components.d.ts +31 -19
- package/dist/commonjs/common/lib/utils/components.d.ts.map +1 -1
- package/dist/commonjs/common/lib/utils/components.js +10 -5
- package/dist/commonjs/common/lib/utils/elements.d.ts +1 -1
- package/dist/commonjs/common/lib/utils/elements.d.ts.map +1 -1
- package/dist/commonjs/common/lib/utils/elements.js +5 -11
- package/dist/commonjs/common/lib/utils/index.d.ts +0 -1
- package/dist/commonjs/common/lib/utils/index.d.ts.map +1 -1
- package/dist/commonjs/common/lib/utils/index.js +0 -1
- package/dist/commonjs/common/lib/utils/isWithinBreakpoint.d.ts +5 -0
- package/dist/commonjs/common/lib/utils/isWithinBreakpoint.d.ts.map +1 -0
- package/dist/commonjs/common/lib/utils/isWithinBreakpoint.js +10 -0
- package/dist/commonjs/common/lib/utils/models.d.ts +10 -2
- package/dist/commonjs/common/lib/utils/models.d.ts.map +1 -1
- package/dist/commonjs/common/lib/utils/models.js +3 -0
- package/dist/commonjs/common/lib/utils/useModalityType.js +13 -13
- package/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
- package/dist/commonjs/form-field/index.d.ts +0 -5
- package/dist/commonjs/form-field/index.d.ts.map +1 -1
- package/dist/commonjs/form-field/index.js +0 -11
- package/dist/commonjs/form-field/lib/FormField.d.ts +2 -2
- package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormField.js +6 -8
- package/dist/commonjs/form-field/lib/Hint.d.ts +1 -1
- package/dist/commonjs/form-field/lib/Hint.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/Hint.js +7 -14
- package/dist/commonjs/form-field/lib/Label.d.ts +2 -2
- package/dist/commonjs/form-field/lib/Label.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/Label.js +2 -3
- package/dist/commonjs/icon/index.d.ts +0 -7
- package/dist/commonjs/icon/index.d.ts.map +1 -1
- package/dist/commonjs/icon/index.js +0 -16
- package/dist/commonjs/icon/lib/AccentIcon.d.ts +1 -2
- package/dist/commonjs/icon/lib/AccentIcon.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/AccentIcon.js +4 -8
- package/dist/commonjs/icon/lib/AppletIcon.d.ts +0 -1
- package/dist/commonjs/icon/lib/AppletIcon.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/AppletIcon.js +2 -6
- package/dist/commonjs/icon/lib/Graphic.d.ts +1 -2
- package/dist/commonjs/icon/lib/Graphic.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/Graphic.js +4 -8
- package/dist/commonjs/icon/lib/Icon.d.ts +0 -1
- package/dist/commonjs/icon/lib/Icon.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/Icon.js +2 -6
- package/dist/commonjs/icon/lib/Svg.d.ts +0 -1
- package/dist/commonjs/icon/lib/Svg.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/Svg.js +0 -1
- package/dist/commonjs/icon/lib/SystemIcon.d.ts +2 -3
- package/dist/commonjs/icon/lib/SystemIcon.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/SystemIcon.js +4 -8
- package/dist/commonjs/icon/lib/SystemIconCircle.d.ts +1 -2
- package/dist/commonjs/icon/lib/SystemIconCircle.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/SystemIconCircle.js +4 -5
- package/dist/commonjs/index.d.ts +4 -1
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +4 -1
- package/dist/commonjs/layout/index.d.ts +15 -5
- package/dist/commonjs/layout/index.d.ts.map +1 -1
- package/dist/commonjs/layout/index.js +16 -8
- package/dist/commonjs/layout/lib/Box.d.ts +23 -11
- package/dist/commonjs/layout/lib/Box.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Box.js +34 -8
- package/dist/commonjs/layout/lib/Column.d.ts +13 -4
- package/dist/commonjs/layout/lib/Column.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Column.js +10 -6
- package/dist/commonjs/layout/lib/Flex.d.ts +6 -3
- package/dist/commonjs/layout/lib/Flex.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Flex.js +5 -1
- package/dist/commonjs/layout/lib/Grid.d.ts +51 -0
- package/dist/commonjs/layout/lib/Grid.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/Grid.js +115 -0
- package/dist/commonjs/layout/lib/Layout.d.ts +26 -10
- package/dist/commonjs/layout/lib/Layout.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Layout.js +24 -12
- package/dist/commonjs/layout/lib/Stack.d.ts +4 -4
- package/dist/commonjs/layout/lib/Stack.js +4 -4
- package/dist/commonjs/layout/lib/utils/background.d.ts +44 -0
- package/dist/commonjs/layout/lib/utils/background.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/background.js +57 -0
- package/dist/commonjs/layout/lib/utils/border/color.d.ts +47 -0
- package/dist/commonjs/layout/lib/utils/border/color.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/color.js +42 -0
- package/dist/commonjs/layout/lib/utils/border/index.d.ts +26 -0
- package/dist/commonjs/layout/lib/utils/border/index.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/index.js +46 -0
- package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts +38 -0
- package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/lineStyle.js +52 -0
- package/dist/commonjs/layout/lib/utils/border/radius.d.ts +33 -0
- package/dist/commonjs/layout/lib/utils/border/radius.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/radius.js +32 -0
- package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts +34 -0
- package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/shorthand.js +42 -0
- package/dist/commonjs/layout/lib/utils/border/width.d.ts +34 -0
- package/dist/commonjs/layout/lib/utils/border/width.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/width.js +42 -0
- package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts +12 -0
- package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/buildStyleFns.js +90 -0
- package/dist/commonjs/layout/lib/utils/color.d.ts +23 -16
- package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/color.js +25 -48
- package/dist/commonjs/layout/lib/utils/depth.d.ts +17 -11
- package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/depth.js +20 -20
- package/dist/commonjs/layout/lib/utils/flex.d.ts +39 -20
- package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flex.js +58 -25
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts +22 -19
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flexItem.js +43 -26
- package/dist/commonjs/layout/lib/utils/grid.d.ts +72 -0
- package/dist/commonjs/layout/lib/utils/grid.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/grid.js +112 -0
- package/dist/commonjs/layout/lib/utils/gridItem.d.ts +42 -0
- package/dist/commonjs/layout/lib/utils/gridItem.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/gridItem.js +71 -0
- package/dist/commonjs/layout/lib/utils/layout.d.ts +54 -32
- package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/layout.js +71 -33
- package/dist/commonjs/layout/lib/utils/other.d.ts +46 -2
- package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/other.js +101 -17
- package/dist/commonjs/layout/lib/utils/position.d.ts +40 -23
- package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/position.js +49 -66
- package/dist/commonjs/layout/lib/utils/space.d.ts +107 -51
- package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/space.js +98 -148
- package/dist/commonjs/layout/lib/utils/stack.d.ts +3 -6
- package/dist/commonjs/layout/lib/utils/stack.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/stack.js +13 -39
- package/dist/commonjs/layout/lib/utils/styleProps.d.ts +41 -0
- package/dist/commonjs/layout/lib/utils/styleProps.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/{types.js → styleProps.js} +0 -0
- package/dist/commonjs/layout/lib/utils/systemProps.d.ts +31 -0
- package/dist/commonjs/layout/lib/utils/systemProps.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/systemProps.js +2 -0
- package/dist/commonjs/layout/lib/utils/text.d.ts +53 -0
- package/dist/commonjs/layout/lib/utils/text.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/text.js +84 -0
- package/dist/commonjs/loading-dots/index.d.ts +2 -0
- package/dist/commonjs/loading-dots/index.d.ts.map +1 -0
- package/dist/commonjs/{loading-animation → loading-dots}/index.js +0 -8
- package/dist/commonjs/{loading-animation → loading-dots}/lib/LoadingDots.d.ts +1 -1
- package/dist/commonjs/loading-dots/lib/LoadingDots.d.ts.map +1 -0
- package/dist/commonjs/{loading-animation → loading-dots}/lib/LoadingDots.js +7 -6
- package/dist/commonjs/menu/lib/Menu.d.ts +1 -1
- package/dist/commonjs/menu/lib/MenuCard.d.ts.map +1 -1
- package/dist/commonjs/menu/lib/MenuCard.js +1 -1
- package/dist/commonjs/menu/lib/MenuContextTarget.d.ts.map +1 -1
- package/dist/commonjs/menu/lib/MenuContextTarget.js +2 -4
- package/dist/commonjs/menu/lib/MenuItem.js +13 -12
- package/dist/commonjs/menu/lib/MenuList.d.ts +3 -3
- package/dist/commonjs/menu/lib/MenuList.d.ts.map +1 -1
- package/dist/commonjs/menu/lib/MenuTarget.d.ts.map +1 -1
- package/dist/commonjs/menu/lib/MenuTarget.js +2 -4
- package/dist/commonjs/modal/lib/Modal.d.ts +1 -1
- package/dist/commonjs/modal/lib/ModalCard.d.ts.map +1 -1
- package/dist/commonjs/modal/lib/ModalCard.js +15 -1
- package/dist/commonjs/modal/lib/ModalHeading.d.ts.map +1 -1
- package/dist/commonjs/modal/lib/ModalHeading.js +11 -1
- package/dist/commonjs/modal/lib/ModalOverlay.d.ts +0 -1
- package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map +1 -1
- package/dist/commonjs/modal/lib/ModalOverlay.js +21 -16
- package/dist/commonjs/modal/lib/hooks/useCloseOnOverlayClick.d.ts.map +1 -1
- package/dist/commonjs/modal/lib/hooks/useCloseOnOverlayClick.js +3 -1
- package/dist/commonjs/modal/lib/hooks/useModalModel.js +1 -1
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +5 -4
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.js +2 -4
- package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/usePaginationModel.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/usePaginationModel.js +5 -1
- package/dist/commonjs/popup/lib/Popup.d.ts +1 -1
- package/dist/commonjs/popup/lib/PopupBody.d.ts +1 -1
- package/dist/commonjs/popup/lib/PopupBody.js +1 -1
- package/dist/commonjs/popup/lib/PopupCard.d.ts +3 -2
- package/dist/commonjs/popup/lib/PopupCard.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/PopupCard.js +20 -13
- package/dist/commonjs/popup/lib/PopupCloseButton.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/PopupCloseButton.js +1 -1
- package/dist/commonjs/popup/lib/PopupCloseIcon.js +1 -1
- package/dist/commonjs/popup/lib/PopupHeading.js +1 -1
- package/dist/commonjs/popup/lib/PopupPopper.d.ts +2 -3
- package/dist/commonjs/popup/lib/PopupPopper.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/hooks/index.d.ts +1 -0
- package/dist/commonjs/popup/lib/hooks/index.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/hooks/index.js +1 -0
- package/dist/commonjs/popup/lib/hooks/useCloseOnTargetHidden.d.ts +31 -0
- package/dist/commonjs/popup/lib/hooks/useCloseOnTargetHidden.d.ts.map +1 -0
- package/dist/commonjs/popup/lib/hooks/useCloseOnTargetHidden.js +56 -0
- package/dist/commonjs/popup/lib/hooks/useReturnFocus.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/hooks/useReturnFocus.js +97 -3
- package/dist/commonjs/radio/index.d.ts +0 -4
- package/dist/commonjs/radio/index.d.ts.map +1 -1
- package/dist/commonjs/radio/index.js +0 -9
- package/dist/commonjs/radio/lib/Radio.d.ts +0 -1
- package/dist/commonjs/radio/lib/Radio.d.ts.map +1 -1
- package/dist/commonjs/radio/lib/Radio.js +3 -15
- package/dist/commonjs/radio/lib/RadioGroup.d.ts +1 -1
- package/dist/commonjs/radio/lib/RadioGroup.d.ts.map +1 -1
- package/dist/commonjs/radio/lib/RadioGroup.js +4 -6
- package/dist/commonjs/segmented-control/index.d.ts +0 -3
- package/dist/commonjs/segmented-control/index.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/index.js +0 -7
- package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +0 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControl.js +0 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlButton.d.ts +3 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlButton.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlButton.js +11 -2
- package/dist/commonjs/select/index.d.ts +0 -4
- package/dist/commonjs/select/index.d.ts.map +1 -1
- package/dist/commonjs/select/index.js +0 -9
- package/dist/commonjs/select/lib/Select.d.ts +1 -2
- package/dist/commonjs/select/lib/Select.d.ts.map +1 -1
- package/dist/commonjs/select/lib/Select.js +0 -1
- package/dist/commonjs/select/lib/SelectOption.d.ts +1 -1
- package/dist/commonjs/select/lib/SelectOption.d.ts.map +1 -1
- package/dist/commonjs/select/lib/SelectOption.js +2 -1
- package/dist/commonjs/side-panel/index.d.ts +0 -3
- package/dist/commonjs/side-panel/index.d.ts.map +1 -1
- package/dist/commonjs/side-panel/index.js +0 -7
- package/dist/commonjs/side-panel/lib/SidePanel.d.ts +1 -1
- package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
- package/dist/commonjs/side-panel/lib/SidePanel.js +4 -4
- package/dist/commonjs/status-indicator/index.d.ts +0 -3
- package/dist/commonjs/status-indicator/index.d.ts.map +1 -1
- package/dist/commonjs/status-indicator/index.js +0 -7
- package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +1 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicator.js +2 -2
- package/dist/commonjs/switch/index.d.ts +0 -3
- package/dist/commonjs/switch/index.d.ts.map +1 -1
- package/dist/commonjs/switch/index.js +0 -7
- package/dist/commonjs/switch/lib/Switch.d.ts +0 -1
- package/dist/commonjs/switch/lib/Switch.d.ts.map +1 -1
- package/dist/commonjs/switch/lib/Switch.js +0 -1
- package/dist/commonjs/table/index.d.ts +0 -4
- package/dist/commonjs/table/index.d.ts.map +1 -1
- package/dist/commonjs/table/index.js +0 -9
- package/dist/commonjs/table/lib/Table.d.ts +1 -1
- package/dist/commonjs/table/lib/Table.d.ts.map +1 -1
- package/dist/commonjs/table/lib/Table.js +2 -2
- package/dist/commonjs/table/lib/TableRow.d.ts +1 -2
- package/dist/commonjs/table/lib/TableRow.d.ts.map +1 -1
- package/dist/commonjs/table/lib/TableRow.js +2 -3
- package/dist/commonjs/tabs/lib/Tabs.d.ts +1153 -5
- package/dist/commonjs/tabs/lib/Tabs.d.ts.map +1 -1
- package/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
- package/dist/commonjs/tabs/lib/TabsList.d.ts +2 -2
- package/dist/commonjs/tabs/lib/TabsList.d.ts.map +1 -1
- package/dist/commonjs/tabs/lib/TabsPanel.d.ts +2 -2
- package/dist/commonjs/tabs/lib/TabsPanel.d.ts.map +1 -1
- package/dist/commonjs/tabs/lib/TabsPanels.d.ts +2 -2
- package/dist/commonjs/tabs/lib/TabsPanels.d.ts.map +1 -1
- package/dist/commonjs/tabs/lib/useTabsModel.d.ts +2773 -469
- package/dist/commonjs/tabs/lib/useTabsModel.d.ts.map +1 -1
- package/dist/commonjs/testing/index.d.ts +5 -0
- package/dist/commonjs/testing/index.d.ts.map +1 -0
- package/dist/commonjs/testing/index.js +16 -0
- package/dist/commonjs/testing/lib/ComponentStatesTable.d.ts +26 -0
- package/dist/commonjs/testing/lib/ComponentStatesTable.d.ts.map +1 -0
- package/dist/commonjs/testing/lib/ComponentStatesTable.js +48 -0
- package/dist/commonjs/testing/lib/StaticStates.d.ts +7 -0
- package/dist/commonjs/testing/lib/StaticStates.d.ts.map +1 -0
- package/dist/commonjs/{common/lib/utils → testing/lib}/StaticStates.js +1 -1
- package/dist/commonjs/testing/lib/permutateProps.d.ts +5 -0
- package/dist/commonjs/testing/lib/permutateProps.d.ts.map +1 -0
- package/dist/commonjs/testing/lib/permutateProps.js +47 -0
- package/dist/commonjs/testing/lib/propTypes.d.ts +15 -0
- package/dist/commonjs/testing/lib/propTypes.d.ts.map +1 -0
- package/dist/commonjs/testing/lib/propTypes.js +2 -0
- package/dist/commonjs/text/index.d.ts +4 -0
- package/dist/commonjs/text/index.d.ts.map +1 -0
- package/dist/commonjs/text/index.js +15 -0
- package/dist/commonjs/text/lib/LabelText.d.ts +30 -0
- package/dist/commonjs/text/lib/LabelText.d.ts.map +1 -0
- package/dist/commonjs/text/lib/LabelText.js +73 -0
- package/dist/commonjs/text/lib/Text.d.ts +58 -0
- package/dist/commonjs/text/lib/Text.d.ts.map +1 -0
- package/dist/commonjs/text/lib/Text.js +123 -0
- package/dist/commonjs/text/lib/TypeLevelComponents.d.ts +132 -0
- package/dist/commonjs/text/lib/TypeLevelComponents.d.ts.map +1 -0
- package/dist/commonjs/text/lib/TypeLevelComponents.js +195 -0
- package/dist/commonjs/text-area/index.d.ts +0 -3
- package/dist/commonjs/text-area/index.d.ts.map +1 -1
- package/dist/commonjs/text-area/index.js +0 -7
- package/dist/commonjs/text-area/lib/TextArea.d.ts +0 -1
- package/dist/commonjs/text-area/lib/TextArea.d.ts.map +1 -1
- package/dist/commonjs/text-area/lib/TextArea.js +0 -1
- package/dist/commonjs/text-input/index.d.ts +0 -4
- package/dist/commonjs/text-input/index.d.ts.map +1 -1
- package/dist/commonjs/text-input/index.js +0 -9
- package/dist/commonjs/text-input/lib/InputIconContainer.d.ts +1 -2
- package/dist/commonjs/text-input/lib/InputIconContainer.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/InputIconContainer.js +2 -1
- package/dist/commonjs/text-input/lib/TextInput.d.ts +0 -1
- package/dist/commonjs/text-input/lib/TextInput.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/TextInput.js +0 -1
- package/dist/commonjs/toast/index.d.ts +0 -3
- package/dist/commonjs/toast/index.d.ts.map +1 -1
- package/dist/commonjs/toast/index.js +0 -4
- package/dist/commonjs/toast/lib/Toast.d.ts.map +1 -1
- package/dist/commonjs/toast/lib/Toast.js +1 -2
- package/dist/commonjs/tokens/index.d.ts +1 -2
- package/dist/commonjs/tokens/index.d.ts.map +1 -1
- package/dist/commonjs/tokens/index.js +2 -3
- package/dist/commonjs/tokens/lib/colors.types.d.ts +4 -6
- package/dist/commonjs/tokens/lib/colors.types.d.ts.map +1 -1
- package/dist/commonjs/tokens/lib/radius.d.ts +1 -1
- package/dist/commonjs/tokens/lib/radius.d.ts.map +1 -1
- package/dist/commonjs/tokens/lib/radius.js +0 -1
- package/dist/commonjs/tooltip/index.d.ts +0 -2
- package/dist/commonjs/tooltip/index.d.ts.map +1 -1
- package/dist/commonjs/tooltip/index.js +0 -2
- package/dist/commonjs/tooltip/lib/OverflowTooltip.d.ts.map +1 -1
- package/dist/commonjs/tooltip/lib/OverflowTooltip.js +1 -4
- package/dist/commonjs/tooltip/lib/TooltipContainer.d.ts.map +1 -1
- package/dist/commonjs/tooltip/lib/TooltipContainer.js +5 -0
- package/dist/commonjs/tooltip/lib/useTooltip.d.ts.map +1 -1
- package/dist/commonjs/tooltip/lib/useTooltip.js +1 -0
- package/dist/es6/action-bar/lib/ActionBar.d.ts +4 -4
- package/dist/es6/action-bar/lib/ActionBarItem.d.ts +8 -0
- package/dist/es6/action-bar/lib/ActionBarItem.d.ts.map +1 -1
- package/dist/es6/action-bar/lib/ActionBarItem.js +2 -2
- package/dist/es6/action-bar/lib/ActionBarList.d.ts +95 -3
- package/dist/es6/action-bar/lib/ActionBarList.d.ts.map +1 -1
- package/dist/es6/action-bar/lib/ActionBarList.js +4 -4
- package/dist/es6/action-bar/lib/ActionBarOverflowButton.d.ts +5 -1
- package/dist/es6/action-bar/lib/ActionBarOverflowButton.d.ts.map +1 -1
- package/dist/es6/action-bar/lib/ActionBarOverflowButton.js +3 -3
- package/dist/es6/avatar/index.d.ts +0 -3
- package/dist/es6/avatar/index.d.ts.map +1 -1
- package/dist/es6/avatar/index.js +0 -3
- package/dist/es6/avatar/lib/Avatar.d.ts +2 -2
- package/dist/es6/avatar/lib/Avatar.d.ts.map +1 -1
- package/dist/es6/avatar/lib/Avatar.js +1 -2
- package/dist/es6/badge/index.d.ts +1 -1
- package/dist/es6/badge/index.d.ts.map +1 -1
- package/dist/es6/badge/index.js +1 -1
- package/dist/es6/badge/lib/CountBadge.d.ts +1 -2
- package/dist/es6/badge/lib/CountBadge.d.ts.map +1 -1
- package/dist/es6/badge/lib/CountBadge.js +1 -2
- package/dist/es6/banner/lib/Banner.d.ts +0 -9
- package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
- package/dist/es6/banner/lib/Banner.js +2 -4
- package/dist/es6/breadcrumbs/index.d.ts +3 -0
- package/dist/es6/breadcrumbs/index.d.ts.map +1 -0
- package/dist/es6/breadcrumbs/index.js +2 -0
- package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts +3851 -0
- package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -0
- package/dist/es6/breadcrumbs/lib/Breadcrumbs.js +155 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts +212 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map +1 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.js +57 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.d.ts +226 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.d.ts.map +1 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.js +54 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.d.ts +17 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.d.ts.map +1 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.js +40 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsList.d.ts +164 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsList.d.ts.map +1 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsList.js +41 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.d.ts +1717 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.d.ts.map +1 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.js +36 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +241 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts.map +1 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.js +46 -0
- package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts +1661 -0
- package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts.map +1 -0
- package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.js +61 -0
- package/dist/es6/breadcrumbs/lib/hooks/utils/index.d.ts +6 -0
- package/dist/es6/breadcrumbs/lib/hooks/utils/index.d.ts.map +1 -0
- package/dist/es6/breadcrumbs/lib/hooks/utils/index.js +18 -0
- package/dist/es6/button/index.d.ts +1 -1
- package/dist/es6/button/index.d.ts.map +1 -1
- package/dist/es6/button/index.js +1 -1
- package/dist/es6/button/lib/BaseButton.d.ts +8 -5
- package/dist/es6/button/lib/BaseButton.d.ts.map +1 -1
- package/dist/es6/button/lib/DeleteButton.d.ts +2 -1
- package/dist/es6/button/lib/DeleteButton.d.ts.map +1 -1
- package/dist/es6/button/lib/PrimaryButton.d.ts +2 -1
- package/dist/es6/button/lib/PrimaryButton.d.ts.map +1 -1
- package/dist/es6/button/lib/SecondaryButton.d.ts +2 -1
- package/dist/es6/button/lib/SecondaryButton.d.ts.map +1 -1
- package/dist/es6/button/lib/TertiaryButton.d.ts +11 -1
- package/dist/es6/button/lib/TertiaryButton.d.ts.map +1 -1
- package/dist/es6/button/lib/TertiaryButton.js +9 -8
- package/dist/es6/button/lib/deprecated_Button.js +1 -1
- package/dist/es6/card/lib/Card.d.ts +1 -1
- package/dist/es6/card/lib/CardBody.d.ts +1 -1
- package/dist/es6/card/lib/CardBody.d.ts.map +1 -1
- package/dist/es6/card/lib/CardBody.js +1 -3
- package/dist/es6/card/lib/CardHeading.d.ts.map +1 -1
- package/dist/es6/card/lib/CardHeading.js +2 -7
- package/dist/es6/checkbox/index.d.ts +0 -3
- package/dist/es6/checkbox/index.d.ts.map +1 -1
- package/dist/es6/checkbox/index.js +0 -3
- package/dist/es6/checkbox/lib/Checkbox.d.ts +0 -1
- package/dist/es6/checkbox/lib/Checkbox.d.ts.map +1 -1
- package/dist/es6/checkbox/lib/Checkbox.js +3 -15
- package/dist/es6/collection/index.d.ts +2 -0
- package/dist/es6/collection/index.d.ts.map +1 -1
- package/dist/es6/collection/index.js +2 -0
- package/dist/es6/collection/lib/ListBox.d.ts +1 -58
- package/dist/es6/collection/lib/ListBox.d.ts.map +1 -1
- package/dist/es6/collection/lib/useBaseListModel.js +1 -1
- package/dist/es6/collection/lib/useCursorListModel.d.ts +64 -101
- package/dist/es6/collection/lib/useCursorListModel.d.ts.map +1 -1
- package/dist/es6/collection/lib/useCursorListModel.js +64 -23
- package/dist/es6/collection/lib/useGridModel.d.ts +955 -0
- package/dist/es6/collection/lib/useGridModel.d.ts.map +1 -0
- package/dist/es6/collection/lib/useGridModel.js +49 -0
- package/dist/es6/collection/lib/useListItemRovingFocus.d.ts.map +1 -1
- package/dist/es6/collection/lib/useListItemRovingFocus.js +6 -4
- package/dist/es6/collection/lib/useListRenderItem.d.ts +1 -1
- package/dist/es6/collection/lib/useListRenderItem.d.ts.map +1 -1
- package/dist/es6/collection/lib/useListRenderItem.js +21 -11
- package/dist/es6/color-picker/index.d.ts +0 -3
- package/dist/es6/color-picker/index.d.ts.map +1 -1
- package/dist/es6/color-picker/index.js +0 -3
- package/dist/es6/color-picker/lib/ColorInput.d.ts +0 -1
- package/dist/es6/color-picker/lib/ColorInput.d.ts.map +1 -1
- package/dist/es6/color-picker/lib/ColorInput.js +1 -3
- package/dist/es6/color-picker/lib/ColorPreview.d.ts +0 -1
- package/dist/es6/color-picker/lib/ColorPreview.d.ts.map +1 -1
- package/dist/es6/color-picker/lib/ColorPreview.js +1 -2
- package/dist/es6/common/index.d.ts +1 -0
- package/dist/es6/common/index.d.ts.map +1 -1
- package/dist/es6/common/index.js +1 -0
- package/dist/es6/common/lib/InputProvider.d.ts +2 -2
- package/dist/es6/common/lib/InputProvider.d.ts.map +1 -1
- package/dist/es6/common/lib/InputProvider.js +0 -4
- package/dist/es6/common/lib/responsive/useResponsiveContainerStyles.d.ts +78 -0
- package/dist/es6/common/lib/responsive/useResponsiveContainerStyles.d.ts.map +1 -0
- package/dist/es6/common/lib/responsive/useResponsiveContainerStyles.js +135 -0
- package/dist/es6/common/lib/styles/focusRing.js +1 -1
- package/dist/es6/common/lib/theming/index.d.ts +1 -1
- package/dist/es6/common/lib/theming/index.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/styled.d.ts +2 -0
- package/dist/es6/common/lib/theming/styled.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/styled.js +1 -2
- package/dist/es6/common/lib/utils/components.d.ts +34 -22
- package/dist/es6/common/lib/utils/components.d.ts.map +1 -1
- package/dist/es6/common/lib/utils/components.js +10 -5
- package/dist/es6/common/lib/utils/elements.d.ts +1 -1
- package/dist/es6/common/lib/utils/elements.d.ts.map +1 -1
- package/dist/es6/common/lib/utils/elements.js +5 -11
- package/dist/es6/common/lib/utils/index.d.ts +0 -1
- package/dist/es6/common/lib/utils/index.d.ts.map +1 -1
- package/dist/es6/common/lib/utils/index.js +0 -1
- package/dist/es6/common/lib/utils/isWithinBreakpoint.d.ts +5 -0
- package/dist/es6/common/lib/utils/isWithinBreakpoint.d.ts.map +1 -0
- package/dist/es6/common/lib/utils/isWithinBreakpoint.js +6 -0
- package/dist/es6/common/lib/utils/models.d.ts +10 -2
- package/dist/es6/common/lib/utils/models.d.ts.map +1 -1
- package/dist/es6/common/lib/utils/models.js +3 -0
- package/dist/es6/common/lib/utils/useModalityType.js +13 -13
- package/dist/es6/dialog/lib/Dialog.d.ts +1 -1
- package/dist/es6/form-field/index.d.ts +0 -5
- package/dist/es6/form-field/index.d.ts.map +1 -1
- package/dist/es6/form-field/index.js +0 -5
- package/dist/es6/form-field/lib/FormField.d.ts +2 -2
- package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormField.js +3 -3
- package/dist/es6/form-field/lib/Hint.d.ts +1 -1
- package/dist/es6/form-field/lib/Hint.d.ts.map +1 -1
- package/dist/es6/form-field/lib/Hint.js +7 -15
- package/dist/es6/form-field/lib/Label.d.ts +2 -2
- package/dist/es6/form-field/lib/Label.d.ts.map +1 -1
- package/dist/es6/form-field/lib/Label.js +1 -3
- package/dist/es6/icon/index.d.ts +0 -7
- package/dist/es6/icon/index.d.ts.map +1 -1
- package/dist/es6/icon/index.js +0 -7
- package/dist/es6/icon/lib/AccentIcon.d.ts +1 -2
- package/dist/es6/icon/lib/AccentIcon.d.ts.map +1 -1
- package/dist/es6/icon/lib/AccentIcon.js +2 -3
- package/dist/es6/icon/lib/AppletIcon.d.ts +0 -1
- package/dist/es6/icon/lib/AppletIcon.d.ts.map +1 -1
- package/dist/es6/icon/lib/AppletIcon.js +1 -2
- package/dist/es6/icon/lib/Graphic.d.ts +1 -2
- package/dist/es6/icon/lib/Graphic.d.ts.map +1 -1
- package/dist/es6/icon/lib/Graphic.js +2 -3
- package/dist/es6/icon/lib/Icon.d.ts +0 -1
- package/dist/es6/icon/lib/Icon.d.ts.map +1 -1
- package/dist/es6/icon/lib/Icon.js +1 -2
- package/dist/es6/icon/lib/Svg.d.ts +0 -1
- package/dist/es6/icon/lib/Svg.d.ts.map +1 -1
- package/dist/es6/icon/lib/Svg.js +0 -1
- package/dist/es6/icon/lib/SystemIcon.d.ts +2 -3
- package/dist/es6/icon/lib/SystemIcon.d.ts.map +1 -1
- package/dist/es6/icon/lib/SystemIcon.js +2 -3
- package/dist/es6/icon/lib/SystemIconCircle.d.ts +1 -2
- package/dist/es6/icon/lib/SystemIconCircle.d.ts.map +1 -1
- package/dist/es6/icon/lib/SystemIconCircle.js +2 -3
- package/dist/es6/index.d.ts +4 -1
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +4 -1
- package/dist/es6/layout/index.d.ts +15 -5
- package/dist/es6/layout/index.d.ts.map +1 -1
- package/dist/es6/layout/index.js +12 -3
- package/dist/es6/layout/lib/Box.d.ts +23 -11
- package/dist/es6/layout/lib/Box.d.ts.map +1 -1
- package/dist/es6/layout/lib/Box.js +34 -8
- package/dist/es6/layout/lib/Column.d.ts +13 -4
- package/dist/es6/layout/lib/Column.d.ts.map +1 -1
- package/dist/es6/layout/lib/Column.js +9 -6
- package/dist/es6/layout/lib/Flex.d.ts +6 -3
- package/dist/es6/layout/lib/Flex.d.ts.map +1 -1
- package/dist/es6/layout/lib/Flex.js +5 -1
- package/dist/es6/layout/lib/Grid.d.ts +51 -0
- package/dist/es6/layout/lib/Grid.d.ts.map +1 -0
- package/dist/es6/layout/lib/Grid.js +90 -0
- package/dist/es6/layout/lib/Layout.d.ts +26 -10
- package/dist/es6/layout/lib/Layout.d.ts.map +1 -1
- package/dist/es6/layout/lib/Layout.js +22 -11
- package/dist/es6/layout/lib/Stack.d.ts +4 -4
- package/dist/es6/layout/lib/Stack.js +4 -4
- package/dist/es6/layout/lib/utils/background.d.ts +44 -0
- package/dist/es6/layout/lib/utils/background.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/background.js +54 -0
- package/dist/es6/layout/lib/utils/border/color.d.ts +47 -0
- package/dist/es6/layout/lib/utils/border/color.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/color.js +39 -0
- package/dist/es6/layout/lib/utils/border/index.d.ts +26 -0
- package/dist/es6/layout/lib/utils/border/index.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/index.js +43 -0
- package/dist/es6/layout/lib/utils/border/lineStyle.d.ts +38 -0
- package/dist/es6/layout/lib/utils/border/lineStyle.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/lineStyle.js +49 -0
- package/dist/es6/layout/lib/utils/border/radius.d.ts +33 -0
- package/dist/es6/layout/lib/utils/border/radius.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/radius.js +29 -0
- package/dist/es6/layout/lib/utils/border/shorthand.d.ts +34 -0
- package/dist/es6/layout/lib/utils/border/shorthand.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/shorthand.js +39 -0
- package/dist/es6/layout/lib/utils/border/width.d.ts +34 -0
- package/dist/es6/layout/lib/utils/border/width.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/width.js +39 -0
- package/dist/es6/layout/lib/utils/buildStyleFns.d.ts +12 -0
- package/dist/es6/layout/lib/utils/buildStyleFns.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/buildStyleFns.js +85 -0
- package/dist/es6/layout/lib/utils/color.d.ts +23 -16
- package/dist/es6/layout/lib/utils/color.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/color.js +24 -46
- package/dist/es6/layout/lib/utils/depth.d.ts +17 -11
- package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/depth.js +19 -18
- package/dist/es6/layout/lib/utils/flex.d.ts +39 -20
- package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flex.js +57 -23
- package/dist/es6/layout/lib/utils/flexItem.d.ts +22 -19
- package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flexItem.js +42 -24
- package/dist/es6/layout/lib/utils/grid.d.ts +72 -0
- package/dist/es6/layout/lib/utils/grid.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/grid.js +109 -0
- package/dist/es6/layout/lib/utils/gridItem.d.ts +42 -0
- package/dist/es6/layout/lib/utils/gridItem.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/gridItem.js +68 -0
- package/dist/es6/layout/lib/utils/layout.d.ts +54 -32
- package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/layout.js +70 -31
- package/dist/es6/layout/lib/utils/other.d.ts +46 -2
- package/dist/es6/layout/lib/utils/other.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/other.js +100 -15
- package/dist/es6/layout/lib/utils/position.d.ts +40 -23
- package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/position.js +48 -64
- package/dist/es6/layout/lib/utils/space.d.ts +107 -51
- package/dist/es6/layout/lib/utils/space.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/space.js +97 -146
- package/dist/es6/layout/lib/utils/stack.d.ts +3 -6
- package/dist/es6/layout/lib/utils/stack.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/stack.js +13 -39
- package/dist/es6/layout/lib/utils/styleProps.d.ts +41 -0
- package/dist/es6/layout/lib/utils/styleProps.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/{types.js → styleProps.js} +0 -0
- package/dist/es6/layout/lib/utils/systemProps.d.ts +31 -0
- package/dist/es6/layout/lib/utils/systemProps.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/systemProps.js +1 -0
- package/dist/es6/layout/lib/utils/text.d.ts +53 -0
- package/dist/es6/layout/lib/utils/text.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/text.js +81 -0
- package/dist/es6/loading-dots/index.d.ts +2 -0
- package/dist/es6/loading-dots/index.d.ts.map +1 -0
- package/dist/es6/loading-dots/index.js +1 -0
- package/dist/es6/{loading-animation → loading-dots}/lib/LoadingDots.d.ts +1 -1
- package/dist/es6/loading-dots/lib/LoadingDots.d.ts.map +1 -0
- package/dist/es6/{loading-animation → loading-dots}/lib/LoadingDots.js +2 -2
- package/dist/es6/menu/lib/Menu.d.ts +2 -2
- package/dist/es6/menu/lib/MenuCard.d.ts.map +1 -1
- package/dist/es6/menu/lib/MenuCard.js +1 -1
- package/dist/es6/menu/lib/MenuContextTarget.d.ts.map +1 -1
- package/dist/es6/menu/lib/MenuContextTarget.js +2 -4
- package/dist/es6/menu/lib/MenuItem.d.ts +1 -1
- package/dist/es6/menu/lib/MenuItem.js +13 -12
- package/dist/es6/menu/lib/MenuList.d.ts +3 -3
- package/dist/es6/menu/lib/MenuList.d.ts.map +1 -1
- package/dist/es6/menu/lib/MenuTarget.d.ts.map +1 -1
- package/dist/es6/menu/lib/MenuTarget.js +2 -4
- package/dist/es6/modal/lib/Modal.d.ts +1 -1
- package/dist/es6/modal/lib/ModalCard.d.ts.map +1 -1
- package/dist/es6/modal/lib/ModalCard.js +16 -2
- package/dist/es6/modal/lib/ModalHeading.d.ts.map +1 -1
- package/dist/es6/modal/lib/ModalHeading.js +12 -2
- package/dist/es6/modal/lib/ModalOverlay.d.ts +0 -1
- package/dist/es6/modal/lib/ModalOverlay.d.ts.map +1 -1
- package/dist/es6/modal/lib/ModalOverlay.js +21 -16
- package/dist/es6/modal/lib/hooks/useCloseOnOverlayClick.d.ts.map +1 -1
- package/dist/es6/modal/lib/hooks/useCloseOnOverlayClick.js +4 -2
- package/dist/es6/modal/lib/hooks/useModalModel.js +1 -1
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +6 -5
- package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/GoTo/Label.js +2 -4
- package/dist/es6/pagination/lib/Pagination/PageList.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/PageList.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/usePaginationModel.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/usePaginationModel.js +5 -1
- package/dist/es6/popup/lib/Popup.d.ts +1 -1
- package/dist/es6/popup/lib/PopupBody.d.ts +1 -1
- package/dist/es6/popup/lib/PopupBody.js +1 -1
- package/dist/es6/popup/lib/PopupCard.d.ts +3 -2
- package/dist/es6/popup/lib/PopupCard.d.ts.map +1 -1
- package/dist/es6/popup/lib/PopupCard.js +21 -14
- package/dist/es6/popup/lib/PopupCloseButton.d.ts.map +1 -1
- package/dist/es6/popup/lib/PopupCloseButton.js +1 -1
- package/dist/es6/popup/lib/PopupCloseIcon.js +1 -1
- package/dist/es6/popup/lib/PopupHeading.js +1 -1
- package/dist/es6/popup/lib/PopupPopper.d.ts +2 -3
- package/dist/es6/popup/lib/PopupPopper.d.ts.map +1 -1
- package/dist/es6/popup/lib/hooks/index.d.ts +1 -0
- package/dist/es6/popup/lib/hooks/index.d.ts.map +1 -1
- package/dist/es6/popup/lib/hooks/index.js +1 -0
- package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.d.ts +31 -0
- package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.d.ts.map +1 -0
- package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.js +50 -0
- package/dist/es6/popup/lib/hooks/useReturnFocus.d.ts.map +1 -1
- package/dist/es6/popup/lib/hooks/useReturnFocus.js +98 -4
- package/dist/es6/radio/index.d.ts +0 -4
- package/dist/es6/radio/index.d.ts.map +1 -1
- package/dist/es6/radio/index.js +0 -4
- package/dist/es6/radio/lib/Radio.d.ts +0 -1
- package/dist/es6/radio/lib/Radio.d.ts.map +1 -1
- package/dist/es6/radio/lib/Radio.js +3 -15
- package/dist/es6/radio/lib/RadioGroup.d.ts +1 -1
- package/dist/es6/radio/lib/RadioGroup.d.ts.map +1 -1
- package/dist/es6/radio/lib/RadioGroup.js +2 -2
- package/dist/es6/segmented-control/index.d.ts +0 -3
- package/dist/es6/segmented-control/index.d.ts.map +1 -1
- package/dist/es6/segmented-control/index.js +0 -3
- package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +0 -1
- package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControl.js +0 -1
- package/dist/es6/segmented-control/lib/SegmentedControlButton.d.ts +3 -1
- package/dist/es6/segmented-control/lib/SegmentedControlButton.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControlButton.js +12 -3
- package/dist/es6/select/index.d.ts +0 -4
- package/dist/es6/select/index.d.ts.map +1 -1
- package/dist/es6/select/index.js +0 -4
- package/dist/es6/select/lib/Select.d.ts +1 -2
- package/dist/es6/select/lib/Select.d.ts.map +1 -1
- package/dist/es6/select/lib/Select.js +0 -1
- package/dist/es6/select/lib/SelectOption.d.ts +1 -1
- package/dist/es6/select/lib/SelectOption.d.ts.map +1 -1
- package/dist/es6/select/lib/SelectOption.js +1 -1
- package/dist/es6/side-panel/index.d.ts +0 -3
- package/dist/es6/side-panel/index.d.ts.map +1 -1
- package/dist/es6/side-panel/index.js +0 -3
- package/dist/es6/side-panel/lib/SidePanel.d.ts +1 -1
- package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
- package/dist/es6/side-panel/lib/SidePanel.js +4 -4
- package/dist/es6/status-indicator/index.d.ts +0 -3
- package/dist/es6/status-indicator/index.d.ts.map +1 -1
- package/dist/es6/status-indicator/index.js +0 -3
- package/dist/es6/status-indicator/lib/StatusIndicator.d.ts +1 -1
- package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
- package/dist/es6/status-indicator/lib/StatusIndicator.js +1 -1
- package/dist/es6/switch/index.d.ts +0 -3
- package/dist/es6/switch/index.d.ts.map +1 -1
- package/dist/es6/switch/index.js +0 -3
- package/dist/es6/switch/lib/Switch.d.ts +0 -1
- package/dist/es6/switch/lib/Switch.d.ts.map +1 -1
- package/dist/es6/switch/lib/Switch.js +0 -1
- package/dist/es6/table/index.d.ts +0 -4
- package/dist/es6/table/index.d.ts.map +1 -1
- package/dist/es6/table/index.js +0 -4
- package/dist/es6/table/lib/Table.d.ts +1 -1
- package/dist/es6/table/lib/Table.d.ts.map +1 -1
- package/dist/es6/table/lib/Table.js +1 -1
- package/dist/es6/table/lib/TableRow.d.ts +1 -2
- package/dist/es6/table/lib/TableRow.d.ts.map +1 -1
- package/dist/es6/table/lib/TableRow.js +1 -2
- package/dist/es6/tabs/lib/Tabs.d.ts +1154 -6
- package/dist/es6/tabs/lib/Tabs.d.ts.map +1 -1
- package/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
- package/dist/es6/tabs/lib/TabsList.d.ts +2 -2
- package/dist/es6/tabs/lib/TabsList.d.ts.map +1 -1
- package/dist/es6/tabs/lib/TabsPanel.d.ts +2 -2
- package/dist/es6/tabs/lib/TabsPanel.d.ts.map +1 -1
- package/dist/es6/tabs/lib/TabsPanels.d.ts +2 -2
- package/dist/es6/tabs/lib/TabsPanels.d.ts.map +1 -1
- package/dist/es6/tabs/lib/useTabsModel.d.ts +2773 -469
- package/dist/es6/tabs/lib/useTabsModel.d.ts.map +1 -1
- package/dist/es6/testing/index.d.ts +5 -0
- package/dist/es6/testing/index.d.ts.map +1 -0
- package/dist/es6/testing/index.js +4 -0
- package/dist/es6/testing/lib/ComponentStatesTable.d.ts +26 -0
- package/dist/es6/testing/lib/ComponentStatesTable.d.ts.map +1 -0
- package/dist/es6/testing/lib/ComponentStatesTable.js +41 -0
- package/dist/es6/testing/lib/StaticStates.d.ts +7 -0
- package/dist/es6/testing/lib/StaticStates.d.ts.map +1 -0
- package/dist/es6/{common/lib/utils → testing/lib}/StaticStates.js +1 -1
- package/dist/es6/testing/lib/permutateProps.d.ts +5 -0
- package/dist/es6/testing/lib/permutateProps.d.ts.map +1 -0
- package/dist/es6/testing/lib/permutateProps.js +43 -0
- package/dist/es6/testing/lib/propTypes.d.ts +15 -0
- package/dist/es6/testing/lib/propTypes.d.ts.map +1 -0
- package/dist/es6/testing/lib/propTypes.js +1 -0
- package/dist/es6/text/index.d.ts +4 -0
- package/dist/es6/text/index.d.ts.map +1 -0
- package/dist/es6/text/index.js +3 -0
- package/dist/es6/text/lib/LabelText.d.ts +30 -0
- package/dist/es6/text/lib/LabelText.d.ts.map +1 -0
- package/dist/es6/text/lib/LabelText.js +51 -0
- package/dist/es6/text/lib/Text.d.ts +58 -0
- package/dist/es6/text/lib/Text.d.ts.map +1 -0
- package/dist/es6/text/lib/Text.js +101 -0
- package/dist/es6/text/lib/TypeLevelComponents.d.ts +132 -0
- package/dist/es6/text/lib/TypeLevelComponents.d.ts.map +1 -0
- package/dist/es6/text/lib/TypeLevelComponents.js +173 -0
- package/dist/es6/text-area/index.d.ts +0 -3
- package/dist/es6/text-area/index.d.ts.map +1 -1
- package/dist/es6/text-area/index.js +0 -3
- package/dist/es6/text-area/lib/TextArea.d.ts +0 -1
- package/dist/es6/text-area/lib/TextArea.d.ts.map +1 -1
- package/dist/es6/text-area/lib/TextArea.js +0 -1
- package/dist/es6/text-input/index.d.ts +0 -4
- package/dist/es6/text-input/index.d.ts.map +1 -1
- package/dist/es6/text-input/index.js +0 -4
- package/dist/es6/text-input/lib/InputIconContainer.d.ts +1 -2
- package/dist/es6/text-input/lib/InputIconContainer.d.ts.map +1 -1
- package/dist/es6/text-input/lib/InputIconContainer.js +1 -2
- package/dist/es6/text-input/lib/TextInput.d.ts +0 -1
- package/dist/es6/text-input/lib/TextInput.d.ts.map +1 -1
- package/dist/es6/text-input/lib/TextInput.js +0 -1
- package/dist/es6/toast/index.d.ts +0 -3
- package/dist/es6/toast/index.d.ts.map +1 -1
- package/dist/es6/toast/index.js +0 -3
- package/dist/es6/toast/lib/Toast.d.ts.map +1 -1
- package/dist/es6/toast/lib/Toast.js +1 -2
- package/dist/es6/tokens/index.d.ts +1 -2
- package/dist/es6/tokens/index.d.ts.map +1 -1
- package/dist/es6/tokens/index.js +1 -2
- package/dist/es6/tokens/lib/colors.types.d.ts +4 -6
- package/dist/es6/tokens/lib/colors.types.d.ts.map +1 -1
- package/dist/es6/tokens/lib/radius.d.ts +1 -1
- package/dist/es6/tokens/lib/radius.d.ts.map +1 -1
- package/dist/es6/tokens/lib/radius.js +0 -1
- package/dist/es6/tooltip/index.d.ts +0 -2
- package/dist/es6/tooltip/index.d.ts.map +1 -1
- package/dist/es6/tooltip/index.js +0 -2
- package/dist/es6/tooltip/lib/OverflowTooltip.d.ts.map +1 -1
- package/dist/es6/tooltip/lib/OverflowTooltip.js +1 -4
- package/dist/es6/tooltip/lib/TooltipContainer.d.ts +1 -1
- package/dist/es6/tooltip/lib/TooltipContainer.d.ts.map +1 -1
- package/dist/es6/tooltip/lib/TooltipContainer.js +5 -0
- package/dist/es6/tooltip/lib/useTooltip.d.ts.map +1 -1
- package/dist/es6/tooltip/lib/useTooltip.js +2 -1
- package/form-field/index.ts +0 -6
- package/form-field/lib/FormField.tsx +4 -4
- package/form-field/lib/Hint.tsx +9 -20
- package/form-field/lib/Label.tsx +3 -4
- package/icon/index.ts +0 -9
- package/icon/lib/AccentIcon.tsx +2 -4
- package/icon/lib/AppletIcon.tsx +1 -3
- package/icon/lib/Graphic.tsx +2 -4
- package/icon/lib/Icon.tsx +1 -3
- package/icon/lib/Svg.tsx +0 -2
- package/icon/lib/SystemIcon.tsx +3 -5
- package/icon/lib/SystemIconCircle.tsx +2 -4
- package/index.ts +4 -1
- package/layout/README.md +28 -27
- package/layout/index.ts +15 -5
- package/layout/lib/Box.tsx +63 -45
- package/layout/lib/Column.tsx +22 -5
- package/layout/lib/Flex.tsx +6 -2
- package/layout/lib/Grid.tsx +85 -0
- package/layout/lib/Layout.tsx +38 -15
- package/layout/lib/Stack.tsx +4 -4
- package/layout/lib/utils/background.ts +83 -0
- package/layout/lib/utils/border/color.ts +85 -0
- package/layout/lib/utils/border/index.ts +49 -0
- package/layout/lib/utils/border/lineStyle.ts +87 -0
- package/layout/lib/utils/border/radius.ts +61 -0
- package/layout/lib/utils/border/shorthand.ts +73 -0
- package/layout/lib/utils/border/width.ts +73 -0
- package/layout/lib/utils/buildStyleFns.ts +117 -0
- package/layout/lib/utils/color.ts +40 -50
- package/layout/lib/utils/depth.ts +28 -24
- package/layout/lib/utils/flex.ts +91 -47
- package/layout/lib/utils/flexItem.ts +58 -40
- package/layout/lib/utils/grid.ts +166 -0
- package/layout/lib/utils/gridItem.ts +96 -0
- package/layout/lib/utils/layout.ts +116 -64
- package/layout/lib/utils/other.ts +144 -15
- package/layout/lib/utils/position.ts +82 -76
- package/layout/lib/utils/space.ts +202 -196
- package/layout/lib/utils/stack.ts +19 -45
- package/layout/lib/utils/styleProps.ts +56 -0
- package/layout/lib/utils/systemProps.ts +46 -0
- package/layout/lib/utils/text.ts +122 -0
- package/{loading-animation → loading-dots}/LICENSE +0 -0
- package/loading-dots/README.md +7 -0
- package/loading-dots/index.ts +1 -0
- package/{loading-animation → loading-dots}/lib/LoadingDots.tsx +2 -2
- package/loading-dots/package.json +6 -0
- package/menu/lib/MenuCard.tsx +1 -0
- package/menu/lib/MenuContextTarget.tsx +2 -4
- package/menu/lib/MenuItem.tsx +12 -12
- package/menu/lib/MenuList.tsx +3 -2
- package/menu/lib/MenuTarget.tsx +2 -4
- package/modal/lib/ModalCard.tsx +17 -4
- package/modal/lib/ModalHeading.tsx +14 -2
- package/modal/lib/ModalOverlay.tsx +13 -17
- package/modal/lib/hooks/useCloseOnOverlayClick.ts +4 -2
- package/modal/lib/hooks/useModalModel.ts +1 -1
- package/package.json +5 -8
- package/pagination/lib/Pagination/AdditionalDetails.tsx +8 -9
- package/pagination/lib/Pagination/GoTo/Label.tsx +5 -12
- package/pagination/lib/Pagination/PageList.tsx +1 -1
- package/pagination/lib/Pagination/usePaginationModel.ts +5 -2
- package/popup/lib/PopupBody.tsx +1 -1
- package/popup/lib/PopupCard.tsx +16 -8
- package/popup/lib/PopupCloseButton.tsx +5 -1
- package/popup/lib/PopupCloseIcon.tsx +1 -1
- package/popup/lib/PopupHeading.tsx +1 -1
- package/popup/lib/PopupPopper.tsx +2 -3
- package/popup/lib/hooks/index.ts +1 -0
- package/popup/lib/hooks/useCloseOnFullscreenExit.ts +1 -1
- package/popup/lib/hooks/useCloseOnTargetHidden.ts +66 -0
- package/popup/lib/hooks/useReturnFocus.tsx +112 -4
- package/popup/lib/hooks/useTransferOnFullscreenEnter.ts +1 -1
- package/popup/lib/hooks/useTransferOnFullscreenExit.ts +1 -1
- package/radio/index.ts +0 -5
- package/radio/lib/Radio.tsx +9 -25
- package/radio/lib/RadioGroup.tsx +2 -2
- package/segmented-control/index.ts +0 -4
- package/segmented-control/lib/SegmentedControl.tsx +0 -2
- package/segmented-control/lib/SegmentedControlButton.tsx +24 -5
- package/select/index.ts +0 -5
- package/select/lib/Select.tsx +2 -4
- package/select/lib/SelectOption.tsx +1 -1
- package/side-panel/README.md +1 -1
- package/side-panel/index.ts +0 -4
- package/side-panel/lib/SidePanel.tsx +8 -8
- package/status-indicator/index.ts +0 -4
- package/status-indicator/lib/StatusIndicator.tsx +1 -1
- package/switch/index.ts +0 -4
- package/switch/lib/Switch.tsx +0 -2
- package/table/index.ts +0 -5
- package/table/lib/Table.tsx +1 -1
- package/table/lib/TableRow.tsx +1 -3
- package/tabs/lib/TabsList.tsx +2 -1
- package/tabs/lib/TabsPanel.tsx +1 -1
- package/tabs/lib/TabsPanels.tsx +1 -1
- package/tabs/lib/useTabsModel.tsx +2 -2
- package/testing/LICENSE +52 -0
- package/testing/README.md +6 -0
- package/testing/index.ts +4 -0
- package/testing/lib/ComponentStatesTable.tsx +80 -0
- package/{common/lib/utils → testing/lib}/StaticStates.tsx +7 -6
- package/testing/lib/permutateProps.ts +47 -0
- package/testing/lib/propTypes.ts +15 -0
- package/testing/package.json +6 -0
- package/text/LICENSE +52 -0
- package/text/README.md +5 -0
- package/text/index.ts +3 -0
- package/text/lib/LabelText.tsx +47 -0
- package/text/lib/Text.tsx +110 -0
- package/text/lib/TypeLevelComponents.tsx +164 -0
- package/text/package.json +6 -0
- package/text-area/index.ts +0 -4
- package/text-area/lib/TextArea.tsx +0 -2
- package/text-input/index.ts +0 -5
- package/text-input/lib/InputIconContainer.tsx +3 -7
- package/text-input/lib/TextInput.tsx +0 -2
- package/toast/index.ts +0 -4
- package/toast/lib/Toast.tsx +1 -2
- package/tokens/index.ts +1 -2
- package/tokens/lib/colors.types.ts +4 -7
- package/tokens/lib/radius.ts +0 -2
- package/tooltip/index.ts +0 -3
- package/tooltip/lib/OverflowTooltip.tsx +1 -4
- package/tooltip/lib/TooltipContainer.tsx +6 -0
- package/tooltip/lib/useTooltip.tsx +2 -0
- package/dist/commonjs/common/lib/utils/StaticStates.d.ts +0 -8
- package/dist/commonjs/common/lib/utils/StaticStates.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/border.d.ts +0 -103
- package/dist/commonjs/layout/lib/utils/border.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/border.js +0 -153
- package/dist/commonjs/layout/lib/utils/types.d.ts +0 -20
- package/dist/commonjs/layout/lib/utils/types.d.ts.map +0 -1
- package/dist/commonjs/loading-animation/index.d.ts +0 -5
- package/dist/commonjs/loading-animation/index.d.ts.map +0 -1
- package/dist/commonjs/loading-animation/lib/LoadingDots.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/StaticStates.d.ts +0 -8
- package/dist/es6/common/lib/utils/StaticStates.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/border.d.ts +0 -103
- package/dist/es6/layout/lib/utils/border.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/border.js +0 -149
- package/dist/es6/layout/lib/utils/types.d.ts +0 -20
- package/dist/es6/layout/lib/utils/types.d.ts.map +0 -1
- package/dist/es6/loading-animation/index.d.ts +0 -5
- package/dist/es6/loading-animation/index.d.ts.map +0 -1
- package/dist/es6/loading-animation/index.js +0 -4
- package/dist/es6/loading-animation/lib/LoadingDots.d.ts.map +0 -1
- package/layout/lib/utils/border.ts +0 -263
- package/layout/lib/utils/types.ts +0 -148
- package/loading-animation/README.md +0 -7
- package/loading-animation/index.ts +0 -5
- package/loading-animation/package.json +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTabsModel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/useTabsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,YAAY;IAGrB;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG
|
|
1
|
+
{"version":3,"file":"useTabsModel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/useTabsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,YAAY;IAGrB;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;qCA8DH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAFH;;OAEG;;;;;;;;;;;QA1BH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;QAYH;;WAEG;;;;;QAEH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAhFH;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;qCA8DH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAFH;;OAEG;;;;;;;IA1BH;;OAEG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;IAYH;;OAEG;;;;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA1BH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;QAYH;;WAEG;;;;;QAEH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BL,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../testing/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PropCombination, Props } from './propTypes';
|
|
3
|
+
/**
|
|
4
|
+
* A helper to generate a table of all possible states for component visual testing.
|
|
5
|
+
*/
|
|
6
|
+
export interface ComponentStatesTableProps {
|
|
7
|
+
/**
|
|
8
|
+
* The props that will be passed to the component when it is rendered and the corresponding
|
|
9
|
+
* row label for that permutation. It is encouraged to use the result of permutateProps()
|
|
10
|
+
* rather than passing in a list so we don't miss any combinations.
|
|
11
|
+
*/
|
|
12
|
+
rowProps: PropCombination[];
|
|
13
|
+
/**
|
|
14
|
+
* The props that will be passed to the component when it is rendered and the corresponding
|
|
15
|
+
* column label for that permutation. It is encouraged to use the result of permutateProps()
|
|
16
|
+
* rather than passing in a list so we don't miss any combinations.
|
|
17
|
+
*/
|
|
18
|
+
columnProps: PropCombination[];
|
|
19
|
+
/**
|
|
20
|
+
* The render function called to render the component in each cell of the table. This gives you
|
|
21
|
+
* the ability to add extra styling or markup (a blue background for an inverse variant, for example).
|
|
22
|
+
*/
|
|
23
|
+
children(props: Props): React.ReactNode;
|
|
24
|
+
}
|
|
25
|
+
export declare const ComponentStatesTable: ({ rowProps, columnProps, children, }: ComponentStatesTableProps) => JSX.Element;
|
|
26
|
+
//# sourceMappingURL=ComponentStatesTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComponentStatesTable.d.ts","sourceRoot":"","sources":["../../../../testing/lib/ComponentStatesTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B;;;;OAIG;IACH,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;CACzC;AAgBD,eAAO,MAAM,oBAAoB,yCAI9B,yBAAyB,gBAkC3B,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { styled } from '@workday/canvas-kit-react/common';
|
|
14
|
+
var Table = styled('table')({
|
|
15
|
+
width: '100%',
|
|
16
|
+
thead: {
|
|
17
|
+
textAlign: 'left',
|
|
18
|
+
paddingBottom: 16,
|
|
19
|
+
},
|
|
20
|
+
'td, th': {
|
|
21
|
+
minWidth: 100,
|
|
22
|
+
paddingBottom: 16,
|
|
23
|
+
paddingRight: 16,
|
|
24
|
+
textAlign: 'left',
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
export var ComponentStatesTable = function (_a) {
|
|
28
|
+
var rowProps = _a.rowProps, columnProps = _a.columnProps, children = _a.children;
|
|
29
|
+
return (React.createElement(Table, null,
|
|
30
|
+
React.createElement("thead", null,
|
|
31
|
+
React.createElement("tr", null,
|
|
32
|
+
React.createElement("th", null, "Variants"),
|
|
33
|
+
columnProps.map(function (col) { return (React.createElement("th", { key: "component-table-heading-" + col.label.toLowerCase().replace(' ', ',') }, col.label)); }))),
|
|
34
|
+
React.createElement("tbody", null, rowProps.map(function (row) {
|
|
35
|
+
return (React.createElement("tr", { key: row.label.toLowerCase().replace(' ', '-') },
|
|
36
|
+
React.createElement("td", null, row.label),
|
|
37
|
+
columnProps.map(function (col) {
|
|
38
|
+
return (React.createElement("td", { key: col.label.toLowerCase().replace(' ', '-') }, children(__assign(__assign({}, row.props), col.props))));
|
|
39
|
+
})));
|
|
40
|
+
}))));
|
|
41
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PartialEmotionCanvasTheme, StyleRewriteFn } from '@workday/canvas-kit-react/common';
|
|
3
|
+
export declare const convertToStaticStates: StyleRewriteFn;
|
|
4
|
+
export declare const StaticStates: React.FC<React.PropsWithChildren<{
|
|
5
|
+
theme?: PartialEmotionCanvasTheme;
|
|
6
|
+
} & React.HTMLAttributes<HTMLElement>>>;
|
|
7
|
+
//# sourceMappingURL=StaticStates.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StaticStates.d.ts","sourceRoot":"","sources":["../../../../testing/lib/StaticStates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,yBAAyB,EACzB,cAAc,EACf,MAAM,kCAAkC,CAAC;AAG1C,eAAO,MAAM,qBAAqB,EAAE,cAoBnC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CACzD;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CACxE,CASA,CAAC"}
|
|
@@ -44,6 +44,6 @@ export var convertToStaticStates = function (obj) {
|
|
|
44
44
|
export var StaticStates = function (_a) {
|
|
45
45
|
var children = _a.children, theme = _a.theme, elemProps = __rest(_a, ["children", "theme"]);
|
|
46
46
|
var localTheme = useTheme(theme);
|
|
47
|
-
localTheme.
|
|
47
|
+
localTheme._styleRewriteFn = convertToStaticStates;
|
|
48
48
|
return (React.createElement(CanvasProvider, __assign({ theme: localTheme }, elemProps), children));
|
|
49
49
|
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { PropCombination, PropDeclaration, Props, PropsDeclaration } from './propTypes';
|
|
2
|
+
export declare const permutateProps: (allProps: PropsDeclaration, filter?: ((props: Props) => boolean) | undefined, remainingProps?: string[], values?: {
|
|
3
|
+
[key: string]: PropDeclaration;
|
|
4
|
+
}) => PropCombination[];
|
|
5
|
+
//# sourceMappingURL=permutateProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"permutateProps.d.ts","sourceRoot":"","sources":["../../../../testing/lib/permutateProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAEtF,eAAO,MAAM,cAAc,aACf,gBAAgB,oBACT,KAAK,KAAK,OAAO,gCAClB,MAAM,EAAE;;MAEvB,eAAe,EAuCjB,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
export var permutateProps = function (allProps, filter, remainingProps, values) {
|
|
13
|
+
if (remainingProps === void 0) { remainingProps = Object.keys(allProps); }
|
|
14
|
+
if (values === void 0) { values = {}; }
|
|
15
|
+
// When there are no more props to combine with, return result
|
|
16
|
+
var prop = remainingProps[0];
|
|
17
|
+
if (!prop) {
|
|
18
|
+
var props_1 = {};
|
|
19
|
+
Object.keys(values).forEach(function (prop) {
|
|
20
|
+
var _a;
|
|
21
|
+
props_1[prop] = (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.value;
|
|
22
|
+
});
|
|
23
|
+
if (filter && !filter(props_1)) {
|
|
24
|
+
return [];
|
|
25
|
+
}
|
|
26
|
+
var label = Object.keys(values)
|
|
27
|
+
.map(function (prop) { var _a; return (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.label; })
|
|
28
|
+
.join(' ');
|
|
29
|
+
return [
|
|
30
|
+
{
|
|
31
|
+
label: label,
|
|
32
|
+
props: props_1,
|
|
33
|
+
},
|
|
34
|
+
];
|
|
35
|
+
}
|
|
36
|
+
var possiblePropValues = allProps[prop];
|
|
37
|
+
var permutations = possiblePropValues === null || possiblePropValues === void 0 ? void 0 : possiblePropValues.map(function (value) {
|
|
38
|
+
var newValues = __assign({}, values); // Required so we don't overwrite previous references
|
|
39
|
+
newValues[prop] = value;
|
|
40
|
+
return permutateProps(allProps, filter, remainingProps.slice(1, remainingProps.length), newValues);
|
|
41
|
+
});
|
|
42
|
+
return permutations.flat();
|
|
43
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare type PropDeclaration = {
|
|
2
|
+
value: any;
|
|
3
|
+
label: string;
|
|
4
|
+
};
|
|
5
|
+
export declare type PropsDeclaration = {
|
|
6
|
+
[key: string]: PropDeclaration[];
|
|
7
|
+
};
|
|
8
|
+
export declare type Props = {
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
};
|
|
11
|
+
export declare type PropCombination = {
|
|
12
|
+
label: string;
|
|
13
|
+
props: Props;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=propTypes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../../../testing/lib/propTypes.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,EAAE,CAAA;CAAC,CAAC;AAElE,oBAAY,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../text/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
import { TextProps } from '@workday/canvas-kit-react/text';
|
|
3
|
+
export interface TypeLabelProps extends TextProps {
|
|
4
|
+
cursor?: Property.Cursor;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* ## LabelText
|
|
9
|
+
* [View Docs](https://canvas.workday.com/components/text/label-text)
|
|
10
|
+
*
|
|
11
|
+
* ---
|
|
12
|
+
* This component is intended to be used for labeling input fields.
|
|
13
|
+
* It's built on top of the `Text` component, so it has access to all `TextProps`.
|
|
14
|
+
* By default, it renders a semantic `label` element.
|
|
15
|
+
*
|
|
16
|
+
* It also uses the `subtext.large` typeLevel by default:
|
|
17
|
+
* - font-size: 14px (0.875rem)
|
|
18
|
+
* - font-weight: regular (400)
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* ```tsx
|
|
22
|
+
* import { LabelText } from '@workday/canvas-kit-react/text';
|
|
23
|
+
*
|
|
24
|
+
* const CustomLabelText = () => (
|
|
25
|
+
* <LabelText>Input Label Text</LabelText>
|
|
26
|
+
* );
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
export declare const LabelText: import("../../common").ElementComponent<"label", TypeLabelProps>;
|
|
30
|
+
//# sourceMappingURL=LabelText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LabelText.d.ts","sourceRoot":"","sources":["../../../../text/lib/LabelText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAG/D,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,SAAS,kEAKpB,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import * as React from 'react';
|
|
13
|
+
import { createComponent, styled } from '@workday/canvas-kit-react/common';
|
|
14
|
+
import { Text } from '@workday/canvas-kit-react/text';
|
|
15
|
+
import { inputColors } from '@workday/canvas-kit-react/tokens';
|
|
16
|
+
var StyledLabel = styled(Text.as('label'))(function (_a) {
|
|
17
|
+
var cursor = _a.cursor, disabled = _a.disabled, variant = _a.variant;
|
|
18
|
+
return ({
|
|
19
|
+
color: disabled && variant !== 'inverse' ? inputColors.disabled.text : undefined,
|
|
20
|
+
cursor: cursor && !disabled ? cursor : 'default',
|
|
21
|
+
opacity: disabled && variant === 'inverse' ? '.4' : '1',
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
/**
|
|
25
|
+
* ## LabelText
|
|
26
|
+
* [View Docs](https://canvas.workday.com/components/text/label-text)
|
|
27
|
+
*
|
|
28
|
+
* ---
|
|
29
|
+
* This component is intended to be used for labeling input fields.
|
|
30
|
+
* It's built on top of the `Text` component, so it has access to all `TextProps`.
|
|
31
|
+
* By default, it renders a semantic `label` element.
|
|
32
|
+
*
|
|
33
|
+
* It also uses the `subtext.large` typeLevel by default:
|
|
34
|
+
* - font-size: 14px (0.875rem)
|
|
35
|
+
* - font-weight: regular (400)
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* ```tsx
|
|
39
|
+
* import { LabelText } from '@workday/canvas-kit-react/text';
|
|
40
|
+
*
|
|
41
|
+
* const CustomLabelText = () => (
|
|
42
|
+
* <LabelText>Input Label Text</LabelText>
|
|
43
|
+
* );
|
|
44
|
+
* ```
|
|
45
|
+
*/
|
|
46
|
+
export var LabelText = createComponent('label')({
|
|
47
|
+
displayName: 'Label',
|
|
48
|
+
Component: function (elemProps, ref, Element) {
|
|
49
|
+
return React.createElement(StyledLabel, __assign({ ref: ref, as: Element, typeLevel: "subtext.large" }, elemProps));
|
|
50
|
+
},
|
|
51
|
+
});
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { CanvasTypeHierarchy, CanvasTypeVariants } from '@workday/canvas-kit-react/tokens';
|
|
2
|
+
import { BoxProps } from '@workday/canvas-kit-react/layout';
|
|
3
|
+
export interface TextProps extends BoxProps {
|
|
4
|
+
/**
|
|
5
|
+
* Type token as string with level and size separated by dot.
|
|
6
|
+
* These values map to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <Text typeLevel="body.small">Small body text</Text>
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
13
|
+
typeLevel?: `${keyof CanvasTypeHierarchy}.${'large' | 'medium' | 'small'}`;
|
|
14
|
+
/**
|
|
15
|
+
* Type variant token names: `error`, `hint` or `inverse`.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <Text variant="error" typeLevel="subtext.large">Error text</Text>
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
variant?: keyof CanvasTypeVariants;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* ## Text
|
|
26
|
+
* [View Docs](https://canvas.workday.com/components/text/text)
|
|
27
|
+
*
|
|
28
|
+
* ---
|
|
29
|
+
* This is a generic base component intended to render any text.
|
|
30
|
+
* It's built on top of the `Box` component, so it has access to all [BoxProps](https://canvas.workday.com/components/layout/box/#props).
|
|
31
|
+
* It also has `typeLevel` and `variant` style props that simplify navigating our type hierarchy and using [Canvas type tokens](https://canvas.workday.com/tokens/type#type-styles).
|
|
32
|
+
* By default, it renders a semantic `span` element, but you can adjust this as needed with the `as` prop.
|
|
33
|
+
*
|
|
34
|
+
* The type hierarchy is organized into four levels, which correspond to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).
|
|
35
|
+
*
|
|
36
|
+
* - `title`: Intended to be used for large page titles.
|
|
37
|
+
* - `heading`: Intended to be used for headings and large text.
|
|
38
|
+
* - `body`: Intended to be used for standard body text.
|
|
39
|
+
* - `subtext`: Intended to be used for small subtext content or in tight spaces.
|
|
40
|
+
*
|
|
41
|
+
* Each level has three sizes: `large`, `medium`, and `small`.
|
|
42
|
+
*
|
|
43
|
+
* You can provide any level and size to the `typeLevel` prop, and it will apply the correct styles accordingly.
|
|
44
|
+
* In the example below we're providing the `subtext` level and `small` size to the component with the value `subtext.small`.
|
|
45
|
+
*
|
|
46
|
+
* @example
|
|
47
|
+
* ```tsx
|
|
48
|
+
* import { Text } from '@workday/canvas-kit-react/text';
|
|
49
|
+
*
|
|
50
|
+
* const CustomErrorText = () => (
|
|
51
|
+
* <Text typeLevel="subtext.small" variant="error">
|
|
52
|
+
* Error Text
|
|
53
|
+
* </Text>
|
|
54
|
+
* );
|
|
55
|
+
* ```
|
|
56
|
+
*/
|
|
57
|
+
export declare const Text: import("../../common").ElementComponent<"span", TextProps>;
|
|
58
|
+
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../text/lib/Text.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,mBAAmB,EAAE,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAC/F,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;;;;;;MAQE;IACF,SAAS,CAAC,EAAE,GAAG,MAAM,mBAAmB,IAAI,OAAO,GAAC,QAAQ,GAAC,OAAO,EAAE,CAAC;IACvE;;;;;;;MAOE;IACF,OAAO,CAAC,EAAE,MAAM,kBAAkB,CAAC;CACpC;AA2CD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCE;AACF,eAAO,MAAM,IAAI,4DAOf,CAAC"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import * as React from 'react';
|
|
24
|
+
import { createComponent } from '@workday/canvas-kit-react/common';
|
|
25
|
+
// type changes no need
|
|
26
|
+
import { type } from '@workday/canvas-kit-react/tokens';
|
|
27
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
28
|
+
/**
|
|
29
|
+
* Function returns updated props by token and variant values
|
|
30
|
+
*/
|
|
31
|
+
var validateProps = function (_a) {
|
|
32
|
+
var typeLevel = _a.typeLevel, variant = _a.variant, props = __rest(_a, ["typeLevel", "variant"]);
|
|
33
|
+
var updatedProps = props;
|
|
34
|
+
var tokenPropNames = [
|
|
35
|
+
'color',
|
|
36
|
+
'fontFamily',
|
|
37
|
+
'fontSize',
|
|
38
|
+
'fontWeight',
|
|
39
|
+
'letterSpacing',
|
|
40
|
+
'lineHeight',
|
|
41
|
+
];
|
|
42
|
+
/*
|
|
43
|
+
If token provided it updates undefined values of token styles:
|
|
44
|
+
`fontFamily`, `fontSize`, `lineHeight`, `fontWeight`, `color`
|
|
45
|
+
by replacing them by token value
|
|
46
|
+
*/
|
|
47
|
+
if (typeLevel) {
|
|
48
|
+
var _b = typeLevel.split('.'), level = _b[0], size = _b[1];
|
|
49
|
+
var tokenProps_1 = type.levels[level][size];
|
|
50
|
+
tokenPropNames.forEach(function (item) {
|
|
51
|
+
if (!props[item]) {
|
|
52
|
+
updatedProps[item] = tokenProps_1[item];
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
// If variant provided it updates color value by variant color
|
|
57
|
+
if (variant) {
|
|
58
|
+
updatedProps = __assign(__assign({}, updatedProps), type.variants[variant]);
|
|
59
|
+
}
|
|
60
|
+
return updatedProps;
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* ## Text
|
|
64
|
+
* [View Docs](https://canvas.workday.com/components/text/text)
|
|
65
|
+
*
|
|
66
|
+
* ---
|
|
67
|
+
* This is a generic base component intended to render any text.
|
|
68
|
+
* It's built on top of the `Box` component, so it has access to all [BoxProps](https://canvas.workday.com/components/layout/box/#props).
|
|
69
|
+
* It also has `typeLevel` and `variant` style props that simplify navigating our type hierarchy and using [Canvas type tokens](https://canvas.workday.com/tokens/type#type-styles).
|
|
70
|
+
* By default, it renders a semantic `span` element, but you can adjust this as needed with the `as` prop.
|
|
71
|
+
*
|
|
72
|
+
* The type hierarchy is organized into four levels, which correspond to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).
|
|
73
|
+
*
|
|
74
|
+
* - `title`: Intended to be used for large page titles.
|
|
75
|
+
* - `heading`: Intended to be used for headings and large text.
|
|
76
|
+
* - `body`: Intended to be used for standard body text.
|
|
77
|
+
* - `subtext`: Intended to be used for small subtext content or in tight spaces.
|
|
78
|
+
*
|
|
79
|
+
* Each level has three sizes: `large`, `medium`, and `small`.
|
|
80
|
+
*
|
|
81
|
+
* You can provide any level and size to the `typeLevel` prop, and it will apply the correct styles accordingly.
|
|
82
|
+
* In the example below we're providing the `subtext` level and `small` size to the component with the value `subtext.small`.
|
|
83
|
+
*
|
|
84
|
+
* @example
|
|
85
|
+
* ```tsx
|
|
86
|
+
* import { Text } from '@workday/canvas-kit-react/text';
|
|
87
|
+
*
|
|
88
|
+
* const CustomErrorText = () => (
|
|
89
|
+
* <Text typeLevel="subtext.small" variant="error">
|
|
90
|
+
* Error Text
|
|
91
|
+
* </Text>
|
|
92
|
+
* );
|
|
93
|
+
* ```
|
|
94
|
+
*/
|
|
95
|
+
export var Text = createComponent('span')({
|
|
96
|
+
displayName: 'Text',
|
|
97
|
+
Component: function (_a, ref, Element) {
|
|
98
|
+
var children = _a.children, elemProps = __rest(_a, ["children"]);
|
|
99
|
+
return (React.createElement(Box, __assign({ ref: ref, as: Element }, validateProps(elemProps)), children));
|
|
100
|
+
},
|
|
101
|
+
});
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import { TextProps } from '@workday/canvas-kit-react/text';
|
|
2
|
+
/**
|
|
3
|
+
* Prop interface for type level specific components:
|
|
4
|
+
* Title, Heading, BodyText, Subtext.
|
|
5
|
+
*/
|
|
6
|
+
export interface TypeLevelProps extends Omit<TextProps, 'typeLevel'> {
|
|
7
|
+
/**
|
|
8
|
+
* Each type level has three sizes: `large`, `medium`, and `small`.
|
|
9
|
+
*/
|
|
10
|
+
size: 'large' | 'medium' | 'small';
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* ## Subtext
|
|
14
|
+
* [View Docs](https://canvas.workday.com/components/text/subtext)
|
|
15
|
+
*
|
|
16
|
+
* ---
|
|
17
|
+
* This component is intended to be used for small subtext content or in tight spaces.
|
|
18
|
+
* By default, it renders a semantic `p` element, but you can adjust this as needed with the `as` prop.
|
|
19
|
+
* It has three sizes: large, medium, and small.
|
|
20
|
+
* Here's a quick reference for font-sizes and weights:
|
|
21
|
+
*
|
|
22
|
+
* - `large`
|
|
23
|
+
* - font-size: 14px (0.875rem)
|
|
24
|
+
* - font-weight: regular (400)
|
|
25
|
+
* - `medium`
|
|
26
|
+
* - font-size: 12px (0.75rem)
|
|
27
|
+
* - font-weight: regular (400)
|
|
28
|
+
* - `small`
|
|
29
|
+
* - font-size: 10px (0.625rem)
|
|
30
|
+
* - font-weight: regular (400)
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* ```tsx
|
|
34
|
+
* import { Subtext } from '@workday/canvas-kit-react/text';
|
|
35
|
+
*
|
|
36
|
+
* const CustomSubtext = () => (
|
|
37
|
+
* <Subtext size="small">Subtext</Subtext>
|
|
38
|
+
* );
|
|
39
|
+
* ```
|
|
40
|
+
*/
|
|
41
|
+
export declare const Subtext: import("../../common").ElementComponent<"p", TypeLevelProps>;
|
|
42
|
+
/**
|
|
43
|
+
* ## BodyText
|
|
44
|
+
* [View Docs](https://canvas.workday.com/components/text/body-text)
|
|
45
|
+
*
|
|
46
|
+
* ---
|
|
47
|
+
* This component is intended to be used for standard body text.
|
|
48
|
+
* By default, it renders a semantic `p` element, but you can adjust this as needed with the `as` prop.
|
|
49
|
+
* It has three sizes: large, medium, and small.
|
|
50
|
+
* Here's a quick reference for font-sizes and weights:
|
|
51
|
+
*
|
|
52
|
+
* - `large`
|
|
53
|
+
* - font-size: 20px (1.25rem)
|
|
54
|
+
* - font-weight: regular (400)
|
|
55
|
+
* - `medium`
|
|
56
|
+
* - font-size: 18px (1.125rem)
|
|
57
|
+
* - font-weight: regular (400)
|
|
58
|
+
* - `small`
|
|
59
|
+
* - font-size: 16px (1rem)
|
|
60
|
+
* - font-weight: regular (400)
|
|
61
|
+
*
|
|
62
|
+
* @example
|
|
63
|
+
* ```tsx
|
|
64
|
+
* import { BodyText } from '@workday/canvas-kit-react/text';
|
|
65
|
+
*
|
|
66
|
+
* const CustomBodyText = () => (
|
|
67
|
+
* <BodyText size="small">Body Text</BodyText>
|
|
68
|
+
* );
|
|
69
|
+
* ```
|
|
70
|
+
*/
|
|
71
|
+
export declare const BodyText: import("../../common").ElementComponent<"p", TypeLevelProps>;
|
|
72
|
+
/**
|
|
73
|
+
* ## Heading
|
|
74
|
+
* [View Docs](https://canvas.workday.com/components/text/heading)
|
|
75
|
+
*
|
|
76
|
+
* ---
|
|
77
|
+
* This component is intended to be used for headings and large text.
|
|
78
|
+
* By default, it renders a semantic `h2` element, but you can adjust this as needed with the `as` prop.
|
|
79
|
+
* It has three sizes: large, medium, and small.
|
|
80
|
+
* Here's a quick reference for font-sizes and weights:
|
|
81
|
+
*
|
|
82
|
+
* - `large`
|
|
83
|
+
* - font-size: 32px (2rem)
|
|
84
|
+
* - font-weight: bold (700)
|
|
85
|
+
* - `medium`
|
|
86
|
+
* - font-size: 28px (1.75rem)
|
|
87
|
+
* - font-weight: bold (700)
|
|
88
|
+
* - `small`
|
|
89
|
+
* - font-size: 24px (1.5rem)
|
|
90
|
+
* - font-weight: bold (700)
|
|
91
|
+
*
|
|
92
|
+
* @example
|
|
93
|
+
* ```tsx
|
|
94
|
+
* import { Heading } from '@workday/canvas-kit-react/text';
|
|
95
|
+
*
|
|
96
|
+
* const CustomHeading = () => (
|
|
97
|
+
* <Heading size="small">Heading Text</Heading>
|
|
98
|
+
* );
|
|
99
|
+
* ```
|
|
100
|
+
*/
|
|
101
|
+
export declare const Heading: import("../../common").ElementComponent<"h2", TypeLevelProps>;
|
|
102
|
+
/**
|
|
103
|
+
* ## Title
|
|
104
|
+
* [View Docs](https://canvas.workday.com/components/text/title)
|
|
105
|
+
*
|
|
106
|
+
* ---
|
|
107
|
+
* This component is intended to be used large page titles.
|
|
108
|
+
* By default, it renders a semantic `h1` element, but you can adjust this as needed with the `as` prop.
|
|
109
|
+
* It has three sizes: large, medium, and small.
|
|
110
|
+
* Here's a quick reference for font-sizes and weights:
|
|
111
|
+
*
|
|
112
|
+
* - `large`
|
|
113
|
+
* - font-size: 56px (3/5rem)
|
|
114
|
+
* - font-weight: bold (700)
|
|
115
|
+
* - `medium`
|
|
116
|
+
* - font-size: 48px (3rem)
|
|
117
|
+
* - font-weight: bold (700)
|
|
118
|
+
* - `small`
|
|
119
|
+
* - font-size: 40px (2.5rem)
|
|
120
|
+
* - font-weight: bold (700)
|
|
121
|
+
*
|
|
122
|
+
* @example
|
|
123
|
+
* ```tsx
|
|
124
|
+
* import { Title } from '@workday/canvas-kit-react/text';
|
|
125
|
+
*
|
|
126
|
+
* const CustomTitle = () => (
|
|
127
|
+
* <Title size="small">Title Text</Title>
|
|
128
|
+
* );
|
|
129
|
+
* ```
|
|
130
|
+
*/
|
|
131
|
+
export declare const Title: import("../../common").ElementComponent<"h1", TypeLevelProps>;
|
|
132
|
+
//# sourceMappingURL=TypeLevelComponents.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TypeLevelComponents.d.ts","sourceRoot":"","sources":["../../../../text/lib/TypeLevelComponents.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,8DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,8DAQnB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,+DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,KAAK,+DAMhB,CAAC"}
|