superdesk-ui-framework 4.0.52 → 4.0.54
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/app-typescript/components/DateTimePicker.tsx +11 -1
- package/dist/examples.bundle.js +14 -2
- package/dist/superdesk-ui.bundle.js +13 -1
- package/package.json +1 -1
- package/react/components/DateTimePicker.d.ts +1 -0
- package/react/components/DateTimePicker.js +13 -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,164 +0,0 @@
|
|
1
|
-
<header class="sd-top-menu">
|
2
|
-
<a class="sd-top-menu__collapse-nav"><i class="icon-collapse icon--white"></i></a>
|
3
|
-
<p class="sd-top-menu__header">Boxed list</p>
|
4
|
-
</header>
|
5
|
-
<main class="sd-page" ng-init="darkTheme = false" data-theme="{{darkTheme ? 'dark-ui' : 'light-ui'}}">
|
6
|
-
<section class="sd-page__main-content" ng-class="{'dark-ui': darkTheme == true}">
|
7
|
-
<div class="subnav" ng-class="{'subnav--dark-ui': darkTheme == true}">
|
8
|
-
<h3 class="subnav__page-title">Boxed list</h3>
|
9
|
-
<span class="label label--large label--warning label--no-transform sd-margin-r--2">Work in progress!</span>
|
10
|
-
<span sd-tooltip="Dark mode" flow="left">
|
11
|
-
<span sd-switch ng-model="darkTheme" class="sd-margin-r--2"></span>
|
12
|
-
</span>
|
13
|
-
</div>
|
14
|
-
<div class="sd-page__content">
|
15
|
-
|
16
|
-
<div style="width: 70%; margin: 100px auto; max-width: 400px; padding: 20px;" class="docs-page__code-window">
|
17
|
-
<ul class="boxed-list">
|
18
|
-
<li class="boxed-list__item boxed-list__item--clickable">
|
19
|
-
<div class="boxed-list__item-media">
|
20
|
-
<figure class="avatar sd-margin--0 deep-orange--600">vs</figure>
|
21
|
-
</div>
|
22
|
-
<div class="boxed-list__item-content">
|
23
|
-
<div class="boxed-list__item-content-row">
|
24
|
-
<span>Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum.</span>
|
25
|
-
</div>
|
26
|
-
</div>
|
27
|
-
</li>
|
28
|
-
<li class="boxed-list__item boxed-list__item--success">
|
29
|
-
<div class="boxed-list__item-content">
|
30
|
-
<div class="boxed-list__item-content-row">
|
31
|
-
<span>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum.</span>
|
32
|
-
</div>
|
33
|
-
</div>
|
34
|
-
<div class="boxed-list__static-actions">
|
35
|
-
<button class="icn-btn"><i class="icon-dots-vertical"></i></button>
|
36
|
-
</div>
|
37
|
-
</li>
|
38
|
-
<li class="boxed-list__item">
|
39
|
-
<div class="boxed-list__item-media">
|
40
|
-
<figure class="avatar sd-margin--0">rb</figure>
|
41
|
-
</div>
|
42
|
-
<div class="boxed-list__item-content">
|
43
|
-
<div class="boxed-list__item-content-row">
|
44
|
-
<span>Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Aenean eu leo quam. Donec ullamcorper nulla non metus auctor fringilla</span>
|
45
|
-
</div>
|
46
|
-
</div>
|
47
|
-
<div class="boxed-list__item-footer">
|
48
|
-
<span>Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum.</span>
|
49
|
-
</div>
|
50
|
-
<div class="boxed-list__static-actions">
|
51
|
-
<button class="icn-btn"><i class="icon-dots-vertical"></i></button>
|
52
|
-
</div>
|
53
|
-
</li>
|
54
|
-
<li class="boxed-list__item boxed-list__item--warning">
|
55
|
-
<div class="boxed-list__item-content">
|
56
|
-
<div class="boxed-list__item-content-row">
|
57
|
-
<span>Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Aenean eu leo quam.</span>
|
58
|
-
</div>
|
59
|
-
<div class="boxed-list__item-content-row">
|
60
|
-
<span>Maecenas faucibus mollis interdum.</span>
|
61
|
-
</div>
|
62
|
-
</div>
|
63
|
-
<div class="boxed-list__slide-in-actions">
|
64
|
-
<button class="icn-btn"><i class="icon-dots-vertical"></i></button>
|
65
|
-
</div>
|
66
|
-
</li>
|
67
|
-
<li class="boxed-list__item">
|
68
|
-
<div class="boxed-list__item-media">
|
69
|
-
<i class="icon-slideshow icon--2x"></i>
|
70
|
-
</div>
|
71
|
-
<div class="boxed-list__item-content">
|
72
|
-
<div class="boxed-list__item-content-row">
|
73
|
-
<span class="sd-text--bold sd-overflow-ellipsis">Pellentesque ornare lacinia</span>
|
74
|
-
<span class="label label--success ml-auto">success</span>
|
75
|
-
</div>
|
76
|
-
<div class="boxed-list__item-content-row">
|
77
|
-
<span>Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Aenean eu leo quam.</span>
|
78
|
-
</div>
|
79
|
-
</div>
|
80
|
-
</li>
|
81
|
-
|
82
|
-
<li class="boxed-list__item boxed-list__item--selected boxed-list__item--clickable">
|
83
|
-
<div class="boxed-list__item-media">
|
84
|
-
<figure class="avatar sd-margin--0 pink--600">mm</figure>
|
85
|
-
</div>
|
86
|
-
<div class="boxed-list__item-content">
|
87
|
-
<div class="boxed-list__item-content-row boxed-list__item-content-row--fixed">
|
88
|
-
<span class="sd-text--bold sd-overflow-ellipsis">Max Mustermann</span>
|
89
|
-
<time class="sd-text__date-time sd-text__date-time--small ml-auto">25.04.2019</time>
|
90
|
-
</div>
|
91
|
-
<div class="boxed-list__item-content-row">
|
92
|
-
<span>Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Aenean eu leo quam.</span>
|
93
|
-
</div>
|
94
|
-
</div>
|
95
|
-
<div class="boxed-list__static-actions">
|
96
|
-
<button class="icn-btn"><i class="icon-dots-vertical"></i></button>
|
97
|
-
</div>
|
98
|
-
</li>
|
99
|
-
<li class="boxed-list__item boxed-list__item--clickable">
|
100
|
-
<div class="boxed-list__item-media">
|
101
|
-
<i class="icon-composite icon--2x"></i>
|
102
|
-
</div>
|
103
|
-
<div class="boxed-list__item-content">
|
104
|
-
<div class="boxed-list__item-content-row">
|
105
|
-
<span class="sd-text--bold-s">Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum.</span>
|
106
|
-
</div>
|
107
|
-
</div>
|
108
|
-
<div class="boxed-list__static-actions">
|
109
|
-
<button class="icn-btn"><i class="icon-pencil"></i></button>
|
110
|
-
</div>
|
111
|
-
</li>
|
112
|
-
<li class="boxed-list__item">
|
113
|
-
<div class="boxed-list__item-media">
|
114
|
-
<figure class="avatar sd-margin--0 light-green--600">jd</figure>
|
115
|
-
</div>
|
116
|
-
<div class="boxed-list__item-content">
|
117
|
-
<div class="boxed-list__item-content-row boxed-list__item-content-row--fixed">
|
118
|
-
<span class="sd-text--bold sd-overflow-ellipsis">Jane Doe</span>
|
119
|
-
<time class="sd-text__date-time sd-text__date-time--small ml-auto">25.04.2019</time>
|
120
|
-
</div>
|
121
|
-
<div class="boxed-list__item-content-row">
|
122
|
-
<span>Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Aenean eu leo quam.</span>
|
123
|
-
</div>
|
124
|
-
</div>
|
125
|
-
<div class="boxed-list__static-actions">
|
126
|
-
<button class="icn-btn"><i class="icon-dots-vertical"></i></button>
|
127
|
-
</div>
|
128
|
-
</li>
|
129
|
-
<li class="boxed-list__item">
|
130
|
-
<div class="boxed-list__item-content">
|
131
|
-
<div class="boxed-list__item-content-row boxed-list__item-content-row--fixed">
|
132
|
-
<time class="sd-text__date-time sd-text__date-time--small">25.04.2019</time>
|
133
|
-
<span class="ml-auto">by Jane Doe</span>
|
134
|
-
</div>
|
135
|
-
<div class="boxed-list__item-content-row boxed-list__item-content-row--fixed">
|
136
|
-
<span class="sd-text--bold sd-overflow-ellipsis">Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Aenean eu leo quam.</span>
|
137
|
-
</div>
|
138
|
-
<div class="boxed-list__item-content-row">
|
139
|
-
<span><span class="sd-text--italic">desk:</span> National</span> <span class="ml-auto"><span class="sd-text--italic">stage:</span> Working</span>
|
140
|
-
</div>
|
141
|
-
</div>
|
142
|
-
<div class="boxed-list__item-footer">
|
143
|
-
<span class="sd-text--italic sd-padding-r--1">version: 25</span> <span class="label label--yellow2 label--hollow">in progress</span> <button class="btn btn--small btn--hollow ml-auto">revert</button>
|
144
|
-
</div>
|
145
|
-
|
146
|
-
</li>
|
147
|
-
<li class="boxed-list__item boxed-list__item--blank">
|
148
|
-
<div class="boxed-list__item-content boxed-list__item-content--centered">
|
149
|
-
<div class="panel-info">
|
150
|
-
<div class="panel-info__icon">
|
151
|
-
<i class="big-icon--comments"></i>
|
152
|
-
</div>
|
153
|
-
<h3 class="panel-info__heading">No comments so far.</h3>
|
154
|
-
<p class="panel-info__description">Be the first one...</p>
|
155
|
-
</div>
|
156
|
-
</div>
|
157
|
-
</li>
|
158
|
-
</ul>
|
159
|
-
</div>
|
160
|
-
</div>
|
161
|
-
</section>
|
162
|
-
</main>
|
163
|
-
|
164
|
-
|
@@ -1,244 +0,0 @@
|
|
1
|
-
<header class="sd-top-menu">
|
2
|
-
<a class="sd-top-menu__collapse-nav"><i class="icon-collapse icon--white"></i></a>
|
3
|
-
<p class="sd-top-menu__header">Cards</p>
|
4
|
-
</header>
|
5
|
-
<main class="sd-page" ng-init="darkUI = false" data-theme="{{darkUI ? 'dark-ui' : 'light-ui'}}">
|
6
|
-
<section class="sd-page__main-content">
|
7
|
-
<div class="subnav">
|
8
|
-
<h2 class="subnav__page-title">Card options</h2>
|
9
|
-
<div class="button-group button-group--right">
|
10
|
-
<button class="sd-navbtn" ng-click="darkUI = !darkUI">
|
11
|
-
<i class="icon-adjust"></i>
|
12
|
-
</button>
|
13
|
-
</div>
|
14
|
-
</div>
|
15
|
-
<div class="sd-page__content">
|
16
|
-
|
17
|
-
<!-- Flex grid -->
|
18
|
-
<div class="flex-grid flex-grid--boxed flex-grid--wrap-items flex-grid--small-6">
|
19
|
-
|
20
|
-
<div class="sd-card flex-grid__item">
|
21
|
-
<div class="sd-card__header">
|
22
|
-
<div class="sd-card__heading">Politic Desk</div>
|
23
|
-
<a class="icn-btn sd-card__actions"><i class="icon-dots-vertical"></i></a>
|
24
|
-
</div>
|
25
|
-
<div class="sd-card__sub-header">Working stage</div>
|
26
|
-
<div class="sd-card__content">
|
27
|
-
Content here
|
28
|
-
</div>
|
29
|
-
</div>
|
30
|
-
|
31
|
-
<div class="sd-card flex-grid__item">
|
32
|
-
<div class="sd-card__header">
|
33
|
-
<div class="sd-card__heading">Sports Desk</div>
|
34
|
-
<a class="icn-btn sd-card__actions"><i class="icon-pencil"></i></a>
|
35
|
-
</div>
|
36
|
-
<div class="sd-card__sub-header sd-card__sub-header--success">Working stage</div>
|
37
|
-
<div class="sd-card__content">
|
38
|
-
Content here
|
39
|
-
</div>
|
40
|
-
</div>
|
41
|
-
|
42
|
-
<div class="sd-card flex-grid__item">
|
43
|
-
<div class="sd-card__header sd-card__header--light">
|
44
|
-
<div class="sd-card__heading">Features Desk</div>
|
45
|
-
<a class="icn-btn sd-card__actions"><i class="icon-pencil"></i></a>
|
46
|
-
</div>
|
47
|
-
<div class="sd-card__content">
|
48
|
-
Content here
|
49
|
-
</div>
|
50
|
-
<div class="sd-card__footer sd-card__footer--right-align">
|
51
|
-
<a class="icn-btn"><i class="icon-pencil"></i></a>
|
52
|
-
<a class="icn-btn"><i class="icon-trash"></i></a>
|
53
|
-
<a class="icn-btn"><i class="icon-dots-vertical"></i></a>
|
54
|
-
</div>
|
55
|
-
</div>
|
56
|
-
|
57
|
-
<div class="sd-card flex-grid__item">
|
58
|
-
<div class="sd-card__header sd-card__header--white">
|
59
|
-
<div class="sd-card__heading">Finance Desk</div>
|
60
|
-
<a class="icn-btn sd-card__actions"><i class="icon-dots-vertical"></i></a>
|
61
|
-
</div>
|
62
|
-
<div class="sd-card__sub-header">Working stage</div>
|
63
|
-
<div class="sd-card__content">
|
64
|
-
Content here
|
65
|
-
</div>
|
66
|
-
</div>
|
67
|
-
|
68
|
-
<div class="sd-card flex-grid__item">
|
69
|
-
<div class="sd-card__header sd-card__header--white">
|
70
|
-
<div class="sd-card__heading">Features Desk</div>
|
71
|
-
<a class="icn-btn sd-card__actions"><i class="icon-pencil"></i></a>
|
72
|
-
</div>
|
73
|
-
<div class="sd-card__content">
|
74
|
-
Content here
|
75
|
-
</div>
|
76
|
-
<div class="sd-card__footer sd-card__footer--right-align">
|
77
|
-
<a class="icn-btn"><i class="icon-pencil"></i></a>
|
78
|
-
<a class="icn-btn"><i class="icon-trash"></i></a>
|
79
|
-
<a class="icn-btn"><i class="icon-dots-vertical"></i></a>
|
80
|
-
</div>
|
81
|
-
</div>
|
82
|
-
|
83
|
-
<div class="sd-card flex-grid__item">
|
84
|
-
<div class="sd-card__header">
|
85
|
-
<div class="sd-card__heading">Entertainment Desk</div>
|
86
|
-
<a class="icn-btn sd-card__actions"><i class="icon-dots-vertical"></i></a>
|
87
|
-
</div>
|
88
|
-
<div class="sd-card__content">
|
89
|
-
Content here
|
90
|
-
</div>
|
91
|
-
<div class="sd-card__footer sd-card__footer--right-align">
|
92
|
-
<a class="btn btn--primary">Primary</a>
|
93
|
-
</div>
|
94
|
-
</div>
|
95
|
-
|
96
|
-
<div class="sd-card flex-grid__item">
|
97
|
-
<div class="sd-card__header sd-card__header--with-thumb">
|
98
|
-
<div class="sd-card__thumbnail">
|
99
|
-
<img src="/image_01.jpg" alt="test">
|
100
|
-
</div>
|
101
|
-
<a class="icn-btn icn-btn--overlay sd-card__actions"><i class="icon-pencil"></i></a>
|
102
|
-
</div>
|
103
|
-
<div class="sd-card__content">
|
104
|
-
Content here
|
105
|
-
|
106
|
-
</div>
|
107
|
-
<div class="sd-card__footer sd-card__footer--spread">
|
108
|
-
<a class="icn-btn"><i class="icon-pencil"></i></a>
|
109
|
-
<a class="icn-btn"><i class="icon-trash"></i></a>
|
110
|
-
<a class="icn-btn"><i class="icon-dots-vertical"></i></a>
|
111
|
-
</div>
|
112
|
-
</div>
|
113
|
-
|
114
|
-
<div class="sd-card flex-grid__item">
|
115
|
-
<div class="sd-card__header sd-card__header--with-thumb">
|
116
|
-
<div class="sd-card__thumbnail">
|
117
|
-
<img src="/image_02.jpg" alt="test">
|
118
|
-
</div>
|
119
|
-
<a class="icn-btn icn-btn--overlay sd-card__actions"><i class="icon-dots-vertical"></i></a>
|
120
|
-
</div>
|
121
|
-
<div class="sd-card__content">
|
122
|
-
Content here
|
123
|
-
|
124
|
-
</div>
|
125
|
-
<div class="sd-card__footer sd-card__footer--spread">
|
126
|
-
<a class="btn btn--primary btn--hollow">Previous</a>
|
127
|
-
<a class="btn btn--primary">Next</a>
|
128
|
-
</div>
|
129
|
-
</div>
|
130
|
-
|
131
|
-
<div class="sd-card flex-grid__item">
|
132
|
-
<div class="sd-card__header sd-card__header--with-thumb">
|
133
|
-
<div class="sd-card__thumbnail">
|
134
|
-
<img src="/image_01.jpg" alt="test">
|
135
|
-
</div>
|
136
|
-
<div class="sd-card__heading">Entertainment Desk</div>
|
137
|
-
<a class="icn-btn icn-btn--overlay sd-card__actions"><i class="icon-dots-vertical"></i></a>
|
138
|
-
</div>
|
139
|
-
<div class="sd-card__content">
|
140
|
-
Content here
|
141
|
-
</div>
|
142
|
-
<div class="sd-card__footer sd-card__footer--right-align">
|
143
|
-
<a class="btn">Cancel</a>
|
144
|
-
<a class="btn btn--primary">Save</a>
|
145
|
-
</div>
|
146
|
-
</div>
|
147
|
-
|
148
|
-
<div class="sd-card flex-grid__item">
|
149
|
-
<div class="sd-card__header sd-card__header--with-thumb">
|
150
|
-
<div class="sd-card__thumbnail" ng-hide="hideThumb">
|
151
|
-
<img src="/image_02.jpg" alt="test">
|
152
|
-
</div>
|
153
|
-
<div class="sd-card__heading">Entertainment Desk</div>
|
154
|
-
<a class="icn-btn icn-btn--overlay sd-card__actions"><i class="icon-dots-vertical"></i></a>
|
155
|
-
</div>
|
156
|
-
<div class="sd-card__content">
|
157
|
-
Content here
|
158
|
-
</div>
|
159
|
-
<div class="sd-card__footer sd-card__footer--right-align">
|
160
|
-
<a class="btn btn--primary btn--hollow" ng-click="hideThumb = !hideThumb">On the right</a>
|
161
|
-
</div>
|
162
|
-
</div>
|
163
|
-
<div class="sd-card flex-grid__item">
|
164
|
-
<div class="sd-card__header sd-card__header--with-thumb">
|
165
|
-
<div class="sd-card__thumbnail">
|
166
|
-
<i class="sd-card__file-type-icn big-icon--document-pdf"></i>
|
167
|
-
</div>
|
168
|
-
<a class="icn-btn sd-card__actions"><i class="icon-dots-vertical"></i></a>
|
169
|
-
</div>
|
170
|
-
<div class="sd-card__content">
|
171
|
-
Content here
|
172
|
-
</div>
|
173
|
-
<div class="sd-card__footer ">
|
174
|
-
<a class="btn btn--primary btn--hollow">On the left</a>
|
175
|
-
</div>
|
176
|
-
</div>
|
177
|
-
|
178
|
-
<div class="sd-card flex-grid__item">
|
179
|
-
<div class="sd-card__header sd-card__header--with-thumb sd-card__header--light">
|
180
|
-
<div class="sd-card__thumbnail">
|
181
|
-
<i class="sd-card__file-type-icn big-icon--text"></i>
|
182
|
-
</div>
|
183
|
-
<a class="icn-btn sd-card__actions"><i class="icon-dots-vertical"></i></a>
|
184
|
-
</div>
|
185
|
-
<div class="sd-card__content">
|
186
|
-
Content here
|
187
|
-
</div>
|
188
|
-
<div class="sd-card__footer sd-card__footer--spread">
|
189
|
-
<a class="btn btn--primary">Spread</a>
|
190
|
-
<a class="icn-btn"><i class="icon-pencil"></i></a>
|
191
|
-
<a class="icn-btn"><i class="icon-trash"></i></a>
|
192
|
-
<a class="icn-btn"><i class="icon-dots-vertical"></i></a>
|
193
|
-
</div>
|
194
|
-
</div>
|
195
|
-
</div>
|
196
|
-
<!-- End -->
|
197
|
-
<!-- Flex grid -->
|
198
|
-
<div class="flex-grid flex-grid--boxed flex-grid--wrap-items flex-grid--small-4">
|
199
|
-
<div class="sd-card flex-grid__item">
|
200
|
-
<div class="sd-card__content">
|
201
|
-
<div class="sd-line-input sd-line-input--label-left-auto">
|
202
|
-
<label class="sd-line-input__label">Headline</label>
|
203
|
-
<input class="sd-line-input__input" type="text">
|
204
|
-
<div class="sd-line-input__char-count">00/90</div>
|
205
|
-
<span class="sd-line-input__hint">This is a hint text. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.</span>
|
206
|
-
</div>
|
207
|
-
</div>
|
208
|
-
</div>
|
209
|
-
<div class="sd-card flex-grid__item">
|
210
|
-
<div class="sd-card__content">
|
211
|
-
<div class="sd-line-input sd-line-input--label-left-auto">
|
212
|
-
<label class="sd-line-input__label">Headline</label>
|
213
|
-
<input class="sd-line-input__input" type="text">
|
214
|
-
</div>
|
215
|
-
</div>
|
216
|
-
</div>
|
217
|
-
<div class="sd-card flex-grid__item">
|
218
|
-
<div class="sd-card__content">
|
219
|
-
<div class="form__row">
|
220
|
-
<div class="sd-line-input sd-line-input--label-left">
|
221
|
-
<label class="sd-line-input__label">Headline</label>
|
222
|
-
<input class="sd-line-input__input" type="text">
|
223
|
-
</div>
|
224
|
-
</div>
|
225
|
-
<div class="form__row">
|
226
|
-
<div class="sd-line-input sd-line-input--label-left">
|
227
|
-
<label class="sd-line-input__label">Slugline</label>
|
228
|
-
<input class="sd-line-input__input" type="text">
|
229
|
-
</div>
|
230
|
-
</div>
|
231
|
-
<div class="form__row">
|
232
|
-
<div class="sd-line-input sd-line-input--label-left">
|
233
|
-
<label class="sd-line-input__label">Slugline</label>
|
234
|
-
<input class="sd-line-input__input" type="text">
|
235
|
-
</div>
|
236
|
-
</div>
|
237
|
-
</div>
|
238
|
-
</div>
|
239
|
-
</div>
|
240
|
-
<!-- End -->
|
241
|
-
|
242
|
-
</div>
|
243
|
-
</section>
|
244
|
-
</main>
|
@@ -1,48 +0,0 @@
|
|
1
|
-
<header class="sd-top-menu">
|
2
|
-
<a class="sd-top-menu__collapse-nav"><i class="icon-collapse icon--white"></i></a>
|
3
|
-
<p class="sd-top-menu__header">Cards</p>
|
4
|
-
</header>
|
5
|
-
<main class="sd-page">
|
6
|
-
<section class="sd-page__main-content" ng-class="{'dark-ui': darkUI}">
|
7
|
-
<div class="subnav" ng-class="{'subnav--dark-ui': darkUI}">
|
8
|
-
<h3 class="subnav__page-title">Circular Progress</h3>
|
9
|
-
<button class="navbtn" ng-click="darkUI = !darkUI">
|
10
|
-
<i class="icon-adjust"></i>
|
11
|
-
</button>
|
12
|
-
</div>
|
13
|
-
<div class="sd-page__content">
|
14
|
-
<div style="width: 450px; margin: 100px auto">
|
15
|
-
<sd-line-input
|
16
|
-
ng-model="value"
|
17
|
-
data-dark="dark"
|
18
|
-
data-boxed="boxed"
|
19
|
-
data-required="required"
|
20
|
-
data-label="{{'Title'}}"
|
21
|
-
data-disabled="disabled"
|
22
|
-
data-maxlength="26">
|
23
|
-
</sd-line-input>
|
24
|
-
|
25
|
-
Value: {{value}} <br><br>
|
26
|
-
Disable: <sd-check ng-model="disabled"></sd-check>
|
27
|
-
Dark <sd-check ng-model="dark"></sd-check>
|
28
|
-
Boxed <sd-check ng-model="boxed"></sd-check>
|
29
|
-
Required <sd-check ng-model="required"></sd-check>
|
30
|
-
</div>
|
31
|
-
|
32
|
-
<div class="circular-progress-bar flex-grid flex-grid--boxed flex-grid--wrap-items" style="width: 450px; margin: 100px auto">
|
33
|
-
<div class="flex-grid__item">
|
34
|
-
<sd-circular-progress value="progressValue" counter="progressCounter" class="sd-circular-progress--l" error="progressError"></sd-circular-progress>
|
35
|
-
</div>
|
36
|
-
<div class="flex-grid__item">
|
37
|
-
<sd-line-input
|
38
|
-
ng-model="progressValue"
|
39
|
-
data-label="{{'Progress'}}">
|
40
|
-
</sd-line-input>
|
41
|
-
Show progress <sd-check ng-model="progressCounter"></sd-check>
|
42
|
-
Error <sd-check ng-model="progressError"></sd-check>
|
43
|
-
</div>
|
44
|
-
</div>
|
45
|
-
</div>
|
46
|
-
</section>
|
47
|
-
</main>
|
48
|
-
|
@@ -1,95 +0,0 @@
|
|
1
|
-
const items = [
|
2
|
-
{
|
3
|
-
image: '/d_trump.jpg',
|
4
|
-
imageAlt: 'Moron',
|
5
|
-
title: 'Lorem ipsum dolor sit amet, consectetur',
|
6
|
-
description:
|
7
|
-
'Cras mattis consectetur purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.',
|
8
|
-
date: '05.11.2020',
|
9
|
-
type: 'photo',
|
10
|
-
urgency: '1',
|
11
|
-
priority: '3',
|
12
|
-
urgencyColor: 'deep-orange--600',
|
13
|
-
priorityColor: 'light-green--600',
|
14
|
-
locked: true,
|
15
|
-
status: ['selected'],
|
16
|
-
selected: true,
|
17
|
-
},
|
18
|
-
{
|
19
|
-
image: '/obama_2.jpg',
|
20
|
-
imageAlt: 'Barack',
|
21
|
-
title: 'Sed posuere consectetur est at lobortis',
|
22
|
-
description: 'Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis euismod semper.',
|
23
|
-
date: '05.11.2020',
|
24
|
-
type: 'photo',
|
25
|
-
urgency: '2',
|
26
|
-
priority: '3',
|
27
|
-
urgencyColor: 'deep-orange--500',
|
28
|
-
priorityColor: 'light-green--600',
|
29
|
-
locked: false,
|
30
|
-
status: [],
|
31
|
-
selected: false,
|
32
|
-
},
|
33
|
-
{
|
34
|
-
image: '',
|
35
|
-
imageAlt: '',
|
36
|
-
title: 'Aenean eu leo quam',
|
37
|
-
description: 'Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis euismod semper.',
|
38
|
-
date: '05.11.2020',
|
39
|
-
type: 'audio',
|
40
|
-
urgency: '2',
|
41
|
-
priority: '5',
|
42
|
-
urgencyColor: 'deep-orange--500',
|
43
|
-
priorityColor: 'blue-grey--300',
|
44
|
-
locked: false,
|
45
|
-
status: [],
|
46
|
-
selected: false,
|
47
|
-
},
|
48
|
-
{
|
49
|
-
image: '/bill.jpg',
|
50
|
-
imageAlt: 'Bill',
|
51
|
-
title: 'Pellentesque ornare sem lacinia quam venenatis',
|
52
|
-
description: 'Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus.',
|
53
|
-
date: '05.11.2020',
|
54
|
-
type: 'photo',
|
55
|
-
urgency: '3',
|
56
|
-
priority: '5',
|
57
|
-
urgencyColor: 'orange--500',
|
58
|
-
priorityColor: 'blue-grey--300',
|
59
|
-
locked: false,
|
60
|
-
status: ['actioning'],
|
61
|
-
selected: false,
|
62
|
-
},
|
63
|
-
{
|
64
|
-
image: '/hillary.jpg',
|
65
|
-
imageAlt: 'Bill',
|
66
|
-
title: 'Donec id elit non mi porta gravida at eget metus',
|
67
|
-
description: 'Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui.',
|
68
|
-
date: '05.11.2020',
|
69
|
-
type: 'photo',
|
70
|
-
urgency: '2',
|
71
|
-
priority: '4',
|
72
|
-
urgencyColor: 'deep-orange--500',
|
73
|
-
priorityColor: 'blue-grey--500',
|
74
|
-
locked: false,
|
75
|
-
status: ['fetched'],
|
76
|
-
selected: false,
|
77
|
-
},
|
78
|
-
{
|
79
|
-
image: '/bush_2.jpg',
|
80
|
-
imageAlt: 'W. Bush',
|
81
|
-
title: 'Donec ullamcorper nulla non metus auctor fringilla',
|
82
|
-
description: 'Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod.',
|
83
|
-
date: '05.11.2020',
|
84
|
-
type: 'photo',
|
85
|
-
urgency: '3',
|
86
|
-
priority: '5',
|
87
|
-
urgencyColor: 'orange--500',
|
88
|
-
priorityColor: 'blue-grey--300',
|
89
|
-
locked: false,
|
90
|
-
status: [''],
|
91
|
-
selected: false,
|
92
|
-
},
|
93
|
-
];
|
94
|
-
|
95
|
-
export default items;
|
@@ -1,15 +0,0 @@
|
|
1
|
-
|
2
|
-
<div class="sd-padding--4">
|
3
|
-
<button class="btn btn--primary btn--loading" tabindex="0" aria-label="">
|
4
|
-
<div class="btn__state--loading">
|
5
|
-
<svg class="sd-spinner sd-spinner--mini" viewBox="0 0 48 48">
|
6
|
-
<circle class="sd-spinner__path" cx="24" cy="24" r="18" fill="none" stroke-width="6"></circle>
|
7
|
-
</svg>
|
8
|
-
</div>
|
9
|
-
primary
|
10
|
-
</button>
|
11
|
-
</div>
|
12
|
-
|
13
|
-
<svg class="sd-spinner sd-spinner sd-spinner--large" viewBox="0 0 48 48">
|
14
|
-
<circle class="sd-spinner__path" cx="24" cy="24" r="18" fill="none" stroke-width="6"></circle>
|
15
|
-
</svg>
|