@superdispatch/ui 0.21.13 → 0.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/{pkg/dist-node → dist-node}/index.js +73 -25
- package/dist-node/index.js.map +1 -0
- package/{pkg/dist-src → dist-src}/index.js +1 -0
- package/dist-src/info-tooltip/InfoTooltip.js +54 -0
- package/{pkg/dist-src → dist-src}/theme/Color.js +11 -11
- package/{pkg/dist-types → dist-types}/index.d.ts +53 -13
- package/{pkg/dist-web → dist-web}/index.js +75 -28
- package/dist-web/index.js.map +1 -0
- package/package.json +13 -39
- package/.babelrc.js +0 -5
- package/.turbo/turbo-version.log +0 -28
- package/pkg/README.md +0 -30
- package/pkg/dist-node/index.js.map +0 -1
- package/pkg/dist-web/index.js.map +0 -1
- package/pkg/package.json +0 -39
- package/playroom.ts +0 -31
- package/src/__tests__/index.spec.ts +0 -134
- package/src/adaptive-toolbar/AdaptiveToolbar.stories.tsx +0 -50
- package/src/adaptive-toolbar/AdaptiveToolbar.tsx +0 -199
- package/src/adaptive-toolbar/__tests__/AdaptiveToolbar.spec.tsx +0 -11
- package/src/adaptive-vertical-toolbar/AdaptiveVerticalToolbar.stories.tsx +0 -49
- package/src/adaptive-vertical-toolbar/AdaptiveVerticalToolbar.tsx +0 -171
- package/src/app-bar/AppBar.stories.tsx +0 -62
- package/src/app-bar/AppBarOverrides.ts +0 -9
- package/src/app-bar/__tests__/AppBar.spec.tsx +0 -86
- package/src/autocomplete/Autocomplete.stories.tsx +0 -76
- package/src/autocomplete/AutocompleteOverrides.tsx +0 -58
- package/src/autocomplete/__tests__/Autocomplete.spec.tsx +0 -323
- package/src/avatar/Avatar.stories.tsx +0 -17
- package/src/avatar/AvatarOverrides.ts +0 -24
- package/src/avatar/__tests__/Avatar.spec.tsx +0 -71
- package/src/avatar-button/AvatarButton.stories.tsx +0 -153
- package/src/avatar-button/AvatarButton.tsx +0 -223
- package/src/avatar-button/__tests__/AvatarButton.spec.tsx +0 -126
- package/src/button/Button.tsx +0 -51
- package/src/button/ButtonOverrides.ts +0 -375
- package/src/button/__tests__/Button.spec.tsx +0 -599
- package/src/card/Card.stories.tsx +0 -39
- package/src/card/CardOverrides.ts +0 -9
- package/src/card/__tests__/Card.spec.tsx +0 -68
- package/src/card-button/CardButton.stories.tsx +0 -36
- package/src/card-button/CardButton.tsx +0 -202
- package/src/card-button/__tests__/CardButton.spec.tsx +0 -95
- package/src/checkbox/CheckboxField.stories.tsx +0 -61
- package/src/checkbox/CheckboxField.tsx +0 -56
- package/src/checkbox/CheckboxGroudField.tsx +0 -53
- package/src/checkbox/CheckboxOverrides.tsx +0 -55
- package/src/checkbox/__tests__/Checkbox.spec.tsx +0 -105
- package/src/chip/Chip.stories.tsx +0 -26
- package/src/chip/ChipOverrides.tsx +0 -111
- package/src/chip/__tests__/Chip.spec.tsx +0 -308
- package/src/columns/Column.tsx +0 -124
- package/src/columns/Columns.stories.tsx +0 -426
- package/src/columns/Columns.tsx +0 -76
- package/src/description-list/DescriptionList.spec.tsx +0 -137
- package/src/description-list/DescriptionList.stories.tsx +0 -148
- package/src/description-list/DescriptionList.tsx +0 -170
- package/src/dialog/Dialog.playroom.tsx +0 -24
- package/src/dialog/Dialog.stories.tsx +0 -60
- package/src/dialog/DialogOverrides.ts +0 -39
- package/src/dialog/__tests__/Dialog.spec.tsx +0 -219
- package/src/drawer/Drawer.playroom.tsx +0 -22
- package/src/drawer/Drawer.stories.tsx +0 -194
- package/src/drawer/DrawerActions.tsx +0 -69
- package/src/drawer/DrawerContent.tsx +0 -30
- package/src/drawer/DrawerList.tsx +0 -60
- package/src/drawer/DrawerOverrides.ts +0 -19
- package/src/drawer/DrawerTitle.tsx +0 -143
- package/src/drawer/__tests__/Drawer.spec.tsx +0 -227
- package/src/dropdown-button/DropdownButton.stories.tsx +0 -15
- package/src/dropdown-button/DropdownButton.tsx +0 -131
- package/src/grid/GridStack.tsx +0 -45
- package/src/grid/InlineGrid.tsx +0 -56
- package/src/icon-button/IconButton.stories.tsx +0 -53
- package/src/icon-button/IconButtonOverrides.ts +0 -32
- package/src/icon-button/__tests__/IconButton.spec.tsx +0 -124
- package/src/index.ts +0 -47
- package/src/info-card/InfoCard.stories.tsx +0 -29
- package/src/info-card/InfoCard.tsx +0 -95
- package/src/info-card/__tests__/InfoCard.spec.tsx +0 -22
- package/src/info-tooltip/InfoTooltip.stories.tsx +0 -77
- package/src/info-tooltip/InfoTooltip.tsx +0 -72
- package/src/info-tooltip/__tests__/InfoTooltip.spec.tsx +0 -166
- package/src/inline/Inline.stories.tsx +0 -135
- package/src/inline/Inline.tsx +0 -144
- package/src/link/Link.stories.tsx +0 -41
- package/src/link/LinkOverrides.ts +0 -43
- package/src/link/__tests__/Link.spec.tsx +0 -98
- package/src/list/ListOverrides.ts +0 -11
- package/src/list/__tests__/List.spec.tsx +0 -182
- package/src/menu/Menu.stories.tsx +0 -35
- package/src/menu/MenuOverrides.ts +0 -17
- package/src/menu/__tests__/Menu.spec.tsx +0 -99
- package/src/number-field/NumberField.stories.tsx +0 -123
- package/src/number-field/NumberField.tsx +0 -98
- package/src/overflow-text/OverflowText.stories.tsx +0 -32
- package/src/overflow-text/OverflowText.tsx +0 -114
- package/src/overflow-text/__tests__/OverflowText.spec.tsx +0 -24
- package/src/pagination/Pagination.stories.tsx +0 -36
- package/src/pagination/PaginationOverrides.ts +0 -47
- package/src/pagination/__tests__/Pagination.spec.tsx +0 -228
- package/src/paper/PaperOverrides.ts +0 -10
- package/src/paper/__tests__/Paper.spec.tsx +0 -155
- package/src/props/AlignProps.ts +0 -22
- package/src/props/CollapseProp.ts +0 -13
- package/src/props/ResponsiveProp.ts +0 -65
- package/src/props/SpaceProp.ts +0 -40
- package/src/radio/RadioField.stories.tsx +0 -42
- package/src/radio/RadioField.tsx +0 -55
- package/src/radio/RadioGroupField.tsx +0 -64
- package/src/radio/RadioOverrides.tsx +0 -51
- package/src/radio/__tests__/Radio.spec.tsx +0 -90
- package/src/responsive/CollapseBreakpoint.ts +0 -21
- package/src/responsive/MinBreakpoint.ts +0 -21
- package/src/responsive/ResponsiveContext.tsx +0 -57
- package/src/snackbar/Snackbar.stories.tsx +0 -196
- package/src/snackbar/Snackbar.tsx +0 -83
- package/src/snackbar/SnackbarContent.tsx +0 -147
- package/src/snackbar/SnackbarOverrides.ts +0 -23
- package/src/snackbar/SnackbarStack.tsx +0 -160
- package/src/snackbar/__tests__/Snackbar.spec.tsx +0 -196
- package/src/stack/Stack.stories.tsx +0 -113
- package/src/stack/Stack.tsx +0 -86
- package/src/svg-icon/SvgIcon.stories.tsx +0 -29
- package/src/svg-icon/SvgIconOverrides.ts +0 -32
- package/src/svg-icon/__tests__/SvgIcon.spec.tsx +0 -67
- package/src/switch/Switch.stories.tsx +0 -60
- package/src/switch/SwitchOverrides.ts +0 -88
- package/src/switch/__tests__/Switch.spec.tsx +0 -204
- package/src/tabs/Tabs.stories.tsx +0 -40
- package/src/tabs/TabsOverrides.ts +0 -45
- package/src/tabs/__tests__/Tabs.spec.tsx +0 -226
- package/src/tag/Tag.stories.tsx +0 -53
- package/src/tag/Tag.tsx +0 -130
- package/src/tag/__tests__/Tag.spec.tsx +0 -82
- package/src/text-field/TextField.stories.tsx +0 -50
- package/src/text-field/TextFieldOverrides.tsx +0 -149
- package/src/text-field/__tests__/TextField.spec.tsx +0 -662
- package/src/theme/Color.ts +0 -117
- package/src/theme/SuperDispatchTheme.ts +0 -3
- package/src/theme/ThemeProvider.tsx +0 -179
- package/src/theme/__tests__/CssBaseline.spec.tsx +0 -49
- package/src/theme/__tests__/ThemeProvider.spec.ts +0 -40
- package/src/theme/__tests__/__snapshots__/ThemeProvider.spec.ts.snap +0 -204
- package/src/tiles/Tiles.stories.tsx +0 -69
- package/src/tiles/Tiles.tsx +0 -163
- package/src/tiles/__tests__/Tiles.spec.tsx +0 -221
- package/src/toolbar/ToolbarOverrides.ts +0 -14
- package/src/toolbar/__tests__/Toolbar.spec.tsx +0 -50
- package/src/tooltip/Tooltip.stories.tsx +0 -32
- package/src/tooltip/TooltipOverrides.ts +0 -34
- package/src/tooltip/__tests__/Tooltip.spec.tsx +0 -182
- package/src/typography/Typography.stories.tsx +0 -132
- package/src/typography/TypographyOverrides.ts +0 -125
- package/src/typography/__tests__/Typography.spec.tsx +0 -253
- package/src/utils/ExitTransitionPlaceholder.tsx +0 -22
- package/src/utils/ResizeObserver.tsx +0 -28
- package/src/utils/VisibilityObserver.tsx +0 -75
- package/src/utils/__tests__/ExitTransitionPlaceholder.spec.tsx +0 -34
- package/src/utils/isEmptyReactNode.ts +0 -11
- package/src/utils/mergeRefs.ts +0 -21
- package/src/utils/renderChildren.ts +0 -10
- package/src/utils/useUID.ts +0 -9
- package/tsconfig.json +0 -19
- /package/{pkg/dist-src → dist-src}/adaptive-toolbar/AdaptiveToolbar.js +0 -0
- /package/{pkg/dist-src → dist-src}/adaptive-vertical-toolbar/AdaptiveVerticalToolbar.js +0 -0
- /package/{pkg/dist-src → dist-src}/app-bar/AppBarOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/autocomplete/AutocompleteOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/avatar/AvatarOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/avatar-button/AvatarButton.js +0 -0
- /package/{pkg/dist-src → dist-src}/button/Button.js +0 -0
- /package/{pkg/dist-src → dist-src}/button/ButtonOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/card/CardOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/card-button/CardButton.js +0 -0
- /package/{pkg/dist-src → dist-src}/checkbox/CheckboxField.js +0 -0
- /package/{pkg/dist-src → dist-src}/checkbox/CheckboxGroudField.js +0 -0
- /package/{pkg/dist-src → dist-src}/checkbox/CheckboxOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/chip/ChipOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/columns/Column.js +0 -0
- /package/{pkg/dist-src → dist-src}/columns/Columns.js +0 -0
- /package/{pkg/dist-src → dist-src}/description-list/DescriptionList.js +0 -0
- /package/{pkg/dist-src → dist-src}/dialog/DialogOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/drawer/DrawerActions.js +0 -0
- /package/{pkg/dist-src → dist-src}/drawer/DrawerContent.js +0 -0
- /package/{pkg/dist-src → dist-src}/drawer/DrawerList.js +0 -0
- /package/{pkg/dist-src → dist-src}/drawer/DrawerOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/drawer/DrawerTitle.js +0 -0
- /package/{pkg/dist-src → dist-src}/dropdown-button/DropdownButton.js +0 -0
- /package/{pkg/dist-src → dist-src}/grid/GridStack.js +0 -0
- /package/{pkg/dist-src → dist-src}/grid/InlineGrid.js +0 -0
- /package/{pkg/dist-src → dist-src}/icon-button/IconButtonOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/info-card/InfoCard.js +0 -0
- /package/{pkg/dist-src → dist-src}/inline/Inline.js +0 -0
- /package/{pkg/dist-src → dist-src}/link/LinkOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/list/ListOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/menu/MenuOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/number-field/NumberField.js +0 -0
- /package/{pkg/dist-src → dist-src}/overflow-text/OverflowText.js +0 -0
- /package/{pkg/dist-src → dist-src}/pagination/PaginationOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/paper/PaperOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/props/AlignProps.js +0 -0
- /package/{pkg/dist-src → dist-src}/props/CollapseProp.js +0 -0
- /package/{pkg/dist-src → dist-src}/props/ResponsiveProp.js +0 -0
- /package/{pkg/dist-src → dist-src}/props/SpaceProp.js +0 -0
- /package/{pkg/dist-src → dist-src}/radio/RadioField.js +0 -0
- /package/{pkg/dist-src → dist-src}/radio/RadioGroupField.js +0 -0
- /package/{pkg/dist-src → dist-src}/radio/RadioOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/responsive/CollapseBreakpoint.js +0 -0
- /package/{pkg/dist-src → dist-src}/responsive/MinBreakpoint.js +0 -0
- /package/{pkg/dist-src → dist-src}/responsive/ResponsiveContext.js +0 -0
- /package/{pkg/dist-src → dist-src}/snackbar/Snackbar.js +0 -0
- /package/{pkg/dist-src → dist-src}/snackbar/SnackbarContent.js +0 -0
- /package/{pkg/dist-src → dist-src}/snackbar/SnackbarOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/snackbar/SnackbarStack.js +0 -0
- /package/{pkg/dist-src → dist-src}/stack/Stack.js +0 -0
- /package/{pkg/dist-src → dist-src}/svg-icon/SvgIconOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/switch/SwitchOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/tabs/TabsOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/tag/Tag.js +0 -0
- /package/{pkg/dist-src → dist-src}/text-field/TextFieldOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/theme/SuperDispatchTheme.js +0 -0
- /package/{pkg/dist-src → dist-src}/theme/ThemeProvider.js +0 -0
- /package/{pkg/dist-src → dist-src}/tiles/Tiles.js +0 -0
- /package/{pkg/dist-src → dist-src}/toolbar/ToolbarOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/tooltip/TooltipOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/typography/TypographyOverrides.js +0 -0
- /package/{pkg/dist-src → dist-src}/utils/ExitTransitionPlaceholder.js +0 -0
- /package/{pkg/dist-src → dist-src}/utils/ResizeObserver.js +0 -0
- /package/{pkg/dist-src → dist-src}/utils/VisibilityObserver.js +0 -0
- /package/{pkg/dist-src → dist-src}/utils/isEmptyReactNode.js +0 -0
- /package/{pkg/dist-src → dist-src}/utils/mergeRefs.js +0 -0
- /package/{pkg/dist-src → dist-src}/utils/renderChildren.js +0 -0
- /package/{pkg/dist-src → dist-src}/utils/useUID.js +0 -0
package/package.json
CHANGED
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@superdispatch/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.22.0",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"files": [
|
|
6
|
+
"dist-*/",
|
|
7
|
+
"bin/"
|
|
8
|
+
],
|
|
9
|
+
"pika": true,
|
|
10
|
+
"sideEffects": false,
|
|
4
11
|
"repository": {
|
|
5
12
|
"type": "git",
|
|
6
13
|
"url": "https://github.com/superdispatch/ui.git"
|
|
7
14
|
},
|
|
8
|
-
"license": "MIT",
|
|
9
|
-
"main": "src/index.ts",
|
|
10
|
-
"module": "src/index.ts",
|
|
11
|
-
"browser": "pkg/dist-web/index.js",
|
|
12
|
-
"types": "src/index.ts",
|
|
13
|
-
"scripts": {
|
|
14
|
-
"version": "pika build"
|
|
15
|
-
},
|
|
16
15
|
"dependencies": {
|
|
17
16
|
"@juggle/resize-observer": "^3.3.1",
|
|
18
|
-
"@superdispatch/hooks": "^0.
|
|
17
|
+
"@superdispatch/hooks": "^0.22.0",
|
|
19
18
|
"clsx": "^1.1.1",
|
|
20
19
|
"react-keyed-flatten-children": "^1.2.0",
|
|
21
20
|
"react-number-format": "4.9.4"
|
|
@@ -33,33 +32,8 @@
|
|
|
33
32
|
"access": "public",
|
|
34
33
|
"directory": "pkg"
|
|
35
34
|
},
|
|
36
|
-
"
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
{
|
|
41
|
-
"exclude": [
|
|
42
|
-
"**/*.spec.*",
|
|
43
|
-
"**/*.stories.*",
|
|
44
|
-
"**/*.playroom.*",
|
|
45
|
-
"**/__tests__/**",
|
|
46
|
-
"**/__testutils__/**"
|
|
47
|
-
]
|
|
48
|
-
}
|
|
49
|
-
],
|
|
50
|
-
[
|
|
51
|
-
"@pika/plugin-build-web"
|
|
52
|
-
],
|
|
53
|
-
[
|
|
54
|
-
"@pika/plugin-build-node"
|
|
55
|
-
],
|
|
56
|
-
[
|
|
57
|
-
"@pika/plugin-build-types"
|
|
58
|
-
],
|
|
59
|
-
[
|
|
60
|
-
"@pika/plugin-bundle-types"
|
|
61
|
-
]
|
|
62
|
-
]
|
|
63
|
-
},
|
|
64
|
-
"gitHead": "5ff0a851a8c24bab48a6fdb37e353eae62bd4a35"
|
|
35
|
+
"esnext": "dist-src/index.js",
|
|
36
|
+
"module": "dist-web/index.js",
|
|
37
|
+
"main": "dist-node/index.js",
|
|
38
|
+
"types": "dist-types/index.d.ts"
|
|
65
39
|
}
|
package/.babelrc.js
DELETED
package/.turbo/turbo-version.log
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
[35m@superdispatch/ui:version[0m: cache hit, replaying output [2ma9e5d86c3bc9c0a6[0m
|
|
2
|
-
[35m@superdispatch/ui:version: [0m$ pika build
|
|
3
|
-
[35m@superdispatch/ui:version: [0m@pika/pack v0.5.0
|
|
4
|
-
[35m@superdispatch/ui:version: [0m[1/8] Validating source...
|
|
5
|
-
[35m@superdispatch/ui:version: [0m[2/8] Preparing pipeline...
|
|
6
|
-
[35m@superdispatch/ui:version: [0m ❇️ pkg/
|
|
7
|
-
[35m@superdispatch/ui:version: [0m[3/8] Running @pika/plugin-standard-pkg...
|
|
8
|
-
[35m@superdispatch/ui:version: [0mBrowserslist: caniuse-lite is outdated. Please run:
|
|
9
|
-
[35m@superdispatch/ui:version: [0m npx browserslist@latest --update-db
|
|
10
|
-
[35m@superdispatch/ui:version: [0m Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
|
|
11
|
-
[35m@superdispatch/ui:version: [0m 📝 pkg/dist-src/index.js [esnext]
|
|
12
|
-
[35m@superdispatch/ui:version: [0m » Linting with standard-pkg...
|
|
13
|
-
[35m@superdispatch/ui:version: [0m[4/8] Running @pika/plugin-build-web...
|
|
14
|
-
[35m@superdispatch/ui:version: [0mCircular dependency: pkg/dist-src/index.js -> pkg/dist-src/adaptive-toolbar/AdaptiveToolbar.js -> pkg/dist-src/dropdown-button/DropdownButton.js -> pkg/dist-src/index.js
|
|
15
|
-
[35m@superdispatch/ui:version: [0m 📝 pkg/dist-web/index.js [module]
|
|
16
|
-
[35m@superdispatch/ui:version: [0m[5/8] Running @pika/plugin-build-node...
|
|
17
|
-
[35m@superdispatch/ui:version: [0mCircular dependency: pkg/dist-src/index.js -> pkg/dist-src/adaptive-toolbar/AdaptiveToolbar.js -> pkg/dist-src/dropdown-button/DropdownButton.js -> pkg/dist-src/index.js
|
|
18
|
-
[35m@superdispatch/ui:version: [0m 📝 pkg/dist-node/index.js [main]
|
|
19
|
-
[35m@superdispatch/ui:version: [0m[6/8] Running @pika/plugin-build-types...
|
|
20
|
-
[35m@superdispatch/ui:version: [0m » no manual type definitions found, auto-generating...
|
|
21
|
-
[35m@superdispatch/ui:version: [0m 📝 pkg/dist-types/index.d.ts [types]
|
|
22
|
-
[35m@superdispatch/ui:version: [0m[7/8] Running @pika/plugin-bundle-types...
|
|
23
|
-
[35m@superdispatch/ui:version: [0m 📝 pkg/dist-types/index.d.ts
|
|
24
|
-
[35m@superdispatch/ui:version: [0m[8/8] Finalizing package...
|
|
25
|
-
[35m@superdispatch/ui:version: [0m » copying README.md...
|
|
26
|
-
[35m@superdispatch/ui:version: [0m 📝 pkg/package.json
|
|
27
|
-
[35m@superdispatch/ui:version: [0m 📦 pkg/
|
|
28
|
-
[35m@superdispatch/ui:version: [0mDone in 9.90s.
|
package/pkg/README.md
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
### `@superdispatch/ui`
|
|
2
|
-
|
|
3
|
-
[](https://www.npmjs.com/package/@superdispatch/ui)
|
|
4
|
-
[](https://bundlephobia.com/result?p=@superdispatch/ui)
|
|
5
|
-
|
|
6
|
-
#### Installation
|
|
7
|
-
|
|
8
|
-
```bash
|
|
9
|
-
yarn add @superdispatch/ui @material-ui/core @material-ui/icons @material-ui/styles @mdi/js
|
|
10
|
-
```
|
|
11
|
-
|
|
12
|
-
#### Usage
|
|
13
|
-
|
|
14
|
-
```tsx
|
|
15
|
-
import { Button, ThemeProvider } from '@superdispatch/ui';
|
|
16
|
-
import { Typography } from '@material-ui/core';
|
|
17
|
-
|
|
18
|
-
export function App() {
|
|
19
|
-
return (
|
|
20
|
-
<ThemeProvider>
|
|
21
|
-
<Typography variant="h3" gutterBottom={true}>
|
|
22
|
-
Hello 👋
|
|
23
|
-
</Typography>
|
|
24
|
-
|
|
25
|
-
<Button color="blue">Yay 🎉</Button>
|
|
26
|
-
<Button color="red">Nay 👎</Button>
|
|
27
|
-
</ThemeProvider>
|
|
28
|
-
);
|
|
29
|
-
}
|
|
30
|
-
```
|