@dtdot/lego 0.18.7 → 0.19.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.
Files changed (91) hide show
  1. package/build/components/Checklist/Checklist.component.d.ts +3 -1
  2. package/build/components/Checklist/Checklist.component.js +4 -4
  3. package/build/components/Checklist/_ChecklistItem.component.d.ts +2 -1
  4. package/build/components/Checklist/_ChecklistItem.component.js +10 -10
  5. package/build/index.d.ts +2 -0
  6. package/build/index.js +2 -0
  7. package/build/theme/providers/DarkTheme.provider.d.ts +6 -0
  8. package/build/theme/providers/DarkTheme.provider.js +8 -0
  9. package/build/theme/providers/DefaultTheme.provider.d.ts +6 -0
  10. package/build/theme/providers/DefaultTheme.provider.js +8 -0
  11. package/package.json +1 -1
  12. package/build/components/ActionMenu/ActionMenu.stories.d.ts +0 -6
  13. package/build/components/ActionMenu/ActionMenu.stories.js +0 -48
  14. package/build/components/ActionMessage/ActionMessage.stories.d.ts +0 -6
  15. package/build/components/ActionMessage/ActionMessage.stories.js +0 -19
  16. package/build/components/Alert/Alert.stories.d.ts +0 -8
  17. package/build/components/Alert/Alert.stories.js +0 -21
  18. package/build/components/Badge/Badge.stories.d.ts +0 -5
  19. package/build/components/Badge/Badge.stories.js +0 -18
  20. package/build/components/BadgeSelector/BadgeSelector.stories.d.ts +0 -6
  21. package/build/components/BadgeSelector/BadgeSelector.stories.js +0 -94
  22. package/build/components/Button/Button.stories.d.ts +0 -7
  23. package/build/components/Button/Button.stories.js +0 -27
  24. package/build/components/ButtonGroup/ButtonGroup.stories.d.ts +0 -8
  25. package/build/components/ButtonGroup/ButtonGroup.stories.js +0 -20
  26. package/build/components/Card/Card.stories.d.ts +0 -9
  27. package/build/components/Card/Card.stories.js +0 -84
  28. package/build/components/Checklist/Checklist.stories.d.ts +0 -5
  29. package/build/components/Checklist/Checklist.stories.js +0 -42
  30. package/build/components/ControlGroup/ControlGroup.stories.d.ts +0 -7
  31. package/build/components/ControlGroup/ControlGroup.stories.js +0 -24
  32. package/build/components/FancyCheckbox/FancyCheckbox.stories.d.ts +0 -5
  33. package/build/components/FancyCheckbox/FancyCheckbox.stories.js +0 -29
  34. package/build/components/Form/Form.stories.d.ts +0 -5
  35. package/build/components/Form/Form.stories.js +0 -21
  36. package/build/components/Heading/Heading.stories.d.ts +0 -7
  37. package/build/components/Heading/Heading.stories.js +0 -9
  38. package/build/components/ImageUpload/ImageUpload.stories.d.ts +0 -8
  39. package/build/components/ImageUpload/ImageUpload.stories.js +0 -49
  40. package/build/components/InlineCard/InlineCard.stories.d.ts +0 -7
  41. package/build/components/InlineCard/InlineCard.stories.js +0 -52
  42. package/build/components/Input/Input.stories.d.ts +0 -7
  43. package/build/components/Input/Input.stories.js +0 -28
  44. package/build/components/LiveInput/LiveInput.stories.d.ts +0 -6
  45. package/build/components/LiveInput/LiveInput.stories.js +0 -12
  46. package/build/components/LiveList/LiveList.stories.d.ts +0 -8
  47. package/build/components/LiveList/LiveList.stories.js +0 -57
  48. package/build/components/Loader/Loader.stories.d.ts +0 -5
  49. package/build/components/Loader/Loader.stories.js +0 -9
  50. package/build/components/Menu/Menu.stories.d.ts +0 -7
  51. package/build/components/Menu/Menu.stories.js +0 -95
  52. package/build/components/MinimalMenu/MinimalMenu.stories.d.ts +0 -5
  53. package/build/components/MinimalMenu/MinimalMenu.stories.js +0 -46
  54. package/build/components/Modal/Modal.stories.d.ts +0 -6
  55. package/build/components/Modal/Modal.stories.js +0 -55
  56. package/build/components/Notification/Notification.stories.d.ts +0 -8
  57. package/build/components/Notification/Notification.stories.js +0 -28
  58. package/build/components/Notifications/Notifications.stories.d.ts +0 -7
  59. package/build/components/Notifications/Notifications.stories.js +0 -96
  60. package/build/components/PageHeader/PageHeader.stories.d.ts +0 -6
  61. package/build/components/PageHeader/PageHeader.stories.js +0 -13
  62. package/build/components/ProfileImage/ProfileImage.stories.d.ts +0 -6
  63. package/build/components/ProfileImage/ProfileImage.stories.js +0 -8
  64. package/build/components/QrCode/QrCode.stories.d.ts +0 -5
  65. package/build/components/QrCode/QrCode.stories.js +0 -8
  66. package/build/components/SquareButton/SquareButton.stories.d.ts +0 -5
  67. package/build/components/SquareButton/SquareButton.stories.js +0 -14
  68. package/build/components/Swimlane/Swimlane.stories.d.ts +0 -6
  69. package/build/components/Swimlane/Swimlane.stories.js +0 -102
  70. package/build/components/Table/Table.stories.d.ts +0 -8
  71. package/build/components/Table/Table.stories.js +0 -75
  72. package/build/components/Text/Text.stories.d.ts +0 -6
  73. package/build/components/Text/Text.stories.js +0 -11
  74. package/build/examples/Form.stories.d.ts +0 -5
  75. package/build/examples/Form.stories.js +0 -19
  76. package/build/examples/Modal.stories.d.ts +0 -5
  77. package/build/examples/Modal.stories.js +0 -37
  78. package/build/layouts/Action/Action.stories.d.ts +0 -6
  79. package/build/layouts/Action/Action.stories.js +0 -17
  80. package/build/layouts/Centered/Centered.stories.d.ts +0 -5
  81. package/build/layouts/Centered/Centered.stories.js +0 -11
  82. package/build/layouts/Column/Column.stories.d.ts +0 -5
  83. package/build/layouts/Column/Column.stories.js +0 -11
  84. package/build/layouts/Content/Content.stories.d.ts +0 -9
  85. package/build/layouts/Content/Content.stories.js +0 -40
  86. package/build/layouts/Focus/Focus.stories.d.ts +0 -5
  87. package/build/layouts/Focus/Focus.stories.js +0 -19
  88. package/build/layouts/Padded/Padded.stories.d.ts +0 -6
  89. package/build/layouts/Padded/Padded.stories.js +0 -13
  90. package/build/layouts/WidthLimit/WidthLimit.stories.d.ts +0 -8
  91. package/build/layouts/WidthLimit/WidthLimit.stories.js +0 -43
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { Meta } from '@storybook/react/types-6-0';
3
- export declare const Standard: () => JSX.Element;
4
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
5
- export default _default;
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { ColumnLayout } from '../..';
3
- export const Standard = () => (React.createElement("div", { style: { backgroundColor: 'white' } },
4
- React.createElement(ColumnLayout, null, "some content....")));
5
- export default {
6
- title: 'Layouts/Column',
7
- component: ColumnLayout,
8
- parameters: {
9
- layout: 'fullscreen',
10
- },
11
- };
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import { Meta } from '@storybook/react/types-6-0';
3
- export declare const Standard: () => JSX.Element;
4
- export declare const Small: () => JSX.Element;
5
- export declare const Medium: () => JSX.Element;
6
- export declare const Large: () => JSX.Element;
7
- export declare const Full: () => JSX.Element;
8
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
9
- export default _default;
@@ -1,40 +0,0 @@
1
- import React from 'react';
2
- import { ContentLayout, Card, CardGroup, Heading, Button, Text } from '../..';
3
- export const Standard = () => (React.createElement(ContentLayout, null,
4
- React.createElement(ContentLayout.Header, { actions: React.createElement(Button, null, "Add") },
5
- React.createElement(Heading, null, "Some content...")),
6
- React.createElement(ContentLayout.Content, null,
7
- React.createElement(CardGroup, null,
8
- React.createElement(Card, null,
9
- React.createElement(Card.Content, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")),
10
- React.createElement(Card, null,
11
- React.createElement(Card.Content, null, "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),
12
- React.createElement(Card, null,
13
- React.createElement(Card.Content, null, "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo."))))));
14
- export const Small = () => (React.createElement(ContentLayout, null,
15
- React.createElement(ContentLayout.Header, null,
16
- React.createElement(Heading, null, "A small content section")),
17
- React.createElement(ContentLayout.Content, { size: 'sm' },
18
- React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget odio vitae elit sodales cursus. Phasellus a consequat leo. Ut elit metus, bibendum et consequat quis, facilisis nec ex. Curabitur ex magna, tempor a pretium eu, hendrerit ut erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce id lectus varius, lacinia metus et, egestas magna. Pellentesque egestas massa nec hendrerit tempus. Aliquam laoreet elit aliquet orci semper, eget finibus neque volutpat. Ut dignissim in neque quis lobortis. Vivamus bibendum mauris eu est aliquam efficitur. Vestibulum finibus condimentum lacus, vitae congue metus faucibus at. Aliquam et lacus eu turpis blandit commodo sit amet nec ligula. Proin tristique porttitor iaculis. Nunc efficitur justo et justo rutrum gravida. Cras accumsan ipsum vitae cursus consequat. Sed at nunc at risus dictum hendrerit. Pellentesque vel felis convallis, pellentesque enim in, suscipit urna. Aenean eu tristique lectus. Sed convallis at velit eget maximus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed eget erat eget ligula lacinia ultricies a non ex. In efficitur purus non cursus tincidunt. Quisque lobortis feugiat ipsum, non mollis sapien aliquam in. Sed dictum libero id neque dictum pellentesque. In sed molestie nibh, volutpat fringilla leo. Phasellus at scelerisque enim. Donec nulla enim, dapibus quis tempor at, cursus eget mi. Vivamus ac consectetur tortor, ut egestas felis. Quisque ultricies, ligula sit amet vestibulum vulputate, erat lacus volutpat urna, nec tempor lacus nisl vitae lectus. Sed rhoncus lorem id tempus posuere. Vestibulum quis tellus dui. Suspendisse finibus placerat vestibulum. Suspendisse potenti. Nam sollicitudin nec velit non efficitur. In hac habitasse platea dictumst. Ut ut placerat nibh. Vestibulum felis enim, volutpat eget urna a, dapibus fringilla est. Vivamus rhoncus quis leo vel porta. In sit amet neque accumsan ligula varius aliquet eu ut nisi. Nunc bibendum elementum urna a blandit. Maecenas ultrices eros ac lacus eleifend, sit amet posuere erat iaculis. Nam hendrerit ipsum sed leo mattis ultrices. Aliquam tincidunt dui eget tincidunt pharetra. Aenean efficitur magna nunc, vitae luctus turpis placerat id. Aliquam quis rutrum purus. Proin tortor mauris, fermentum et pharetra vel, vulputate id dui. Nam pharetra risus odio. Etiam quis erat a mauris semper dignissim. Praesent a sollicitudin nunc. Integer scelerisque eget leo in pellentesque. Vivamus felis augue, condimentum nec auctor tincidunt, maximus nec nunc. Etiam vel imperdiet nisl, vel iaculis felis. Etiam tempor dolor ac ultrices luctus. Ut id nulla vestibulum, convallis sapien at, ultrices est. Mauris finibus est vitae fringilla placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tincidunt sem, eu dignissim purus viverra in. Curabitur libero felis, eleifend sit amet bibendum at, ornare in lacus. Curabitur ac mattis ligula. Nulla dignissim pharetra urna at eleifend. Ut vitae auctor nibh. Nulla facilisi. Maecenas bibendum nibh nec dui posuere, eu vulputate arcu mollis. Sed auctor, diam sit amet scelerisque fringilla, nunc risus tristique libero, et ornare lorem augue eu mauris. Donec hendrerit, sapien ac semper vehicula, nunc ex bibendum lacus, vel ultricies sapien purus eget libero."))));
19
- export const Medium = () => (React.createElement(ContentLayout, null,
20
- React.createElement(ContentLayout.Header, null,
21
- React.createElement(Heading, null, "A medium content section")),
22
- React.createElement(ContentLayout.Content, { size: 'md' },
23
- React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget odio vitae elit sodales cursus. Phasellus a consequat leo. Ut elit metus, bibendum et consequat quis, facilisis nec ex. Curabitur ex magna, tempor a pretium eu, hendrerit ut erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce id lectus varius, lacinia metus et, egestas magna. Pellentesque egestas massa nec hendrerit tempus. Aliquam laoreet elit aliquet orci semper, eget finibus neque volutpat. Ut dignissim in neque quis lobortis. Vivamus bibendum mauris eu est aliquam efficitur. Vestibulum finibus condimentum lacus, vitae congue metus faucibus at. Aliquam et lacus eu turpis blandit commodo sit amet nec ligula. Proin tristique porttitor iaculis. Nunc efficitur justo et justo rutrum gravida. Cras accumsan ipsum vitae cursus consequat. Sed at nunc at risus dictum hendrerit. Pellentesque vel felis convallis, pellentesque enim in, suscipit urna. Aenean eu tristique lectus. Sed convallis at velit eget maximus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed eget erat eget ligula lacinia ultricies a non ex. In efficitur purus non cursus tincidunt. Quisque lobortis feugiat ipsum, non mollis sapien aliquam in. Sed dictum libero id neque dictum pellentesque. In sed molestie nibh, volutpat fringilla leo. Phasellus at scelerisque enim. Donec nulla enim, dapibus quis tempor at, cursus eget mi. Vivamus ac consectetur tortor, ut egestas felis. Quisque ultricies, ligula sit amet vestibulum vulputate, erat lacus volutpat urna, nec tempor lacus nisl vitae lectus. Sed rhoncus lorem id tempus posuere. Vestibulum quis tellus dui. Suspendisse finibus placerat vestibulum. Suspendisse potenti. Nam sollicitudin nec velit non efficitur. In hac habitasse platea dictumst. Ut ut placerat nibh. Vestibulum felis enim, volutpat eget urna a, dapibus fringilla est. Vivamus rhoncus quis leo vel porta. In sit amet neque accumsan ligula varius aliquet eu ut nisi. Nunc bibendum elementum urna a blandit. Maecenas ultrices eros ac lacus eleifend, sit amet posuere erat iaculis. Nam hendrerit ipsum sed leo mattis ultrices. Aliquam tincidunt dui eget tincidunt pharetra. Aenean efficitur magna nunc, vitae luctus turpis placerat id. Aliquam quis rutrum purus. Proin tortor mauris, fermentum et pharetra vel, vulputate id dui. Nam pharetra risus odio. Etiam quis erat a mauris semper dignissim. Praesent a sollicitudin nunc. Integer scelerisque eget leo in pellentesque. Vivamus felis augue, condimentum nec auctor tincidunt, maximus nec nunc. Etiam vel imperdiet nisl, vel iaculis felis. Etiam tempor dolor ac ultrices luctus. Ut id nulla vestibulum, convallis sapien at, ultrices est. Mauris finibus est vitae fringilla placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tincidunt sem, eu dignissim purus viverra in. Curabitur libero felis, eleifend sit amet bibendum at, ornare in lacus. Curabitur ac mattis ligula. Nulla dignissim pharetra urna at eleifend. Ut vitae auctor nibh. Nulla facilisi. Maecenas bibendum nibh nec dui posuere, eu vulputate arcu mollis. Sed auctor, diam sit amet scelerisque fringilla, nunc risus tristique libero, et ornare lorem augue eu mauris. Donec hendrerit, sapien ac semper vehicula, nunc ex bibendum lacus, vel ultricies sapien purus eget libero."))));
24
- export const Large = () => (React.createElement(ContentLayout, null,
25
- React.createElement(ContentLayout.Header, null,
26
- React.createElement(Heading, null, "A large content section")),
27
- React.createElement(ContentLayout.Content, { size: 'lg' },
28
- React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget odio vitae elit sodales cursus. Phasellus a consequat leo. Ut elit metus, bibendum et consequat quis, facilisis nec ex. Curabitur ex magna, tempor a pretium eu, hendrerit ut erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce id lectus varius, lacinia metus et, egestas magna. Pellentesque egestas massa nec hendrerit tempus. Aliquam laoreet elit aliquet orci semper, eget finibus neque volutpat. Ut dignissim in neque quis lobortis. Vivamus bibendum mauris eu est aliquam efficitur. Vestibulum finibus condimentum lacus, vitae congue metus faucibus at. Aliquam et lacus eu turpis blandit commodo sit amet nec ligula. Proin tristique porttitor iaculis. Nunc efficitur justo et justo rutrum gravida. Cras accumsan ipsum vitae cursus consequat. Sed at nunc at risus dictum hendrerit. Pellentesque vel felis convallis, pellentesque enim in, suscipit urna. Aenean eu tristique lectus. Sed convallis at velit eget maximus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed eget erat eget ligula lacinia ultricies a non ex. In efficitur purus non cursus tincidunt. Quisque lobortis feugiat ipsum, non mollis sapien aliquam in. Sed dictum libero id neque dictum pellentesque. In sed molestie nibh, volutpat fringilla leo. Phasellus at scelerisque enim. Donec nulla enim, dapibus quis tempor at, cursus eget mi. Vivamus ac consectetur tortor, ut egestas felis. Quisque ultricies, ligula sit amet vestibulum vulputate, erat lacus volutpat urna, nec tempor lacus nisl vitae lectus. Sed rhoncus lorem id tempus posuere. Vestibulum quis tellus dui. Suspendisse finibus placerat vestibulum. Suspendisse potenti. Nam sollicitudin nec velit non efficitur. In hac habitasse platea dictumst. Ut ut placerat nibh. Vestibulum felis enim, volutpat eget urna a, dapibus fringilla est. Vivamus rhoncus quis leo vel porta. In sit amet neque accumsan ligula varius aliquet eu ut nisi. Nunc bibendum elementum urna a blandit. Maecenas ultrices eros ac lacus eleifend, sit amet posuere erat iaculis. Nam hendrerit ipsum sed leo mattis ultrices. Aliquam tincidunt dui eget tincidunt pharetra. Aenean efficitur magna nunc, vitae luctus turpis placerat id. Aliquam quis rutrum purus. Proin tortor mauris, fermentum et pharetra vel, vulputate id dui. Nam pharetra risus odio. Etiam quis erat a mauris semper dignissim. Praesent a sollicitudin nunc. Integer scelerisque eget leo in pellentesque. Vivamus felis augue, condimentum nec auctor tincidunt, maximus nec nunc. Etiam vel imperdiet nisl, vel iaculis felis. Etiam tempor dolor ac ultrices luctus. Ut id nulla vestibulum, convallis sapien at, ultrices est. Mauris finibus est vitae fringilla placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tincidunt sem, eu dignissim purus viverra in. Curabitur libero felis, eleifend sit amet bibendum at, ornare in lacus. Curabitur ac mattis ligula. Nulla dignissim pharetra urna at eleifend. Ut vitae auctor nibh. Nulla facilisi. Maecenas bibendum nibh nec dui posuere, eu vulputate arcu mollis. Sed auctor, diam sit amet scelerisque fringilla, nunc risus tristique libero, et ornare lorem augue eu mauris. Donec hendrerit, sapien ac semper vehicula, nunc ex bibendum lacus, vel ultricies sapien purus eget libero."))));
29
- export const Full = () => (React.createElement(ContentLayout, null,
30
- React.createElement(ContentLayout.Header, null,
31
- React.createElement(Heading, null, "A full content section")),
32
- React.createElement(ContentLayout.Content, { size: 'full' },
33
- React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget odio vitae elit sodales cursus. Phasellus a consequat leo. Ut elit metus, bibendum et consequat quis, facilisis nec ex. Curabitur ex magna, tempor a pretium eu, hendrerit ut erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce id lectus varius, lacinia metus et, egestas magna. Pellentesque egestas massa nec hendrerit tempus. Aliquam laoreet elit aliquet orci semper, eget finibus neque volutpat. Ut dignissim in neque quis lobortis. Vivamus bibendum mauris eu est aliquam efficitur. Vestibulum finibus condimentum lacus, vitae congue metus faucibus at. Aliquam et lacus eu turpis blandit commodo sit amet nec ligula. Proin tristique porttitor iaculis. Nunc efficitur justo et justo rutrum gravida. Cras accumsan ipsum vitae cursus consequat. Sed at nunc at risus dictum hendrerit. Pellentesque vel felis convallis, pellentesque enim in, suscipit urna. Aenean eu tristique lectus. Sed convallis at velit eget maximus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed eget erat eget ligula lacinia ultricies a non ex. In efficitur purus non cursus tincidunt. Quisque lobortis feugiat ipsum, non mollis sapien aliquam in. Sed dictum libero id neque dictum pellentesque. In sed molestie nibh, volutpat fringilla leo. Phasellus at scelerisque enim. Donec nulla enim, dapibus quis tempor at, cursus eget mi. Vivamus ac consectetur tortor, ut egestas felis. Quisque ultricies, ligula sit amet vestibulum vulputate, erat lacus volutpat urna, nec tempor lacus nisl vitae lectus. Sed rhoncus lorem id tempus posuere. Vestibulum quis tellus dui. Suspendisse finibus placerat vestibulum. Suspendisse potenti. Nam sollicitudin nec velit non efficitur. In hac habitasse platea dictumst. Ut ut placerat nibh. Vestibulum felis enim, volutpat eget urna a, dapibus fringilla est. Vivamus rhoncus quis leo vel porta. In sit amet neque accumsan ligula varius aliquet eu ut nisi. Nunc bibendum elementum urna a blandit. Maecenas ultrices eros ac lacus eleifend, sit amet posuere erat iaculis. Nam hendrerit ipsum sed leo mattis ultrices. Aliquam tincidunt dui eget tincidunt pharetra. Aenean efficitur magna nunc, vitae luctus turpis placerat id. Aliquam quis rutrum purus. Proin tortor mauris, fermentum et pharetra vel, vulputate id dui. Nam pharetra risus odio. Etiam quis erat a mauris semper dignissim. Praesent a sollicitudin nunc. Integer scelerisque eget leo in pellentesque. Vivamus felis augue, condimentum nec auctor tincidunt, maximus nec nunc. Etiam vel imperdiet nisl, vel iaculis felis. Etiam tempor dolor ac ultrices luctus. Ut id nulla vestibulum, convallis sapien at, ultrices est. Mauris finibus est vitae fringilla placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tincidunt sem, eu dignissim purus viverra in. Curabitur libero felis, eleifend sit amet bibendum at, ornare in lacus. Curabitur ac mattis ligula. Nulla dignissim pharetra urna at eleifend. Ut vitae auctor nibh. Nulla facilisi. Maecenas bibendum nibh nec dui posuere, eu vulputate arcu mollis. Sed auctor, diam sit amet scelerisque fringilla, nunc risus tristique libero, et ornare lorem augue eu mauris. Donec hendrerit, sapien ac semper vehicula, nunc ex bibendum lacus, vel ultricies sapien purus eget libero."))));
34
- export default {
35
- title: 'Layouts/Content',
36
- component: ContentLayout,
37
- parameters: {
38
- layout: 'fullscreen',
39
- },
40
- };
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { Meta } from '@storybook/react/types-6-0';
3
- export declare const Standard: () => JSX.Element;
4
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
5
- export default _default;
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import { Button, ControlGroup, FocusLayout, Heading, Input, Spacer, Text } from '../..';
3
- /* eslint-disable @typescript-eslint/no-empty-function */
4
- export const Standard = () => (React.createElement(FocusLayout, null,
5
- React.createElement(Heading, null, "Lets get setup.."),
6
- React.createElement(Spacer, { size: '4x' }),
7
- React.createElement(ControlGroup, { variation: 'submission' },
8
- React.createElement(Text, null, "Enter your name here. This will be used to identify you when connecting with friends."),
9
- React.createElement(ControlGroup.Spacer, null),
10
- React.createElement(Input, { name: 'name', placeholder: 'name' }),
11
- React.createElement(ControlGroup.Spacer, null),
12
- React.createElement(Button, null, "Next"))));
13
- export default {
14
- title: 'Layouts/Focus',
15
- component: FocusLayout,
16
- parameters: {
17
- layout: 'fullscreen',
18
- },
19
- };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { Meta } from '@storybook/react/types-6-0';
3
- export declare const Standard: () => JSX.Element;
4
- export declare const Small: () => JSX.Element;
5
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
6
- export default _default;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { PaddedLayout } from '../..';
3
- export const Standard = () => (React.createElement("div", { style: { backgroundColor: 'white' } },
4
- React.createElement(PaddedLayout, null, "some content....")));
5
- export const Small = () => (React.createElement("div", { style: { backgroundColor: 'white' } },
6
- React.createElement(PaddedLayout.Small, null, "some content....")));
7
- export default {
8
- title: 'Layouts/Padded',
9
- component: PaddedLayout,
10
- parameters: {
11
- layout: 'fullscreen',
12
- },
13
- };
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { Meta } from '@storybook/react/types-6-0';
3
- interface WidthLimitStoryProps {
4
- max: 'mobile' | 'tablet' | 'desktop';
5
- }
6
- export declare const Standard: ({ max }: WidthLimitStoryProps) => JSX.Element;
7
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
8
- export default _default;
@@ -1,43 +0,0 @@
1
- import React from 'react';
2
- import { WidthLimitLayout, Text } from '../..';
3
- export const Standard = ({ max }) => (React.createElement(WidthLimitLayout, { max: max },
4
- React.createElement(Text, null,
5
- "Suspendisse sit amet pellentesque nisi. Quisque eget velit sit amet mauris tincidunt dictum id et ex. Integer pulvinar tellus id viverra finibus. Cras dapibus diam a ante eleifend, ac ultrices ligula vestibulum. Nulla gravida ante nec mi tristique, vel elementum arcu volutpat. Nunc in lorem id ligula sodales tincidunt non ut ipsum. Fusce risus eros, dapibus sed lacus et, faucibus auctor purus. Nulla sed rhoncus ligula, at porttitor tellus. Aliquam vitae gravida quam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque quis tempus risus.",
6
- React.createElement("br", null),
7
- React.createElement("br", null),
8
- "Nullam tincidunt mauris ut lectus auctor aliquam. Aenean ornare mi et sollicitudin suscipit. Integer eu nulla at turpis molestie malesuada. Maecenas non consectetur massa. Nunc dui magna, imperdiet placerat bibendum ac, accumsan non lorem. Proin vulputate magna nisl, vel convallis elit iaculis quis. Proin maximus ante non ante vehicula sodales. Aliquam dui nisi, posuere vitae urna in, porta aliquet tellus. Curabitur commodo diam nec erat luctus, quis pharetra diam ultricies. Fusce sagittis libero lorem, convallis tristique mi egestas fermentum. Sed eu erat ut eros porttitor sollicitudin. Vivamus facilisis felis odio, ac tristique enim blandit a. Aliquam tincidunt iaculis sapien, sed vulputate mauris luctus ac. Donec aliquet ullamcorper orci quis tempor. Curabitur ac felis nulla.",
9
- React.createElement("br", null),
10
- React.createElement("br", null),
11
- "Aenean vestibulum aliquam purus ut fringilla. Maecenas aliquet a nunc eget scelerisque. Mauris varius dignissim velit, vitae faucibus massa posuere sit amet. Nulla rutrum enim tellus, eget interdum massa ultricies sed. Proin pulvinar odio non lectus scelerisque, et varius nisl blandit. Donec nisl ante, ultricies eu volutpat ut, dapibus sed ex. Aliquam risus ex, porttitor vel commodo in, convallis laoreet dolor. Proin pretium neque pretium, laoreet dolor ultrices, vulputate sapien. Aenean rutrum lorem non mauris egestas accumsan.",
12
- React.createElement("br", null),
13
- React.createElement("br", null),
14
- "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nibh lorem, mattis sed dolor ac, malesuada maximus lorem. Proin hendrerit maximus ipsum, eu laoreet erat congue a. Duis pellentesque leo sed nisi mattis, a sollicitudin sapien ornare. Mauris efficitur nulla metus. Etiam felis velit, mollis eget fringilla nec, venenatis non libero. Suspendisse at arcu rhoncus, tristique ex nec, blandit enim. Vivamus rutrum, felis faucibus vulputate vulputate, lacus quam sollicitudin eros, non consequat velit neque in lorem. Ut hendrerit lectus vel quam placerat tincidunt. Ut auctor tortor elit, ac aliquam orci pellentesque efficitur. Morbi eget sollicitudin est. Donec ullamcorper velit ipsum, non dapibus nisi vulputate ac. Proin dapibus, mi ac scelerisque sollicitudin, turpis augue hendrerit metus, eget dignissim justo lectus id urna. Vivamus massa ipsum, posuere eu risus non, ultrices convallis tellus. Mauris et egestas erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec sagittis porttitor nisi a gravida.",
15
- React.createElement("br", null),
16
- React.createElement("br", null),
17
- "Donec mollis nisl quis scelerisque suscipit. Suspendisse eget risus ornare lorem convallis gravida sit amet id nisi. Duis venenatis tortor vitae facilisis auctor. Nulla in pretium odio, et aliquet dui. Sed non venenatis ex. Praesent felis sem, tincidunt et ligula sit amet, vulputate tincidunt tellus. Nam quis eros quis justo aliquet tempus. Nulla imperdiet bibendum velit, eu elementum felis cursus ut. Curabitur eget dui et urna vehicula porttitor sit amet vitae risus. Nulla vitae lacus id quam gravida volutpat at eu elit. Quisque efficitur hendrerit purus, sed viverra elit cursus non. Nunc at scelerisque eros, ut posuere erat. Suspendisse egestas volutpat orci, id ornare nisi aliquet vel.",
18
- React.createElement("br", null),
19
- React.createElement("br", null),
20
- "Donec ultrices lectus lectus, eget mollis nisi venenatis vitae. Morbi cursus quis sapien ut ultrices. Quisque placerat, massa ut accumsan tempor, purus leo sollicitudin leo, eu auctor mauris quam nec nisl. Donec eu dignissim erat. Aenean bibendum blandit leo, sed posuere risus euismod eu. Ut dignissim nisl ex, eget condimentum turpis auctor in. Fusce tristique neque accumsan diam suscipit, vel blandit lorem sodales. Etiam ut tincidunt nisi, ut aliquet felis. Suspendisse vestibulum, velit imperdiet tempor varius, lectus massa consectetur lacus, sagittis scelerisque ante enim non metus. Donec nunc nisl, fermentum scelerisque ornare nec, congue id velit. Praesent vehicula dolor nisl, vel sollicitudin nisl ullamcorper sit amet. Maecenas nec ante eu dui interdum mollis. Maecenas urna enim, maximus et ligula at, aliquet varius arcu. Ut justo arcu, commodo iaculis est ut, ornare posuere arcu.",
21
- React.createElement("br", null),
22
- React.createElement("br", null),
23
- "Curabitur at nunc et erat placerat laoreet aliquet in eros. Proin sagittis dolor libero, ut ultrices elit euismod vitae. Phasellus non tellus tellus. Morbi sit amet auctor lacus. Maecenas commodo sagittis ex nec eleifend. Mauris sit amet augue a sapien vulputate rhoncus. Donec dignissim finibus erat, sit amet suscipit arcu blandit non. Sed pulvinar tincidunt volutpat. Proin pretium leo non enim pretium, vitae porttitor felis pellentesque. Nam tincidunt euismod arcu quis aliquam. Maecenas in lorem et tortor sagittis efficitur. Vestibulum est odio, tristique eget massa vitae, porta tincidunt magna. Curabitur tempus velit ut auctor auctor. Integer ultricies lorem vitae nibh convallis, ac placerat tellus rutrum.",
24
- React.createElement("br", null),
25
- React.createElement("br", null),
26
- "Curabitur ac lorem vitae lorem convallis tincidunt. Aenean luctus, dolor et blandit consectetur, odio risus lacinia ante, non auctor libero turpis accumsan metus. Donec accumsan vitae lacus a varius. Aliquam ac ultricies massa. Praesent vel lacus tempus, interdum nisi eget, varius justo. Pellentesque nec mauris ac dolor fringilla pulvinar. Sed sollicitudin nec lectus nec condimentum. Maecenas molestie blandit ipsum ut finibus. Cras eu nibh congue, porta metus vel, pellentesque tellus.",
27
- React.createElement("br", null),
28
- React.createElement("br", null),
29
- "Morbi feugiat, arcu vel ultricies ultrices, justo odio faucibus purus, vel pharetra augue metus nec purus. Suspendisse sit amet leo ipsum. Vivamus ut velit ut ante consectetur vehicula ut at mi. Nam et ex at nisl ullamcorper maximus nec vel est. Fusce ut est neque. Vivamus dictum, ipsum porta varius tempus, arcu diam sollicitudin risus, in vulputate est orci sit amet ligula. Donec a est vel lacus consectetur dictum.")));
30
- export default {
31
- title: 'Layouts/WidthLimit',
32
- component: WidthLimitLayout,
33
- argTypes: {
34
- max: {
35
- options: ['mobile', 'tablet', 'desktop'],
36
- control: { type: 'select' },
37
- defaultValue: 'tablet',
38
- },
39
- },
40
- parameters: {
41
- layout: 'fullscreen',
42
- },
43
- };