superdesk-ui-framework 4.0.52 → 4.0.53
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/dist/examples.bundle.js +1 -1
- package/package.json +1 -1
- package/dist/playgrounds/accessible-theme-test.html +0 -813
- package/dist/playgrounds/boxed-list.html +0 -164
- package/dist/playgrounds/cards.html +0 -244
- package/dist/playgrounds/circular-progress.html +0 -48
- package/dist/playgrounds/dummy-data/items.ts +0 -95
- package/dist/playgrounds/editor-3-test.html +0 -15
- package/dist/playgrounds/form-layout.html +0 -285
- package/dist/playgrounds/layout-grid.html +0 -79
- package/dist/playgrounds/layout-snippets/edit-article.html +0 -415
- package/dist/playgrounds/layout-test-2.html +0 -795
- package/dist/playgrounds/list-item-test.html +0 -896
- package/dist/playgrounds/main.html +0 -16
- package/dist/playgrounds/master-desk.html +0 -1678
- package/dist/playgrounds/media-carousel.html +0 -1166
- package/dist/playgrounds/nav-buttons.html +0 -65
- package/dist/playgrounds/photo-desk.html +0 -1515
- package/dist/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
- package/dist/playgrounds/planning-snippets/edit-event.html +0 -187
- package/dist/playgrounds/planning-snippets/edit-planning.html +0 -457
- package/dist/playgrounds/planning.html +0 -1112
- package/dist/playgrounds/publish-snippets/edit-article.html +0 -37
- package/dist/playgrounds/publish.html +0 -1007
- package/dist/playgrounds/publisher-content-analytics.html +0 -376
- package/dist/playgrounds/publisher-content-list-automatic.html +0 -296
- package/dist/playgrounds/publisher-content-list-manual.html +0 -611
- package/dist/playgrounds/publisher-content-lists.html +0 -255
- package/dist/playgrounds/publisher-dashboard.html +0 -323
- package/dist/playgrounds/publisher-output-control.html +0 -3659
- package/dist/playgrounds/publisher-website-settings-general.html +0 -188
- package/dist/playgrounds/publisher-website-settings.html +0 -265
- package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
- package/dist/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
- package/dist/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
- package/dist/playgrounds/react-playgrounds/Index.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
- package/dist/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
- package/dist/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
- package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
- package/dist/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
- package/dist/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
- package/dist/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
- package/dist/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
- package/dist/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
- package/dist/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
- package/dist/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
- package/dist/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
- package/dist/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/components/Index.tsx +0 -20
- package/dist/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
- package/dist/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
- package/dist/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
- package/dist/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
- package/dist/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
- package/dist/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
- package/dist/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
- package/dist/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
- package/dist/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
- package/dist/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
- package/dist/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
- package/dist/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
- package/dist/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
- package/dist/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
- package/dist/playgrounds/react-playgrounds/tsconfig.json +0 -4
- package/dist/playgrounds/settings.html +0 -92
- package/dist/playgrounds/side-navigation.html +0 -201
- package/dist/playgrounds/swimlane-view.html +0 -1975
- package/dist/playgrounds/tags-input.html +0 -55
- package/dist/playgrounds/toasts.html +0 -113
- package/dist/playgrounds/video-editor.html +0 -706
- package/examples/css/docs-page.css +0 -1135
- package/examples/css/reset.css +0 -124
- package/examples/css/vendor.css +0 -175
- package/examples/illustration-small--components.svg +0 -45
- package/examples/img/andrew-power-y9L5-wmifaY-unsplash.jpg +0 -0
- package/examples/img/andrew-power-y9L5-wmifaY-unsplash.license.txt +0 -6
- package/examples/img/avatar-2.jpg +0 -0
- package/examples/img/avatar-3.jpg +0 -0
- package/examples/img/avatar-4.jpg +0 -0
- package/examples/img/avatar-5.jpg +0 -0
- package/examples/img/avatar-6.jpg +0 -0
- package/examples/img/avatar.jpg +0 -0
- package/examples/img/bill.jpg +0 -0
- package/examples/img/bush_1.jpg +0 -0
- package/examples/img/bush_2.jpg +0 -0
- package/examples/img/carousel-thumb--01.jpg +0 -0
- package/examples/img/carousel-thumb--02.jpg +0 -0
- package/examples/img/carousel-thumb--03.jpg +0 -0
- package/examples/img/carousel-thumb--04.jpg +0 -0
- package/examples/img/components_ilustration.svg +0 -1
- package/examples/img/d_trump.jpg +0 -0
- package/examples/img/d_trump_2.jpg +0 -0
- package/examples/img/d_trump_large.jpg +0 -0
- package/examples/img/design_ilustration.svg +0 -1
- package/examples/img/ferocious_beast.webm +0 -0
- package/examples/img/guidelines/application-frame.png +0 -0
- package/examples/img/guidelines/application-frame__bottom-bar.png +0 -0
- package/examples/img/guidelines/application-frame__left-panel.gif +0 -0
- package/examples/img/guidelines/application-frame__left-panel.png +0 -0
- package/examples/img/guidelines/application-frame__main-content.gif +0 -0
- package/examples/img/guidelines/application-frame__main-content.png +0 -0
- package/examples/img/guidelines/application-frame__right-panel.gif +0 -0
- package/examples/img/guidelines/application-frame__right-panel.png +0 -0
- package/examples/img/guidelines/application-frame__side-tabs.png +0 -0
- package/examples/img/guidelines/application-frame__sub-nav.png +0 -0
- package/examples/img/guidelines/application-frame__top-bar.png +0 -0
- package/examples/img/guidelines/buttons--00-01.png +0 -0
- package/examples/img/guidelines/buttons--00-02.png +0 -0
- package/examples/img/guidelines/buttons--DO-02.png +0 -0
- package/examples/img/guidelines/buttons--DONT-01.png +0 -0
- package/examples/img/guidelines/checkbox--DO-01.png +0 -0
- package/examples/img/guidelines/checkbox--DO-02.png +0 -0
- package/examples/img/guidelines/checkbox--DONT-01.png +0 -0
- package/examples/img/guidelines/checkbox--DONT-02.png +0 -0
- package/examples/img/guidelines/example__bottom-bar--01.png +0 -0
- package/examples/img/guidelines/example__left-side_panel--01.png +0 -0
- package/examples/img/guidelines/example__left_side-bar--01.png +0 -0
- package/examples/img/guidelines/example__main-content--01.png +0 -0
- package/examples/img/guidelines/example__right_side-panel--01.png +0 -0
- package/examples/img/guidelines/example__right_side-panel--02.png +0 -0
- package/examples/img/guidelines/example__right_side-panel--03.png +0 -0
- package/examples/img/guidelines/example__sub-nav--01.png +0 -0
- package/examples/img/guidelines/example__sub-nav--02.png +0 -0
- package/examples/img/guidelines/example__sub-nav--03.png +0 -0
- package/examples/img/guidelines/example__top-bar--01.png +0 -0
- package/examples/img/guidelines/layout--grid-01.png +0 -0
- package/examples/img/guidelines/layout--size-example-01.png +0 -0
- package/examples/img/guidelines/radio--DO-01.png +0 -0
- package/examples/img/guidelines/radio--DONT-01.png +0 -0
- package/examples/img/guidelines/radio--DONT-02.png +0 -0
- package/examples/img/guidelines/radio--DONT-03.png +0 -0
- package/examples/img/guidelines/switch--DO-01.png +0 -0
- package/examples/img/guidelines/switch--DO-02.png +0 -0
- package/examples/img/guidelines/switch--DONT-01.png +0 -0
- package/examples/img/guidelines/switch--DONT-02.png +0 -0
- package/examples/img/hillary.jpg +0 -0
- package/examples/img/illustration--components.svg +0 -1
- package/examples/img/illustration--design.svg +0 -1
- package/examples/img/illustration--playground.svg +0 -1
- package/examples/img/illustration--react.svg +0 -1
- package/examples/img/illustration-small--components.svg +0 -45
- package/examples/img/illustration-small--design.svg +0 -99
- package/examples/img/illustration-small--playground.svg +0 -49
- package/examples/img/illustration-small--react.svg +0 -53
- package/examples/img/illustration_user-privileges.png +0 -0
- package/examples/img/illustration_users.png +0 -0
- package/examples/img/image_01.jpg +0 -0
- package/examples/img/image_02.jpg +0 -0
- package/examples/img/masthead-image.png +0 -0
- package/examples/img/obama_1.jpg +0 -0
- package/examples/img/obama_2.jpg +0 -0
- package/examples/img/overlay-img.jpg +0 -0
- package/examples/img/react-logo--vector.svg +0 -49
- package/examples/img/sd-ui-framework__logo-01.svg +0 -33
- package/examples/img/sd-ui-framework__logo.svg +0 -20
- package/examples/img/th01.jpg +0 -0
- package/examples/img/th02.jpg +0 -0
- package/examples/img/th03.jpg +0 -0
- package/examples/index.html +0 -11
- package/examples/index.js +0 -468
- package/examples/js/doc.js +0 -230
- package/examples/js/react.js +0 -263
- package/examples/pages/components/Alerts.tsx +0 -291
- package/examples/pages/components/Autocomplete.tsx +0 -434
- package/examples/pages/components/Avatar.tsx +0 -659
- package/examples/pages/components/Badges.tsx +0 -221
- package/examples/pages/components/BigIconFont.tsx +0 -48
- package/examples/pages/components/BoxedList.tsx +0 -517
- package/examples/pages/components/ButtonGroups.tsx +0 -366
- package/examples/pages/components/Buttons.tsx +0 -565
- package/examples/pages/components/Card.tsx +0 -23
- package/examples/pages/components/Carousel.tsx +0 -235
- package/examples/pages/components/Checkboxs.tsx +0 -817
- package/examples/pages/components/Container.tsx +0 -190
- package/examples/pages/components/ContentDivider.tsx +0 -229
- package/examples/pages/components/ContentList.tsx +0 -786
- package/examples/pages/components/CreateButton.tsx +0 -121
- package/examples/pages/components/DatePicker.tsx +0 -245
- package/examples/pages/components/DateTimePicker.tsx +0 -141
- package/examples/pages/components/DragHandleDocs.tsx +0 -122
- package/examples/pages/components/DropZone.tsx +0 -149
- package/examples/pages/components/Dropdowns.tsx +0 -587
- package/examples/pages/components/DurationInput.tsx +0 -157
- package/examples/pages/components/EmptyStates.tsx +0 -171
- package/examples/pages/components/GridItem.tsx +0 -507
- package/examples/pages/components/GridList.tsx +0 -126
- package/examples/pages/components/Heading.tsx +0 -152
- package/examples/pages/components/IconButtons.tsx +0 -191
- package/examples/pages/components/IconFont.tsx +0 -49
- package/examples/pages/components/IconLabels.tsx +0 -199
- package/examples/pages/components/IconPicker.tsx +0 -82
- package/examples/pages/components/IllustrationButton.tsx +0 -109
- package/examples/pages/components/Index.tsx +0 -563
- package/examples/pages/components/Inputs.tsx +0 -313
- package/examples/pages/components/Labels.tsx +0 -354
- package/examples/pages/components/LeftNavigations.tsx +0 -459
- package/examples/pages/components/ListItems.tsx +0 -33
- package/examples/pages/components/Loader.tsx +0 -25
- package/examples/pages/components/Menu.tsx +0 -181
- package/examples/pages/components/Modal.tsx +0 -557
- package/examples/pages/components/MultiSelect.tsx +0 -343
- package/examples/pages/components/NavButtons.tsx +0 -159
- package/examples/pages/components/Panel.tsx +0 -631
- package/examples/pages/components/Popover.tsx +0 -90
- package/examples/pages/components/QuickNavigationBar.tsx +0 -278
- package/examples/pages/components/RadioGroup.tsx +0 -612
- package/examples/pages/components/ResizablePanels.tsx +0 -43
- package/examples/pages/components/SelectGrid.tsx +0 -162
- package/examples/pages/components/SelectWithTemplate.tsx +0 -144
- package/examples/pages/components/Selects.tsx +0 -175
- package/examples/pages/components/SimpleList.tsx +0 -198
- package/examples/pages/components/SubNav.tsx +0 -160
- package/examples/pages/components/Switch.tsx +0 -298
- package/examples/pages/components/TableList.tsx +0 -315
- package/examples/pages/components/Tabs.tsx +0 -276
- package/examples/pages/components/TagInputDocs.tsx +0 -130
- package/examples/pages/components/Tags.tsx +0 -154
- package/examples/pages/components/Text.tsx +0 -184
- package/examples/pages/components/TimePicker.tsx +0 -179
- package/examples/pages/components/Toasts.tsx +0 -283
- package/examples/pages/components/Togglebox.tsx +0 -307
- package/examples/pages/components/Tooltips.tsx +0 -74
- package/examples/pages/components/TreeMenu.tsx +0 -315
- package/examples/pages/components/TreeSelect.tsx +0 -625
- package/examples/pages/components/WithPaginationDocs.tsx +0 -56
- package/examples/pages/components/WithSizeObserver.tsx +0 -44
- package/examples/pages/components/tree-select/TreeSelect.tsx +0 -322
- package/examples/pages/components/tree-select/example-1.tsx +0 -67
- package/examples/pages/components/tree-select/example-2.tsx +0 -56
- package/examples/pages/components/utilities/BorderRadiusUtilities.tsx +0 -71
- package/examples/pages/components/utilities/BorderUtilities.tsx +0 -169
- package/examples/pages/components/utilities/DisplayUtilities.tsx +0 -115
- package/examples/pages/components/utilities/FlexAndGridUtilities.tsx +0 -551
- package/examples/pages/components/utilities/ObjectFitUtilities.tsx +0 -51
- package/examples/pages/components/utilities/ObjectPositionUtilities.tsx +0 -67
- package/examples/pages/components/utilities/OpacityUtilities.tsx +0 -61
- package/examples/pages/components/utilities/OverflowUtilities.tsx +0 -92
- package/examples/pages/components/utilities/PositionUtilities.tsx +0 -51
- package/examples/pages/components/utilities/ShadowUtilities.tsx +0 -122
- package/examples/pages/components/utilities/SpacingUtilities.tsx +0 -1079
- package/examples/pages/components/utilities/TextUtilities.tsx +0 -560
- package/examples/pages/components.html +0 -15
- package/examples/pages/components_deprecated/alerts.html +0 -113
- package/examples/pages/components_deprecated/badge.html +0 -79
- package/examples/pages/components_deprecated/basic-grid.html +0 -132
- package/examples/pages/components_deprecated/big-icons.html +0 -65
- package/examples/pages/components_deprecated/buttons.html +0 -631
- package/examples/pages/components_deprecated/carousel.html +0 -77
- package/examples/pages/components_deprecated/checkbox.html +0 -86
- package/examples/pages/components_deprecated/colors.html +0 -12
- package/examples/pages/components_deprecated/dropdown.html +0 -542
- package/examples/pages/components_deprecated/form-layout.html +0 -187
- package/examples/pages/components_deprecated/icon-labels.html +0 -34
- package/examples/pages/components_deprecated/icons.html +0 -194
- package/examples/pages/components_deprecated/input.html +0 -233
- package/examples/pages/components_deprecated/labels.html +0 -170
- package/examples/pages/components_deprecated/layout-grid.html +0 -227
- package/examples/pages/components_deprecated/left-nav.html +0 -83
- package/examples/pages/components_deprecated/list-item.html +0 -1342
- package/examples/pages/components_deprecated/loader.html +0 -64
- package/examples/pages/components_deprecated/modal-template.html +0 -13
- package/examples/pages/components_deprecated/modals.html +0 -561
- package/examples/pages/components_deprecated/other-elements.html +0 -54
- package/examples/pages/components_deprecated/panel-info.html +0 -34
- package/examples/pages/components_deprecated/radio.html +0 -64
- package/examples/pages/components_deprecated/select.html +0 -160
- package/examples/pages/components_deprecated/shadows.html +0 -24
- package/examples/pages/components_deprecated/sidebar-menu.html +0 -111
- package/examples/pages/components_deprecated/simple-list.html +0 -113
- package/examples/pages/components_deprecated/slider.html +0 -31
- package/examples/pages/components_deprecated/spacing.html +0 -117
- package/examples/pages/components_deprecated/switch.html +0 -31
- package/examples/pages/components_deprecated/tables.html +0 -58
- package/examples/pages/components_deprecated/tabs.html +0 -257
- package/examples/pages/components_deprecated/tag-input.html +0 -123
- package/examples/pages/components_deprecated/tag-labels.html +0 -57
- package/examples/pages/components_deprecated/text.html +0 -55
- package/examples/pages/components_deprecated/toggle.html +0 -63
- package/examples/pages/components_deprecated/tooltips.html +0 -29
- package/examples/pages/components_deprecated/vertical-tabs.html +0 -48
- package/examples/pages/components_deprecated/wizard.html +0 -41
- package/examples/pages/components_deprecated.html +0 -39
- package/examples/pages/design/application-structure.html +0 -168
- package/examples/pages/design/buttons.html +0 -34
- package/examples/pages/design/checkbox-and-radio.html +0 -64
- package/examples/pages/design/layout-principles.html +0 -45
- package/examples/pages/design/modules.html +0 -22
- package/examples/pages/design/pages.html +0 -22
- package/examples/pages/design/switch.html +0 -55
- package/examples/pages/design-patterns/Index.tsx +0 -42
- package/examples/pages/design-patterns/ThreePaneLayoutPattern.tsx +0 -378
- package/examples/pages/design-patterns.html +0 -14
- package/examples/pages/design.html +0 -39
- package/examples/pages/main.html +0 -76
- package/examples/pages/playgrounds/accessible-theme-test.html +0 -813
- package/examples/pages/playgrounds/boxed-list.html +0 -164
- package/examples/pages/playgrounds/cards.html +0 -244
- package/examples/pages/playgrounds/circular-progress.html +0 -48
- package/examples/pages/playgrounds/dummy-data/items.ts +0 -95
- package/examples/pages/playgrounds/editor-3-test.html +0 -15
- package/examples/pages/playgrounds/form-layout.html +0 -285
- package/examples/pages/playgrounds/layout-grid.html +0 -79
- package/examples/pages/playgrounds/layout-snippets/edit-article.html +0 -415
- package/examples/pages/playgrounds/layout-test-2.html +0 -795
- package/examples/pages/playgrounds/list-item-test.html +0 -896
- package/examples/pages/playgrounds/main.html +0 -16
- package/examples/pages/playgrounds/master-desk.html +0 -1678
- package/examples/pages/playgrounds/media-carousel.html +0 -1166
- package/examples/pages/playgrounds/nav-buttons.html +0 -65
- package/examples/pages/playgrounds/photo-desk.html +0 -1515
- package/examples/pages/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
- package/examples/pages/playgrounds/planning-snippets/edit-event.html +0 -187
- package/examples/pages/playgrounds/planning-snippets/edit-planning.html +0 -457
- package/examples/pages/playgrounds/planning.html +0 -1112
- package/examples/pages/playgrounds/publish-snippets/edit-article.html +0 -37
- package/examples/pages/playgrounds/publish.html +0 -1007
- package/examples/pages/playgrounds/publisher-content-analytics.html +0 -376
- package/examples/pages/playgrounds/publisher-content-list-automatic.html +0 -296
- package/examples/pages/playgrounds/publisher-content-list-manual.html +0 -611
- package/examples/pages/playgrounds/publisher-content-lists.html +0 -255
- package/examples/pages/playgrounds/publisher-dashboard.html +0 -323
- package/examples/pages/playgrounds/publisher-output-control.html +0 -3659
- package/examples/pages/playgrounds/publisher-website-settings-general.html +0 -188
- package/examples/pages/playgrounds/publisher-website-settings.html +0 -265
- package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
- package/examples/pages/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
- package/examples/pages/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
- package/examples/pages/playgrounds/react-playgrounds/Index.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
- package/examples/pages/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
- package/examples/pages/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
- package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
- package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
- package/examples/pages/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
- package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
- package/examples/pages/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
- package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
- package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
- package/examples/pages/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
- package/examples/pages/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
- package/examples/pages/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/components/Index.tsx +0 -20
- package/examples/pages/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
- package/examples/pages/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
- package/examples/pages/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
- package/examples/pages/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
- package/examples/pages/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
- package/examples/pages/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
- package/examples/pages/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
- package/examples/pages/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
- package/examples/pages/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
- package/examples/pages/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
- package/examples/pages/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
- package/examples/pages/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
- package/examples/pages/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
- package/examples/pages/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
- package/examples/pages/playgrounds/react-playgrounds/tsconfig.json +0 -4
- package/examples/pages/playgrounds/settings.html +0 -92
- package/examples/pages/playgrounds/side-navigation.html +0 -201
- package/examples/pages/playgrounds/swimlane-view.html +0 -1975
- package/examples/pages/playgrounds/tags-input.html +0 -55
- package/examples/pages/playgrounds/toasts.html +0 -113
- package/examples/pages/playgrounds/video-editor.html +0 -706
- package/examples/pages/playgrounds.html +0 -40
@@ -1,551 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import * as Markup from '../../../js/react';
|
3
|
-
|
4
|
-
class FlexAndGridUtilitiesDoc extends React.Component {
|
5
|
-
render() {
|
6
|
-
return (
|
7
|
-
<section className="docs-page__container">
|
8
|
-
<h2 className="docs-page__h2">Flex & Grid</h2>
|
9
|
-
|
10
|
-
<div className="docs-page__container-block--flex-direction">
|
11
|
-
<h3 className="docs-page__h3">Flex Direction</h3>
|
12
|
-
<p className="docs-page__paragraph">
|
13
|
-
Utilities classes for controlling the direction of flex items.
|
14
|
-
</p>
|
15
|
-
<div className="utilities-table__container">
|
16
|
-
<table className="table utilities-table">
|
17
|
-
<thead>
|
18
|
-
<tr>
|
19
|
-
<th>Class</th>
|
20
|
-
<th>Properties</th>
|
21
|
-
</tr>
|
22
|
-
</thead>
|
23
|
-
<tbody>
|
24
|
-
<tr>
|
25
|
-
<td>flex-row</td>
|
26
|
-
<td>{'flex-direction: row !important;'}</td>
|
27
|
-
</tr>
|
28
|
-
<tr>
|
29
|
-
<td>flex-col</td>
|
30
|
-
<td>{'display: inline !important;'}</td>
|
31
|
-
</tr>
|
32
|
-
<tr>
|
33
|
-
<td>flex-row-reverse</td>
|
34
|
-
<td>{'flex-direction: row-reverse !important;'}</td>
|
35
|
-
</tr>
|
36
|
-
<tr>
|
37
|
-
<td>flex-col-reverse</td>
|
38
|
-
<td>{'flex-direction: column-reverse !important;'}</td>
|
39
|
-
</tr>
|
40
|
-
</tbody>
|
41
|
-
</table>
|
42
|
-
</div>
|
43
|
-
</div>
|
44
|
-
|
45
|
-
<div className="docs-page__container-block--flex-wrap">
|
46
|
-
<h3 className="docs-page__h3">Flex Wrap</h3>
|
47
|
-
<p className="docs-page__paragraph">Utilities classes for controlling how flex items wrap.</p>
|
48
|
-
<div className="utilities-table__container">
|
49
|
-
<table className="table utilities-table">
|
50
|
-
<thead>
|
51
|
-
<tr>
|
52
|
-
<th>Class</th>
|
53
|
-
<th>Properties</th>
|
54
|
-
</tr>
|
55
|
-
</thead>
|
56
|
-
<tbody>
|
57
|
-
<tr>
|
58
|
-
<td>flex-wrap</td>
|
59
|
-
<td>{'flex-wrap: wrap;'}</td>
|
60
|
-
</tr>
|
61
|
-
<tr>
|
62
|
-
<td>flex-nowrap</td>
|
63
|
-
<td>{'flex-wrap: nowrap;'}</td>
|
64
|
-
</tr>
|
65
|
-
<tr>
|
66
|
-
<td>flex-wrap-reverse</td>
|
67
|
-
<td>{'flex-wrap: wrap-reverse;'}</td>
|
68
|
-
</tr>
|
69
|
-
</tbody>
|
70
|
-
</table>
|
71
|
-
</div>
|
72
|
-
</div>
|
73
|
-
|
74
|
-
<div className="docs-page__container-block--flex">
|
75
|
-
<h3 className="docs-page__h3">Flex</h3>
|
76
|
-
<p className="docs-page__paragraph">
|
77
|
-
Utilities classes for controlling how flex items both grow and shrink.
|
78
|
-
</p>
|
79
|
-
<div className="utilities-table__container">
|
80
|
-
<table className="table utilities-table">
|
81
|
-
<thead>
|
82
|
-
<tr>
|
83
|
-
<th>Class</th>
|
84
|
-
<th>Properties</th>
|
85
|
-
</tr>
|
86
|
-
</thead>
|
87
|
-
<tbody>
|
88
|
-
<tr>
|
89
|
-
<td>flex-1</td>
|
90
|
-
<td>{'flex: 1 1 0%;'}</td>
|
91
|
-
</tr>
|
92
|
-
<tr>
|
93
|
-
<td>flex-auto</td>
|
94
|
-
<td>{'flex: 1 1 auto;'}</td>
|
95
|
-
</tr>
|
96
|
-
<tr>
|
97
|
-
<td>flex-initial</td>
|
98
|
-
<td>{'flex: 0 1 auto;'}</td>
|
99
|
-
</tr>
|
100
|
-
<tr>
|
101
|
-
<td>flex-none</td>
|
102
|
-
<td>{'flex: none;'}</td>
|
103
|
-
</tr>
|
104
|
-
</tbody>
|
105
|
-
</table>
|
106
|
-
</div>
|
107
|
-
</div>
|
108
|
-
|
109
|
-
<div className="docs-page__container-block--flex-grow-shrink">
|
110
|
-
<h3 className="docs-page__h3">Flex Grow & Flex Shrink</h3>
|
111
|
-
<p className="docs-page__paragraph">
|
112
|
-
Utilities classes for controlling how flex items individually grow or shrink.
|
113
|
-
</p>
|
114
|
-
<div className="utilities-table__container">
|
115
|
-
<table className="table utilities-table">
|
116
|
-
<thead>
|
117
|
-
<tr>
|
118
|
-
<th>Class</th>
|
119
|
-
<th>Properties</th>
|
120
|
-
</tr>
|
121
|
-
</thead>
|
122
|
-
<tbody>
|
123
|
-
<tr className="utilities-table__divider-row">
|
124
|
-
<td>Flex grow</td>
|
125
|
-
<td></td>
|
126
|
-
</tr>
|
127
|
-
<tr>
|
128
|
-
<td>flex-grow</td>
|
129
|
-
<td>{'flex-grow: 1 !important;'}</td>
|
130
|
-
</tr>
|
131
|
-
<tr>
|
132
|
-
<td>flex-grow-0</td>
|
133
|
-
<td>{'flex-grow: 0 !important;'}</td>
|
134
|
-
</tr>
|
135
|
-
<tr className="utilities-table__divider-row">
|
136
|
-
<td>Flex shrink</td>
|
137
|
-
<td></td>
|
138
|
-
</tr>
|
139
|
-
<tr>
|
140
|
-
<td>flex-shrink</td>
|
141
|
-
<td>{'flex-shrink: 1 !important;'}</td>
|
142
|
-
</tr>
|
143
|
-
<tr>
|
144
|
-
<td>flex-shrink-0</td>
|
145
|
-
<td>{'flex-shrink: 0 !important;'}</td>
|
146
|
-
</tr>
|
147
|
-
</tbody>
|
148
|
-
</table>
|
149
|
-
</div>
|
150
|
-
</div>
|
151
|
-
|
152
|
-
<div className="docs-page__container-block--flex-grow-shrink">
|
153
|
-
<h3 className="docs-page__h3">Justify Content</h3>
|
154
|
-
<p className="docs-page__paragraph">
|
155
|
-
Utilities classes for controlling how flex and grid items are positioned along a container's
|
156
|
-
main axis.
|
157
|
-
</p>
|
158
|
-
<div className="utilities-table__container">
|
159
|
-
<table className="table utilities-table">
|
160
|
-
<thead>
|
161
|
-
<tr>
|
162
|
-
<th>Class</th>
|
163
|
-
<th>Properties</th>
|
164
|
-
</tr>
|
165
|
-
</thead>
|
166
|
-
<tbody>
|
167
|
-
<tr>
|
168
|
-
<td>justify-start</td>
|
169
|
-
<td>{'justify-content: flex-start !important;'}</td>
|
170
|
-
</tr>
|
171
|
-
<tr>
|
172
|
-
<td>justify-end </td>
|
173
|
-
<td>{'justify-content: flex-end !important;'}</td>
|
174
|
-
</tr>
|
175
|
-
<tr>
|
176
|
-
<td>justify-center</td>
|
177
|
-
<td>{'justify-content: center !important;'}</td>
|
178
|
-
</tr>
|
179
|
-
<tr>
|
180
|
-
<td>justify-between </td>
|
181
|
-
<td>{'justify-content: space-between !important;'}</td>
|
182
|
-
</tr>
|
183
|
-
<tr>
|
184
|
-
<td>justify-around</td>
|
185
|
-
<td>{'justify-content: flex-start !important;'}</td>
|
186
|
-
</tr>
|
187
|
-
<tr>
|
188
|
-
<td>justify-evenly</td>
|
189
|
-
<td>{'justify-content: space-evenly !important;'}</td>
|
190
|
-
</tr>
|
191
|
-
<tr>
|
192
|
-
<td>justify-normal</td>
|
193
|
-
<td>{'justify-content: normal !important;'}</td>
|
194
|
-
</tr>
|
195
|
-
<tr>
|
196
|
-
<td>justify-stretch</td>
|
197
|
-
<td>{'justify-content: stretch !important;'}</td>
|
198
|
-
</tr>
|
199
|
-
</tbody>
|
200
|
-
</table>
|
201
|
-
</div>
|
202
|
-
</div>
|
203
|
-
|
204
|
-
<div className="docs-page__container-block--justify-items">
|
205
|
-
<h3 className="docs-page__h3">Justify Items</h3>
|
206
|
-
<p className="docs-page__paragraph">
|
207
|
-
Utilities classes for controlling how grid items are aligned along their inline axis.
|
208
|
-
</p>
|
209
|
-
<div className="utilities-table__container">
|
210
|
-
<table className="table utilities-table">
|
211
|
-
<thead>
|
212
|
-
<tr>
|
213
|
-
<th>Class</th>
|
214
|
-
<th>Properties</th>
|
215
|
-
</tr>
|
216
|
-
</thead>
|
217
|
-
<tbody>
|
218
|
-
<tr>
|
219
|
-
<td>justify-items-start</td>
|
220
|
-
<td>{'justify-items: start;'}</td>
|
221
|
-
</tr>
|
222
|
-
<tr>
|
223
|
-
<td>justify-items-end</td>
|
224
|
-
<td>{'justify-items: end;'}</td>
|
225
|
-
</tr>
|
226
|
-
<tr>
|
227
|
-
<td>justify-items-center</td>
|
228
|
-
<td>{'justify-items: center;'}</td>
|
229
|
-
</tr>
|
230
|
-
<tr>
|
231
|
-
<td>justify-items-stretch</td>
|
232
|
-
<td>{'justify-items: stretch;'}</td>
|
233
|
-
</tr>
|
234
|
-
</tbody>
|
235
|
-
</table>
|
236
|
-
</div>
|
237
|
-
</div>
|
238
|
-
|
239
|
-
<div className="docs-page__container-block--justify-self">
|
240
|
-
<h3 className="docs-page__h3">Justify Self</h3>
|
241
|
-
<p className="docs-page__paragraph">
|
242
|
-
Utilities classes for controlling how an individual grid item is aligned along its inline axis.
|
243
|
-
</p>
|
244
|
-
<div className="utilities-table__container">
|
245
|
-
<table className="table utilities-table">
|
246
|
-
<thead>
|
247
|
-
<tr>
|
248
|
-
<th>Class</th>
|
249
|
-
<th>Properties</th>
|
250
|
-
</tr>
|
251
|
-
</thead>
|
252
|
-
<tbody>
|
253
|
-
<tr>
|
254
|
-
<td>justify-self-auto</td>
|
255
|
-
<td>{'justify-self: auto;'}</td>
|
256
|
-
</tr>
|
257
|
-
<tr>
|
258
|
-
<td>justify-self-start</td>
|
259
|
-
<td>{'justify-self: start;'}</td>
|
260
|
-
</tr>
|
261
|
-
<tr>
|
262
|
-
<td>justify-self-end</td>
|
263
|
-
<td>{'justify-self: end;'}</td>
|
264
|
-
</tr>
|
265
|
-
<tr>
|
266
|
-
<td>justify-items-center</td>
|
267
|
-
<td>{'justify-self: center;'}</td>
|
268
|
-
</tr>
|
269
|
-
<tr>
|
270
|
-
<td>justify-self-stretch</td>
|
271
|
-
<td>{'justify-self: stretch;'}</td>
|
272
|
-
</tr>
|
273
|
-
</tbody>
|
274
|
-
</table>
|
275
|
-
</div>
|
276
|
-
</div>
|
277
|
-
|
278
|
-
<div className="docs-page__container-block--align-content">
|
279
|
-
<h3 className="docs-page__h3">Align Content</h3>
|
280
|
-
<p className="docs-page__paragraph">
|
281
|
-
Utilities classes for controlling how rows are positioned in multi-row flex and grid containers.
|
282
|
-
</p>
|
283
|
-
<div className="utilities-table__container utilities-table__container--no-height">
|
284
|
-
<table className="table utilities-table">
|
285
|
-
<thead>
|
286
|
-
<tr>
|
287
|
-
<th>Class</th>
|
288
|
-
<th>Properties</th>
|
289
|
-
</tr>
|
290
|
-
</thead>
|
291
|
-
<tbody>
|
292
|
-
<tr>
|
293
|
-
<td>content-normal</td>
|
294
|
-
<td>{'align-content: normal;'}</td>
|
295
|
-
</tr>
|
296
|
-
<tr>
|
297
|
-
<td>content-center</td>
|
298
|
-
<td>{'align-content: center;'}</td>
|
299
|
-
</tr>
|
300
|
-
<tr>
|
301
|
-
<td>content-start</td>
|
302
|
-
<td>{'align-content: start;'}</td>
|
303
|
-
</tr>
|
304
|
-
<tr>
|
305
|
-
<td>content-end</td>
|
306
|
-
<td>{'align-content: end;'}</td>
|
307
|
-
</tr>
|
308
|
-
<tr>
|
309
|
-
<td>content-between</td>
|
310
|
-
<td>{'align-content: space-between;'}</td>
|
311
|
-
</tr>
|
312
|
-
<tr>
|
313
|
-
<td>content-around</td>
|
314
|
-
<td>{'align-content: space-around;'}</td>
|
315
|
-
</tr>
|
316
|
-
<tr>
|
317
|
-
<td>content-evenly</td>
|
318
|
-
<td>{'align-content: space-evenly;'}</td>
|
319
|
-
</tr>
|
320
|
-
<tr>
|
321
|
-
<td>content-baseline</td>
|
322
|
-
<td>{'align-content: baseline;'}</td>
|
323
|
-
</tr>
|
324
|
-
<tr>
|
325
|
-
<td>content-stretch</td>
|
326
|
-
<td>{'align-content: stretch;'}</td>
|
327
|
-
</tr>
|
328
|
-
</tbody>
|
329
|
-
</table>
|
330
|
-
</div>
|
331
|
-
</div>
|
332
|
-
|
333
|
-
<div className="docs-page__container-block--align-items">
|
334
|
-
<h3 className="docs-page__h3">Align Items</h3>
|
335
|
-
<p className="docs-page__paragraph">
|
336
|
-
Utilities classes for controlling how flex and grid items are positioned along a container's
|
337
|
-
cross axis.
|
338
|
-
</p>
|
339
|
-
<div className="utilities-table__container">
|
340
|
-
<table className="table utilities-table">
|
341
|
-
<thead>
|
342
|
-
<tr>
|
343
|
-
<th>Class</th>
|
344
|
-
<th>Properties</th>
|
345
|
-
</tr>
|
346
|
-
</thead>
|
347
|
-
<tbody>
|
348
|
-
<tr>
|
349
|
-
<td>items-start</td>
|
350
|
-
<td>{'align-items: flex-start;'}</td>
|
351
|
-
</tr>
|
352
|
-
<tr>
|
353
|
-
<td>items-end</td>
|
354
|
-
<td>{'align-items: flex-end;'}</td>
|
355
|
-
</tr>
|
356
|
-
<tr>
|
357
|
-
<td>items-center</td>
|
358
|
-
<td>{'align-items: center;'}</td>
|
359
|
-
</tr>
|
360
|
-
<tr>
|
361
|
-
<td>items-baseline</td>
|
362
|
-
<td>{'align-items: baseline;'}</td>
|
363
|
-
</tr>
|
364
|
-
<tr>
|
365
|
-
<td>items-stretch</td>
|
366
|
-
<td>{'align-items: stretch;'}</td>
|
367
|
-
</tr>
|
368
|
-
</tbody>
|
369
|
-
</table>
|
370
|
-
</div>
|
371
|
-
</div>
|
372
|
-
|
373
|
-
<div className="docs-page__container-block--align-self">
|
374
|
-
<h3 className="docs-page__h3">Align Self</h3>
|
375
|
-
<p className="docs-page__paragraph">
|
376
|
-
Utilities classes for controlling how an individual flex or grid item is positioned along its
|
377
|
-
container's cross axis.
|
378
|
-
</p>
|
379
|
-
<div className="utilities-table__container">
|
380
|
-
<table className="table utilities-table">
|
381
|
-
<thead>
|
382
|
-
<tr>
|
383
|
-
<th>Class</th>
|
384
|
-
<th>Properties</th>
|
385
|
-
</tr>
|
386
|
-
</thead>
|
387
|
-
<tbody>
|
388
|
-
<tr>
|
389
|
-
<td>self-auto</td>
|
390
|
-
<td>{'align-self: auto;'}</td>
|
391
|
-
</tr>
|
392
|
-
<tr>
|
393
|
-
<td>self-start</td>
|
394
|
-
<td>{'align-self: flex-start;'}</td>
|
395
|
-
</tr>
|
396
|
-
<tr>
|
397
|
-
<td>self-end</td>
|
398
|
-
<td>{'align-self: flex-end;'}</td>
|
399
|
-
</tr>
|
400
|
-
<tr>
|
401
|
-
<td>self-center</td>
|
402
|
-
<td>{'align-self: center;'}</td>
|
403
|
-
</tr>
|
404
|
-
<tr>
|
405
|
-
<td>self-baseline</td>
|
406
|
-
<td>{'align-self: baseline;'}</td>
|
407
|
-
</tr>
|
408
|
-
<tr>
|
409
|
-
<td>self-stretch</td>
|
410
|
-
<td>{'align-self: stretch;'}</td>
|
411
|
-
</tr>
|
412
|
-
</tbody>
|
413
|
-
</table>
|
414
|
-
</div>
|
415
|
-
</div>
|
416
|
-
|
417
|
-
<div className="docs-page__container-block--place-content">
|
418
|
-
<h3 className="docs-page__h3">Place Content</h3>
|
419
|
-
<p className="docs-page__paragraph">
|
420
|
-
Utilities classes for controlling how content is justified and aligned at the same time.
|
421
|
-
</p>
|
422
|
-
<div className="utilities-table__container">
|
423
|
-
<table className="table utilities-table">
|
424
|
-
<thead>
|
425
|
-
<tr>
|
426
|
-
<th>Class</th>
|
427
|
-
<th>Properties</th>
|
428
|
-
</tr>
|
429
|
-
</thead>
|
430
|
-
<tbody>
|
431
|
-
<tr>
|
432
|
-
<td>place-content-center</td>
|
433
|
-
<td>{'place-content: center;'}</td>
|
434
|
-
</tr>
|
435
|
-
<tr>
|
436
|
-
<td>place-content-start</td>
|
437
|
-
<td>{'place-content: start;'}</td>
|
438
|
-
</tr>
|
439
|
-
<tr>
|
440
|
-
<td>place-content-end</td>
|
441
|
-
<td>{'place-content: end;'}</td>
|
442
|
-
</tr>
|
443
|
-
<tr>
|
444
|
-
<td>place-content-between</td>
|
445
|
-
<td>{'place-content: space-between;'}</td>
|
446
|
-
</tr>
|
447
|
-
<tr>
|
448
|
-
<td>place-content-around</td>
|
449
|
-
<td>{'place-content: space-around;'}</td>
|
450
|
-
</tr>
|
451
|
-
<tr>
|
452
|
-
<td>place-content-evenly</td>
|
453
|
-
<td>{'place-content: space-evenly;'}</td>
|
454
|
-
</tr>
|
455
|
-
<tr>
|
456
|
-
<td>place-content-baseline</td>
|
457
|
-
<td>{'place-content: baseline;'}</td>
|
458
|
-
</tr>
|
459
|
-
<tr>
|
460
|
-
<td>place-content-stretch</td>
|
461
|
-
<td>{'place-content: stretch;'}</td>
|
462
|
-
</tr>
|
463
|
-
</tbody>
|
464
|
-
</table>
|
465
|
-
</div>
|
466
|
-
</div>
|
467
|
-
|
468
|
-
<div className="docs-page__container-block--place-items">
|
469
|
-
<h3 className="docs-page__h3">Place Items</h3>
|
470
|
-
<p className="docs-page__paragraph">
|
471
|
-
Utilities classes for controlling how items are justified and aligned at the same time.
|
472
|
-
</p>
|
473
|
-
<div className="utilities-table__container">
|
474
|
-
<table className="table utilities-table">
|
475
|
-
<thead>
|
476
|
-
<tr>
|
477
|
-
<th>Class</th>
|
478
|
-
<th>Properties</th>
|
479
|
-
</tr>
|
480
|
-
</thead>
|
481
|
-
<tbody>
|
482
|
-
<tr>
|
483
|
-
<td>place-items-start</td>
|
484
|
-
<td>{'place-items: start;'}</td>
|
485
|
-
</tr>
|
486
|
-
<tr>
|
487
|
-
<td>place-items-end</td>
|
488
|
-
<td>{'place-items: end;'}</td>
|
489
|
-
</tr>
|
490
|
-
<tr>
|
491
|
-
<td>place-items-center</td>
|
492
|
-
<td>{'place-items: center;'}</td>
|
493
|
-
</tr>
|
494
|
-
<tr>
|
495
|
-
<td>place-items-baseline</td>
|
496
|
-
<td>{'place-items: baseline;'}</td>
|
497
|
-
</tr>
|
498
|
-
<tr>
|
499
|
-
<td>place-items-stretch</td>
|
500
|
-
<td>{'place-items: stretch;'}</td>
|
501
|
-
</tr>
|
502
|
-
</tbody>
|
503
|
-
</table>
|
504
|
-
</div>
|
505
|
-
</div>
|
506
|
-
|
507
|
-
<div className="docs-page__container-block--place-self">
|
508
|
-
<h3 className="docs-page__h3">Place Self</h3>
|
509
|
-
<p className="docs-page__paragraph">
|
510
|
-
Utilities classes for controlling how an individual item is justified and aligned at the same
|
511
|
-
time.
|
512
|
-
</p>
|
513
|
-
<div className="utilities-table__container">
|
514
|
-
<table className="table utilities-table">
|
515
|
-
<thead>
|
516
|
-
<tr>
|
517
|
-
<th>Class</th>
|
518
|
-
<th>Properties</th>
|
519
|
-
</tr>
|
520
|
-
</thead>
|
521
|
-
<tbody>
|
522
|
-
<tr>
|
523
|
-
<td>place-self-auto</td>
|
524
|
-
<td>{'place-self: auto;'}</td>
|
525
|
-
</tr>
|
526
|
-
<tr>
|
527
|
-
<td>place-self-start</td>
|
528
|
-
<td>{'place-self: start;'}</td>
|
529
|
-
</tr>
|
530
|
-
<tr>
|
531
|
-
<td>place-self-end</td>
|
532
|
-
<td>{'place-self: end;'}</td>
|
533
|
-
</tr>
|
534
|
-
<tr>
|
535
|
-
<td>place-self-center</td>
|
536
|
-
<td>{'place-self: center;'}</td>
|
537
|
-
</tr>
|
538
|
-
<tr>
|
539
|
-
<td>place-self-stretch</td>
|
540
|
-
<td>{'place-self: stretch;'}</td>
|
541
|
-
</tr>
|
542
|
-
</tbody>
|
543
|
-
</table>
|
544
|
-
</div>
|
545
|
-
</div>
|
546
|
-
</section>
|
547
|
-
);
|
548
|
-
}
|
549
|
-
}
|
550
|
-
|
551
|
-
export {FlexAndGridUtilitiesDoc};
|
@@ -1,51 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import * as Markup from '../../../js/react';
|
3
|
-
|
4
|
-
class ObjectFitUtilitiesDoc extends React.Component {
|
5
|
-
render() {
|
6
|
-
return (
|
7
|
-
<section className="docs-page__container">
|
8
|
-
<h2 className="docs-page__h2">Object Fit</h2>
|
9
|
-
<p className="docs-page__paragraph">
|
10
|
-
Utilities for managing how a replaced element's content should be resized.
|
11
|
-
</p>
|
12
|
-
<div className="docs-page__container-block--object-fit">
|
13
|
-
<div className="utilities-table__container">
|
14
|
-
<table className="table utilities-table">
|
15
|
-
<thead>
|
16
|
-
<tr>
|
17
|
-
<th>Class</th>
|
18
|
-
<th>Properties</th>
|
19
|
-
</tr>
|
20
|
-
</thead>
|
21
|
-
<tbody>
|
22
|
-
<tr>
|
23
|
-
<td>object-contain</td>
|
24
|
-
<td>{'object-fit: 0;'}</td>
|
25
|
-
</tr>
|
26
|
-
<tr>
|
27
|
-
<td>object-cover</td>
|
28
|
-
<td>{'object-fit: cover;'}</td>
|
29
|
-
</tr>
|
30
|
-
<tr>
|
31
|
-
<td>object-fill</td>
|
32
|
-
<td>{'object-fit: fill;'}</td>
|
33
|
-
</tr>
|
34
|
-
<tr>
|
35
|
-
<td>object-none</td>
|
36
|
-
<td>{'object-fit: none;'}</td>
|
37
|
-
</tr>
|
38
|
-
<tr>
|
39
|
-
<td>object-scale-down</td>
|
40
|
-
<td>{'object-fit: scale-down;'}</td>
|
41
|
-
</tr>
|
42
|
-
</tbody>
|
43
|
-
</table>
|
44
|
-
</div>
|
45
|
-
</div>
|
46
|
-
</section>
|
47
|
-
);
|
48
|
-
}
|
49
|
-
}
|
50
|
-
|
51
|
-
export {ObjectFitUtilitiesDoc};
|